/*********************************/
/*      PAGES  STYLE - FILE      */
/*     by Evgeny B Parshin      */
/*      all right reservet     */
/*********************************/
html {font-size: 15px;}
.f-lm-text {
  font-family: arial;
  font-size: 8pt;
  color: #6699ff;
  text-align: right;
  padding-right: 15px;
}
.f-lm-field {
  font-family: arial;
  font-size: 9pt;
  border: 1px solid #0000ff;
}
.f-lm-button {
  font-family: arial;
  font-weight: bold;
  font-size: 9pt;
  color: #6699ff;
  background-color: #ffffff;
  border: 1px solid #ff9900;
}
.n-header {
  font-family: helvetica;
  font-size: 9pt;
  padding: 3px;
  border-bottom: 2px dashed #ffcc00;
}
IMG.mid {
  vertical-align: middle;
}
.n-footer {
  font-family: arial;
  font-size: 8pt;
  color: #444444;
  padding: 5px;
  border-bottom: 2px dotted #ffffff;
  border-left: 1px solid #0000ff;
}
A.n-link:visited {
  color: #6699ff;
  text-decoration: none;
}
A.n-linl:active {
  color: #FF0000;
  text-decoration: blink;
}
A.n-link:link {
  color: #6699ff;
  text-decoration: none;
}
A.n-link:hover, A.n-link:focus {
  color: #ff0000;
  text-decoration: none;
}
.se-head-blue {
  font-family: arial;
  font-size: 1rem;
  color: #222222;
  background: url(../../system/imgcss/css_sect_bg1.gif) repeat-y;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  border-bottom: 1px solid #6699ff;
  border-left: 1px solid #6699ff;
}
.se-head-orange {
  font-family: arial;
  font-size: 1rem;
  color: #222222;
  background: url(../../system/imgcss/css_sect_bg2.gif) repeat-y;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  border-bottom: 1px solid #ff9900;
  border-left: 1px solid #ff9900;
}
.se-head-trans {
  font-family: arial;
  font-size: 1rem;
  color: #222222;
  padding: 2px;
}
.su-head-dark {
  font-family: helvetica, arial;
  font-size: 1rem;
  color: #444444;
}
.su-head-blue {
  font-family: helvetica, arial;
  font-size: 1rem;
  color: #0099ff;
}
.su-head-orange {
  font-family: helvetica, arial;
  font-size: 1rem;
  color: #ff6600;
}
.su-head-light {
  font-family: helvetica, arial;
  font-size: 1rem;
  color: #999999;
}
.su-text-deepblue {
  font-family: arial, verdana, tahoma;
  font-size: 1rem;
  color: #0000ac;
}
.su-db {
  font-family: arial, verdana, tahoma;
  font-size: 1rem;
  color: #0000ac;
  font-weight: bold;
}
.su-text-black {
  font-family: arial, verdana, tahoma;
  font-size: 1rem;
  color: #222222;
}
.su-text-blue {
  font-family: arial, verdana, tahoma;
  font-size: 1rem;
  color: #0066ff;
}
.su-text-red {
  font-family: arial, verdana, tahoma;
  font-size: 1rem;
  color: #ff3300;
}
.su-text-gray {
  font-family: arial, verdana, tahoma;
  font-size: 1rem;
  color: #777777;
}
.su-text-nocolor {
  font-family: arial, verdana, tahoma;
  font-size: 1rem;
}
.su-post-black {
  font-family: verdana, tahoma;
  font-size: 1rem;
  color: #000000;
}
.su-post-blue {
  font-family: verdana, tahoma;
  font-size: 1rem;
  color: #0099ff;
}
.su-post-orange {
  font-family: verdana, tahoma;
  font-size: 1rem;
  color: #ff6600;
}
A:active {
  color: #0000ff;
  text-decoration: blink;
}
A:visited {
  color: #6699ff;
  text-decoration: none;
}
A:link {
  color: #6699ff;
  text-decoration: none;
}

