/*переменные*/
/*переменные конец*/
/*общие стили начало*/
.center {
  text-align: center!important;
}
.left {
  text-align: left!important;
}
.right {
  text-align: right!important;
}
.block-right {
  float: right!important;
}
.block-left {
  float: left!important;
}
.red {
  color: red;
}
.blue {
  color: #0000ff;
}
.green {
  color: green;
}
.gray {
  color: gray;
}
.size10 {
  font-size: 0.7em !important;
}
.size11 {
  font-size: 0.8em !important;
}
.size12 {
  font-size: 0.875em !important;
}
.size13 {
  font-size: 0.95em !important;
}
.size14 {
  font-size: 1em!important;
}
.size15 {
  font-size: 1.05em !important;
}
.size16 {
  font-size: 1.125em !important;
}
.size17 {
  font-size: 1.2em !important;
}
.size18 {
  font-size: 1.25em !important;
}
.size19 {
  font-size: 1.35em !important;
}
.size20 {
  font-size: 1.4em !important;
}
.size22 {
  font-size: 1.5em !important;
}
.size24 {
  font-size: 1.6em !important;
}
.navbar-collapse {
  padding-right: 2px;
  padding-left: 2px;
}
/*общие стили конец*/
body {
  min-width: 320px;
  //background: #e2e2e2;
  background: url("/img/ny-light.png") repeat-x 50% 0, url("/img/ny-left.png") no-repeat 0 0, url("/img/ny-right.png") no-repeat 100% 0, url("/img/ny.jpg") repeat 50% 0 #fff; //зима
  font-family: Arial, Geneva CY, Sans-Serif;
  color: #000;
  border-top: 5px solid #7e7e7e;
}
.may9 {
  background: #f2eb19;
  align-content: center;
  text-align: center;
}
.container {
  background: #fff;
  padding: 0;
}
.container-fluid {
  background: #fff;
  padding: 0;
}
header {
  background: #f9fafa;
  padding: 10px 0 0;
  /*@keyframes move {
		from {transform: translateY(-200%);}
		50% {transform: translateY(-100%);}
		to {transform: translateY(0%);}
	}*/
}
header .attention {
  animation: move 1s ease 0.2s alternate infinite;
}
@keyframes move {
  from {
    opacity: 0.3;
  }
  50% {
    opacity: 0.7;
  }
  to {
    opacity: 1;
  }
}
header .navbar-toggle {
  margin-top: 0;
}
header .row {
  margin: 0;
  padding: 0;
}
header a,
header a:hover {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
header h4.slogan {
  font: normal 1em/1.1em Arial, Geneva CY, Sans-Serif;
  color: #8c8c8b;
  margin: 5px;
}
header .logo {
  font: bold 2.2em/0.8em "Times New Roman";
  color: #0000ff;
  text-shadow: 2px 1px 1px grey;
}
header .logo span:first-child {
  color: #ff0000;
  margin: 0;
  padding: 0;
}
header .header-contact {
  padding-left: 0;
}
header .header-contact p {
  font: normal 1em/1.5em Arial, Geneva CY, Sans-Serif;
  margin: 3px 0;
  white-space: nowrap;
}
header .header-contact .col-sm-6 {
  float: left;
}
header button {
  background-color: #0199da !important;
  color: #fff !important;
}
.wrapper {
  padding: 0 15px;
}
.main-nav .navbar {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #0199da;
}
.main-nav .navbar .navbar-nav {
  padding: 0;
  margin: 0;
}
.main-nav .navbar li {
  vertical-align: middle;
}
.main-nav .navbar li a {
  color: #fff;
  font: bold 0.925em/1.1em Arial, Geneva CY, Sans-Serif;
}
.main-nav .navbar li :hover,
.main-nav .navbar li :focus {
  color: #2b2b2b !important;
  background-color: #0199da !important;
}
@media (min-width: 768px) {
  .nav-justified > li {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #e7e7e7;
  }
  .nav-justified > li:first-child {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
  .header-contact > .pull-right {
    float: left !important;
  }
}
h3.breadcrumb,
.breadcrumb {
  font-size: 0.95em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 2px 0;
  background-color: transparent;
  padding: 5px 0;
}
h3.breadcrumb li.active,
.breadcrumb li.active {
  display: inline;
}
h3.breadcrumb {
  margin: 0;
  padding: 0;
}
.main-content h1 {
  text-align: center;
  font-size: 1.6em;
  color: #f00;
  margin: 10px;
}
.main-content h2 {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 10px 0;
}
.main-content p {
  text-indent: 1.5em;
  font-size: 1em;
  text-align: justify;
}
.main-content .cat-index {
  font: normal 0.95em/0.95em Arial, Geneva CY, Sans-Serif;
}
.main-content .cat-index ul {
  margin: 5px 0;
  padding: 0;
}
.main-content .cat-index ul li {
  list-style-type: none;
  padding: 3px 0;
}
.main-content .cat-index ul li a {
  color: #8700ff;
  margin-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 95%;
  /* Ширина*/
  display: inline-block;
}
.main-content .cat-index ul li a:first-letter {
  font-weight: bold;
  font-size: 1.05em;
}
.main-content .typepredm {
  margin: 10px -10px;
  padding: 5px;
  border-radius: 3px;
  background-color: #fefefe;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.main-content .typepredm h3 {
  font: bold 1.2em/1.4em Arial, Geneva CY, Sans-Serif;
  color: green;
  margin: 5px;
  text-align: center;
  text-transform: uppercase;
}
.main-content a {
  color: #0000ff;
}
.index p {
  text-indent: 1.5em;
  font: normal 1.2em/1.9em Arial, Geneva CY, Sans-Serif;
  text-align: justify;
}
/*стили страницы works*/
.main-content-works h1 {
  text-align: center;
  font-size: 1.6em;
  color: #f00;
  margin: 10px;
}
.main-content-works h1 a {
  color: #f00;
}
.main-content-works h4 a {
  color: #8700ff;
}
.main-content-works p {
  font-size: 1em;
}
.main-content-works .btn {
  margin: 2px 0;
}
.main-content-works .panel {
  width: 90%;
  margin: 0 auto 20px;
}
.main-content-works .panel h3 {
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
}
.main-content-works .panel ol {
  padding-left: 20px;
}
.main-content-works .panel li {
  font-size: 1.05em;
  padding: 2px 0;
}
/*стиль страницы view_predmet*/
.main-content-predmet h1 {
  text-align: center;
  font-size: 1.6em;
  color: #f00;
  margin: 10px;
}
.main-content-predmet h2 {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}
.main-content-predmet p {
  margin: 3px;
  text-indent: 1.5em;
  font-size: 1em;
  text-align: justify;
}
.main-content-predmet p a {
  color: #0000ff;
}
.main-content-predmet .btn {
  margin: 2px 0;
}
.main-content-predmet .table-responsive {
  padding-right: 15px;
  margin-right: -15px;
}
.main-content-predmet #table-work {
  background-color: #fff;
}
.main-content-predmet #table-work h3 {
  margin: 0;
  padding: 0;
}
.main-content-predmet #table-work a {
  color: #0000ff;
}
.main-content-predmet #table-work td {
  padding: 3px;
}
.main-content-predmet #table-work td.name_theme h3 {
  font-size: 1em;
  line-height: 1.5em;
}
.main-content-predmet #table-work td.name_theme div {
  display: none;
}
.main-content-predmet #table-work td.name_theme div table {
  border: 1px solid #000000;
  margin: 2px auto;
}
.main-content-predmet #table-work td.name_theme div table td {
  border: 1px solid #000000;
  vertical-align: middle;
  text-align: center;
}
.main-content-predmet #table-work .openPlan button {
  margin: 0;
  padding: 0 2px;
}
/*стиль страницы view_predmet конец*/
/*стиль страницы buy*/
.row-buy {
  margin-right: -25px;
}
.buy {
  margin-left: -10px;
}
.buy h2 {
  margin: 0;
  padding: 0;
  font: 1.1em/1.4em Arial, Geneva CY, Sans-Serif;
  text-transform: none;
  font-weight: bold;
}
.buy h3 {
  margin: 0;
  padding: 0;
  font: 1em/1.5em Arial, Geneva CY, Sans-Serif;
  text-transform: none;
  font-weight: normal;
}
.buy .blank {
  background-color: #fdfdfd;
  border-radius: 5px;
}
.buy .plan {
  background-color: #fff;
  margin-bottom: 10px;
  text-align: justify;
}
.buy .plan table {
  border: 1px solid #000000;
  margin: 2px auto;
}
.buy .plan table td {
  border: 1px solid #000000;
  vertical-align: middle;
  text-align: center;
  padding: 2px;
}
.buy .plan table td:first-child {
  text-align: left;
}
.buy dl {
  margin-bottom: 10px;
}
.buy .dl-horizontal dt {
  float: left;
  margin-right: 10px;
}
.buy .panel .panel-heading {
  font-size: 1.1em;
  text-transform: uppercase;
}
.buy .panel form {
  margin: 5px;
}
.buy .panel form button {
  white-space: normal;
}
.buy a.thumbnail {
  margin: 5px;
  padding: 0 5px;
  color: #000;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.buy a.thumbnail h5 {
  font-weight: bold;
  font-size: 0.95em;
}
.buy a.thumbnail h6 {
  line-height: 1.2em;
}
.buy .motivation {
  margin: 5px -10px;
  padding: 2px;
  background-color: white;
}
.buy .motivation h3 {
  font-weight: bold;
  margin: 0 0 5px 0;
  text-align: center;
  font-size: 1.2em;
  color: red;
}
.buy .motivation li :hover {
  color: #0c0c0c;
  background-color: #286090;
  border-color: #204D74;
}
.buy .motivation a {
  margin: 0 1px;
  padding: 6px;
  color: yellow;
}
.buy .motivation .active :hover {
  background-color: white;
}
.sidebar-attention ul {
  padding: 5px 0 0 20px;
  text-align: justify;
}
/*стиль страницы buy конец*/
/*стиль страницы order*/
.order h1 {
  text-align: center;
  font-size: 1.4em;
  color: #f00;
  margin: 10px;
}
.order .well {
  margin-bottom: 7px;
  padding: 5px;
}
.order p {
  margin: 0;
  padding: 0;
}
.order .pay_block {
  background-color: #fff !important;
  padding: 5px !important;
}
.order .pay_block .pay_block-title {
  text-align: center;
  font-size: 1.5em;
  color: #000;
  margin: 5px;
}
.order .pay_block .pay_block-select ul {
  font-size: 1em;
}
.order .pay_block .pay_block-select ul li {
  background-color: #f5f5f5;
  margin: 2px 1px;
}
.order .pay_block hr {
  margin: 5px 0;
}
.order .motivation {
  padding: 2px;
  background-color: white;
}
.order .motivation h3 {
  font-weight: bold;
  margin: 0 0 5px 0;
  text-align: center;
  font-size: 1.2em;
  color: red;
}
.order .motivation li :hover {
  color: #0c0c0c;
  background-color: #286090;
  border-color: #204D74;
}
.order .motivation a {
  margin: 0 1px;
  padding: 6px;
  color: yellow;
}
.order .motivation .active :hover {
  background-color: white;
}
/*стиль страницы order конец*/
/*стиль страницы send_buy*/
.send_buy dl {
  margin-bottom: 3px;
}
.send_buy .dl-horizontal dt {
  float: left;
  margin-right: 10px;
}
.send_buy p.qiwi_btn {
  text-indent: 0;
}
.send_buy p.qiwi_btn a {
  text-decoration: none;
  margin: 0 20px;
  color: #fff;
}
.sidebar-attention ul {
  padding: 5px 0 0 20px;
  text-align: justify;
}
/*стиль страницы send_buy конец*/
/*стиль страницы способы оплаты*/
.payment .panel-group a {
  border-bottom: 1px dotted;
  text-decoration: none;
}
.payment .panel-group a:hover {
  text-decoration: none;
}
/*стиль страницы способы оплаты*/
/*стиль страницы сроки цены*/
.time-price h2 {
  margin-top: 10px;
  color: #ff0000;
}
.time-price table {
  width: 70%;
  margin: 0 auto;
}
/*стиль страницы сроки цены конец*/
/*стиль страницы гарантии*/
.guarantee h2 {
  margin-top: 10px;
  color: #ff0000;
}
/*стиль страницы гарантии конец*/
/*стиль страницы контакты*/
.contact {
  margin: 20px;
}
.contact p {
  font-size: 1.1em;
  text-indent: 0;
}
.contact .well {
  background-color: #fdfdfd;
}
.contact .glyphicon {
  font-size: 1.8em;
  margin: 5px 10px 5px 5px;
  padding: 0;
  vertical-align: middle;
}
/*стиль страницы контакты конец*/
/*стиль страницы статьи список предметов*/
.articles p {
  text-indent: 0;
}
.articles .well {
  background-color: #fdfdfd;
}
.articles .panel {
  margin: 10px 0;
}
.articles .panel .panel-body {
  padding: 5px;
}
.articles .panel h3 {
  font-weight: bold;
  font-size: 1.25em;
}
.articles .panel .list-group {
  margin: 0;
}
/*стиль страницы статьи список предметов конец*/
/*стиль страницы конкретной статьи*/
.article p {
  font-size: 1.125em;
}
.article .well {
  background-color: #fdfdfd;
}
.article .panel {
  margin: 10px 0;
}
.article .panel .panel-body {
  padding: 5px;
}
.article .panel h3 {
  font-weight: bold;
  font-size: 1.25em;
}
.article .panel .list-group {
  margin: 0;
}
/*стиль страницы конкретной статьи конец*/
/*стили отзывов*/
.otzivi h1 {
  font-weight: bold;
  margin-bottom: 25px;
}
.otzivi blockquote {
  margin: 10px 5px 20px;
  padding: 0 0 0 5px;
  font-size: 1.2em;
  text-align: justify;
}
.otzivi blockquote p {
  text-indent: 0;
}
.otzivi blockquote .signature {
  color: #555;
  text-align: right;
  font-size: 0.8em;
  background-color: inherit;
  text-indent: 1.5em;
  font-weight: bold;
}
/*стили отзывов с боку*/
.sidebar-reviews {
  background-color: #e8f6ff;
  margin: 20px 0 10px 0;
  padding: 5px;
}
.sidebar-reviews p {
  margin: 0;
  padding: 0 0 10px;
  text-align: center;
  font-size: 1.5em;
}
.sidebar-reviews blockquote {
  margin: 5px;
  padding: 0 0 0 5px;
  font-size: 0.8em;
  text-align: justify;
  text-indent: 1.5em;
}
.sidebar-reviews blockquote footer {
  background-color: inherit;
}
/*стили маленькой формы заказа*/
.sidebar-small-order {
  margin: 15px 0 0;
}
.sidebar-small-order .panel-heading {
  font-size: 1.125em;
  text-transform: uppercase;
}
.sidebar-small-order p {
  font-size: 0.8em;
  margin: 10px 0 0 0;
  text-align: justify;
}
footer {
  border-top: 2px solid #dedddb;
  background-color: #fff;
  padding: 10px 5px;
}
footer .row {
  margin: 0;
}
footer .footer-nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
}
footer a {
  color: #0199da;
  font-size: 0.875em;
}
footer a:hover {
  color: #d00;
  text-decoration: none;
}
#scrollup {
  position: fixed;
  /* фиксированная позиция */
  opacity: 0.7;
  /* прозрачность */
  padding: 5px 8px;
  /* отступы */
  background: #ffdb4c;
  border-radius: 5px;
  /* скругление углов */
  left: 5px;
  /* отступ слева */
  bottom: 70px;
  /* отступ сверху */
  display: none;
  /* спрятать блок */
  cursor: pointer;
}
#scrollup span {
  font-size: 1.4em;
  line-height: 0.7em;
}
#ya-site-form0 .ya-site-form__input-text {
  height: 34px;
  padding: 6px 12px;
  border-radius: 2px 0 0 2px;
}
#ya-site-form0 .ya-site-form__submit {
  padding: 6px 12px;
  border: 1px solid #2e6da4;
  border-radius: 0 4px 4px 0;
  background-color: #0199da;
}
.affix {
  bottom: 65px;
}
.ads-self {
  margin: 5px 7px 0 0;
  padding: 0;
  background-color: #f0f0f0;
}
.ads-self h3 {
  margin: 5px 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.55em;
}
.ads-self p {
  padding: 3px 0;
  margin: 0;
  font-size: 1.15em;
}
.ads-self p a {
  color: #3a82c2;
}
.ads-self p a:hover {
  color: #0066ff;
  text-decoration: none;
}
.ads-self p:nth-child(1) a {
  color: #f00;
}
.ads-self p:nth-child(1) a:hover {
  color: #0066ff;
  text-decoration: none;
}
.ya-share2 {
  margin-top: 5px;
}