A:hover, A:focus {
  color: #ff0000;
  text-decoration: none;
}
.ok-text {
  font-family: arial;
  font-size: 1rem;
  color: #000000;
}
.ok-table {
  padding: 5px;
  border: 1px solid #009900;
}
.ok-head {
  font-family: verdana;
  font-weight: bold;
  font-size: 1rem;
  color: #009900;
  border-bottom: 3px double #00cc00;
}
INPUT.f-form-button, INPUT.key {
  font-family: arial;
  font-weight: bold;
  font-size: 1rem;
  color: #0099ff;
  background-color: #ffffcc;
  border: 1px solid #ff6600;
}
INPUT, SELECT, TEXTAREA, .form {
  font-family: arial;
  font-size: 1rem;
  border: 1px solid #0000ff;
}
.f-form-text {
  font-family: arial;
  font-size: 1rem;
  color: #ff6600;
}
.g-menu {
  font-family: arial;
  font-weight: bold;
  font-size: 1rem;
  color: #0000ff;
  padding: 1px;
  border-top: 2px dotted #ffcc00;
  border-bottom: 2px dotted #ffcc00;
}
.g-menu-current, B.g-menu-current {
  font-family: arial;
  font-size: 1rem;
  color: #ff6600;
  background-color: #ffffcc;
  width: 30px;
  border: 1px solid #ff0000;
}
.mcat-head {
  font-family: arial;
  font-size: 1rem;
  background: url(../../system/imgcss/section-bg1.gif) repeat-y;
  width: 100%;
  padding: 3px;
  border-bottom: 1px solid #D4EFFC;
}
.br-small {
  font-family: "times new roman" ! important;
  font-size: 7px ! important;
}
.err-head {
  font-family: verdana;
  font-weight: bold;
  font-size: 1rem;
  color: #ff0000;
  border-bottom: 3px double #ff6600;
}
.err-text {
  font-family: arial;
  font-size: 1rem;
  color: #000000;
}
.mh {
  font-family: tahoma, arial;
  font-size: 1rem;
  color: #0000FF;
  padding: 3px;
  border-top: 1px solid #99ccff;
  border-right: 1px solid #99ccff;
  border-bottom: 1px solid #ffcc66;
  border-left: 1px solid #ffcc66;
}
.mr1-v {
  font-family: arial;
  font-size: 1rem;
  color: #0000FF;
  
}
.mr2-v {
  font-family: arial;
  font-size: 1rem;
  color: #0000FF;
  
}
.mr3-v {
  font-family: arial;
  font-size: 1rem;
  color: #0000FF;
  
}
B.mv-select {
  font-weight: bold;
  color: #FF0000;
}
.mv-descript {
  font-family: arial;
  font-size: 1rem;
  color: #444444;
  
}
TABLE.sp-table {
  background-color: #0099ff;
  border: 1px solid rgba(175,209,250,1.00);  
}
TABLE.sp-table TR.sp-head TD, TD.sp-head {
  font-family: arial;
  font-weight: bold;
  font-size: 1rem;
  color: #000000;
  background: #ddeeff url(../../system/imgcss/sp-head_bg.gif) ! important;
  text-align: center;
  padding: 2px;
  border: 1px solid rgba(175,209,250,1.00);
}
TABLE.sp-table TR.sp-text TD {
  font-family: arial;
  font-size: 1rem;
  background: #fff4ce url(../../system/imgcss/sp-text_bg.gif);
  padding: 1px 3px 1px 5px;
  border: 1px solid rgba(175,209,250,1.00);
}
TABLE.sp-table2 TR.sp-head2 TD, TD.sp-head2 {
  font-family: arial;
  font-weight: bold;
  font-size: 1rem;
  font-color: #0000FF;
  background: #FFFFFF url(../../system/imgcss/scene_bg_1x82.gif) ! important;
  text-align: center;
  padding: 2px;
}
TABLE.sp-table2 TR.sp-text2 TD {
  font-family: arial;
  font-size: 1rem;
  background: #FFFFFF url(../../system/imgcss/sp-text_bg.gif);
  padding: 1px 3px 1px 5px;
}
TABLE.sp-table3 {
  background-color: #0099ff;
  border: 1px solid rgba(175,209,250,1.00);  
}
TABLE.sp-table3 TR.sp-head3 TD, TD.sp-head3 {
  font-family: arial;
  font-weight: bold;
  font-size: 1rem;
  color: #000000;
  background: #ddeeff url(../../system/imgcss/sp-head_bg.gif) ! important;
  text-align: center;
  padding: 2px;
  border: 1px solid rgba(175,209,250,1.00);
}
TABLE.sp-table3 TR.sp-text3 TD {
  font-family: arial;
  font-size: 1rem;
  background: #fff4ce url(../../system/imgcss/sp-text_bg.gif);
  padding: 1px 3px 1px 5px;
  border: 1px solid rgba(175,209,250,1.00);
}
.section {
  border-top: 3px solid #ffffff;
  border-right: 7px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  border-left: 7px solid #ffffff;
}
.subject {
  border-top: 1px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 10px solid #ffffff;
}
.menu-scroll {
  font-family: arial;
  font-size: 1rem;
  text-align: center;
  border: 1px solid #eeeeee;
}
.err-table {
  padding: 5px;
  border: 1px solid #ff0000;
}
.err-img {
  background-image: url(../../system/imgcss/err-img_3x3.gif);
}
.form-table {
  font-family: arial;
  font-size: 1rem;
  color: #0000ff;
  border: 1px solid #eeeeee;
}
.guest-head {
  font-family: verdana;
  font-size: 1rem;
  color: #6699ff;
  padding: 1px 5px 1px 5px;
  border-bottom: 1px solid #6699ff;
  border-left: 5px solid #6699ff;
}
.guest-text {
  font-family: arial;
  font-size: 1rem;
  color: #000080;
  padding: 5px;
  border-right: 1px solid #ffcc66;
  border-bottom: 1px solid #ffcc66;
}
.guest-info {
  font-family: arial;
  font-size: 1rem;
  color: #cccccc;
  padding: 1 3 10 3;
}
.mcat-form {
  padding: 3px;
  border: 1px solid #D4EFFC;
}
.mcat-info {
  font-family: "times new roman";
  font-size: 1rem;
  color: #0066ff;
  text-align: right;
  vertical-align: text-bottom;
}
.mcat-table {
  padding: 3px;
  border: 1px solid #D4EFFC;
}
.mcat-text {
  font-family: arial;
  font-size: 1rem;
  vertical-align: text-top;
  width: 100%;
  padding: 5px;
}
TABLE.sc-table {
  background-color: #FFFFFF;
}
TABLE.sc-table TR.sc-head TD, TD.sc-head {
  font-family: arial;
  font-weight: bold;
  font-size: 1rem;
  background: #ddeeff url(../../system/imgcss/sp-head_bg.gif) ! important;
  text-align: left;
  padding: 2px;
}
TABLE.sc-table TR.sc-text TD {
  font-family: arial;
  font-size: 1rem;
  background: #fff4ce url(../../system/imgcss/sp-text_bg.gif);
  padding: 1px 3px 1px 5px;
}
TABLE.sc-table TR.sc-desc TD {
  font-family: arial;
  font-size: 1rem;
  background: #fff4ce url(../../system/imgcss/sp-text_bg.gif);
  padding: 1px 3px 1px 5px;
  text-align: left;
}
a.button1, a.button1:before {
  display: inline-block;
  font-size: 20px;
  color: #0000FF;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 100px;
  border: solid rgb(4,88,192);
  border-width: 3px 10px;
  outline: none;
  opacity: 1;
  transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
} 
a.button1 {
  position: relative;
  padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px);
  border: 1px solid rgba(62,153,239,.5);
  background: linear-gradient(to left, rgb(62,153,239) 1%, #fff 3%, rgb(44,135,232) 8%, rgba(255,255,255,.3) 50%, rgb(44,135,232) 92%, #fff 97%, rgb(62,153,239) 99%) no-repeat;
}
a.button1:before {
  position:  absolute; 
  bottom: -7px;
  left: -1px;
  width: calc(100% - (15px + 10px - 1px)*2);
  background: #fff linear-gradient(rgb(58,160,253), rgb(4,88,192) 60%, rgb(49,112,201));
  box-shadow: 0 10px 18px rgba(0,0,0,.5);
}
a.button1:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
a.button1:hover:before {
  border-color: #0000FF;
  background: #fff linear-gradient(#3fadff, #0766d8 60%, #3279dd);
}
a.button1:focus,
a.button1:active {
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}
/* Navbar */
#topNavbar {
	padding-left: 50px;
    padding-top: 20px
}
.navbar.scrolled {
	background: rgba(0,0,0,1.00);
    transition: background 3000ms
}
/* End style of Navbar */
/* BackToTop button css */
 #button {
  display: inline-block;
  background-color: rgba(51,51,51,0.25);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 70px;
  right: 25px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "^";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: rgba(51,51,51,0.40);
}
#button:active {
  background-color: rgba(51,51,51,0.35);
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*END BackToTop button css*/
img {
-webkit-transform:scale(1.0); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1.0); /*Mozilla scale version*/
-o-transform:scale(1.0); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}
img:hover {
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
}
.sp-table {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);/*CSS3 shadow*/
	}

div.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);/*CSS3 shadow*/
	}
.btn {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);/*CSS3 shadow*/
	}
@media print {.container {width: auto;}} /* ИСПРАВЛЕНИ БАГА ПЕЧАТИ С САЙТА*/		
.selector-for-some-widget {box-sizing: content-box;}

h1 {color: rgba(255,193,38,1.00);}
H1 {color: rgba(255,193,38,1.00);}
h2 {color: #0000FF;}
H2 {color: #0000FF;}
h3 {color: #0000ff;}
H3 {color: #0000ff;}
h4 {color: #0000ff;}
H4 {color: #0000ff;}		
h5 {color: #0000FF;}
H5 {color: #0000FF;}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
    /* изменить цвет полоски blockquote */
  border-left: 5px solid rgba(255,193,38,1.00) !important;
}
/* исправление бага dark mode для vcard и abbr*/
.vcard	{
  text-decoration: none !important;
  color: #000000 !important;
}		
abbr[data-original-title], abbr[title] {
  text-decoration: none;
}
/* Dark mode*/
label.darkmode {
    color: #eee;
}		
[data-theme="dark"] {
  background-color: #111 !important;
  color: #eee;
}

[data-theme="dark"] .bg-light {
  background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}
/*END of dark mode*/
/* opacity-0 dark to opacity-5 light, opacity-0h5 is auto opacity*/
.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:0.8!important;
}
.opacity-5 {
  opacity:1!important;
}
/* Maybe even support hover opacity shifts */
.opacity-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
  opacity:0.6!important;
}
/* Custom Tabbox main page */
#tapbox {border-radius:10px !important;}
/*Кнопка Мультитур, для нормального показа страниц с мультитура по API*/
.ovr-buttons {
  font-size:15px;
  color: #FFFFFF !important;
  position: relative !important;
  padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px) !important;
  border: 1px solid rgba(43,185,255,0.48) !important;
  border-radius:10px !important;
  background: rgb(34,97,154) !important;
  background: radial-gradient(circle, rgba(34,97,154,0.8855917366946778) 0%, rgba(26,68,113,0.4654236694677871) 100%) !important;}
.ovr-buttons:hover {
	background: rgba(113,176,233,1.00) !important;
	box-shadow: 0 3px rgba(125,176,255,0.73) inset !important;
}
.ovr-buttons:active {
	background: rgba(16,133,239,1.00) !important;
	box-shadow: 0 3px rgba(1,70,175,0.54) inset !important;
}
/*конец кода кнопки мультитура*/