/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* --------------- ПЕРЕОПРЕДЕЛЕНИЕ СТАНДАРТНОГО СТИЛЯ */

/* Сделаем логотип побольше, иначе его плохо видно */
.logo {max-width: 200px; height: 70px; display: flex; align-items: center;}

/* Уменьшим отступ снизу, по умолчанию слишком большой */
p {margin-bottom: 14px!important;}

/* в списках отступы между элементами чуток увеличил */
ul.list li {
  line-height: 20px;
  padding:5px 0 5px 0;
}

/* Уменьшенный заголовок с названием товара в каталоге */
h1.page-title{font-size: 2.0em;}

/* Уменьшенный радиус скругления в списке разделов */
.rounded {
  border-radius: 15%!important;
}

/* Оранжевый фон у подсказок и немного пошире */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 1em;
  font-weight: normal;  
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #fff; 
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip-inner {
  max-width: 300px;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #F07800;
  border: 1px solid #fff;
  border-radius: 4px;  
}

/* Для банеров добавлен вывод текста */
.baner-text{border: 1px solid #e5e5e5; border-color: var(--stroke_black); border-radius:4px; padding:15px;}

/* Заголовки блоков на главной странице*/
.index-block__preview {
  color: #666;
  color: var(--light_basic_text_black);
  text-align: left;
  margin-top: 0px;
  max-width: 1100px;
}

.index-block__preview--mb-66 {
  margin-bottom: 20px;
}






/* --------------- ТИПОГРАФИКА */

/* Заголовок с меньшими отступами и другим цветом */
h1.flat-header, h2.flat-header, h3.flat-header, h4.flat-header, h5.flat-header, h6.flat-header{margin: 10px 0 5px 0!important; color:#0AA360;}

/* подзаголовок с выделением и подчеркиванием */
p.special-header {padding-bottom: 5px; border-bottom: 2px solid #0AA360; font-weight:bold;}
p.special-header2 {padding-bottom: 5px; border-bottom: 2px solid #0AA360; font-weight:bold; font-size:1.3em; color:#0090F0;}

/* Выделение текста желтым цветом с эффектом маркера */
span.highlighted-text {
  display; block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0.5rem 4rem;
  font-weight: bold;
  font-size:1.2em;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMjAwMTA5MDQvL0VOIgogICAgICAgICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+Cgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgICB3aWR0aD0iMWluIiBoZWlnaHQ9IjAuNWluIgogICAgIHZpZXdCb3g9IjAgMCAzMDAgMTUwIj4KICA8cGF0aAogICAgICAgIGZpbGw9IiNmZmUwMDAiIHN0cm9rZT0ibm9uZSIKICAgICAgICBkPSJNIDEyLjAwLDQ4LjAwCiAgICAgICAgICAgQyAxMi4wMCw1MC4wOSAxMS43OSw1NC45OSAxMi42MCw1Ni43MgogICAgICAgICAgICAgMTUuNTksNjMuMTggMjYuMDksNTYuNjQgMzMuMDAsNjMuMDAKICAgICAgICAgICAgIDMwLjg0LDYzLjE4IDIzLjA1LDYzLjg3IDIxLjgwLDY1LjAyCiAgICAgICAgICAgICAxOC4wMiw2Ny44OCAyMS4yOSw3Ni4zNSAyMS44MCw4MC4wMAogICAgICAgICAgICAgMjEuODAsODAuMDAgMjEuODAsODYuMDAgMjEuODAsODYuMDAKICAgICAgICAgICAgIDIxLjgwLDg2LjAwIDQwLjAwLDg3LjAwIDQwLjAwLDg3LjAwCiAgICAgICAgICAgICAzOS45Myw4OC44OCA0MC4wNiw5MS4wNCAzOC45OCw5Mi42OQogICAgICAgICAgICAgMzcuNTEsOTQuOTMgMzUuMTUsOTQuNzUgMzIuNTksOTYuMjAKICAgICAgICAgICAgIDI4LjMzLDk4LjYxIDI2Ljg3LDEwMi4yMiAyNy4zNCwxMDcuMDAKICAgICAgICAgICAgIDI3LjM0LDEwNy4wMCAzMC4wMiwxMjMuNDEgMzAuMDIsMTIzLjQxCiAgICAgICAgICAgICAzMS44MiwxMjUuNzUgNDAuMDEsMTI3Ljk1IDQzLjAwLDEyOC4wMAogICAgICAgICAgICAgNDMuMDAsMTI4LjAwIDg3LjAwLDEyOC4wMCA4Ny4wMCwxMjguMDAKICAgICAgICAgICAgIDg4LjA4LDEyMS41NiA5MS4xNiwxMjEuODAgOTcuMDAsMTIyLjA0CiAgICAgICAgICAgICA5Ny4wMCwxMjIuMDQgMTA5LjAwLDEyMy4wMCAxMDkuMDAsMTIzLjAwCiAgICAgICAgICAgICAxMDkuMDAsMTIzLjAwIDEyOC4wMCwxMjMuMDAgMTI4LjAwLDEyMy4wMAogICAgICAgICAgICAgMTI4LjAwLDEyMy4wMCAxODIuMDAsMTIyLjAwIDE4Mi4wMCwxMjIuMDAKICAgICAgICAgICAgIDE5NC41OCwxMjEuOTcgMTg4LjQyLDExOS4wMyAyMDEuMDAsMTE5LjAwCiAgICAgICAgICAgICAyMDEuMDAsMTE5LjAwIDI0My4wMCwxMTkuMDAgMjQzLjAwLDExOS4wMAogICAgICAgICAgICAgMjQzLjAwLDExOS4wMCAyNTguMDAsMTE4LjAwIDI1OC4wMCwxMTguMDAKICAgICAgICAgICAgIDI1OS41MywxMDkuMTAgMjY2LjAxLDExMy4zNyAyNzAuNDAsMTA5LjE1CiAgICAgICAgICAgICAyNzIuNjEsMTA3LjAzIDI3Mi4zMCwxMDAuODUgMjcyLjAwLDk4LjAwCiAgICAgICAgICAgICAyNzIuMDAsOTguMDAgMjgwLjAwLDk3LjAwIDI4MC4wMCw5Ny4wMAogICAgICAgICAgICAgMjgwLjAwLDk0LjEwIDI4MC4yNiw4OC41NSAyNzkuMjYsODYuMDIKICAgICAgICAgICAgIDI3Ni40OSw3OC45OCAyNjQuNjMsNzYuODggMjU4LjAwLDc2LjAwCiAgICAgICAgICAgICAyNjUuMTUsNjkuMTkgMjc2LjQwLDczLjAzIDI3NC44NSw2Mi4wNAogICAgICAgICAgICAgMjc0LjQ3LDU5LjM1IDI3My43Myw1OC44NSAyNzIuMDAsNTcuMDAKICAgICAgICAgICAgIDI4MS42OCw1My43NyAyODEuMDAsNTQuMjggMjgxLjAwLDQ0LjAwCiAgICAgICAgICAgICAyODEuMDAsNDQuMDAgMjU4LjAwLDQyLjM4IDI1OC4wMCw0Mi4zOAogICAgICAgICAgICAgMjUwLjAwLDQwLjg0IDI1MS40OCwzOC4wMyAyMzUuMDAsMzguMDAKICAgICAgICAgICAgIDIzNS4wMCwzOC4wMCAxODkuMDAsMzkuMDAgMTg5LjAwLDM5LjAwCiAgICAgICAgICAgICAxODkuMDAsMzkuMDAgMTc3LjAwLDM5LjgyIDE3Ny4wMCwzOS44MgogICAgICAgICAgICAgMTc3LjAwLDM5LjgyIDE1OS4wMCwzOC4wMCAxNTkuMDAsMzguMDAKICAgICAgICAgICAgIDE1OS4wMCwzOC4wMCAxMjguMDAsMzguMDAgMTI4LjAwLDM4LjAwCiAgICAgICAgICAgICAxMTYuOTAsMzguMDIgMTIwLjE2LDM5LjQwIDExMy4wMCw0MC42NwogICAgICAgICAgICAgMTEzLjAwLDQwLjY3IDk3LjAwLDQyLjE3IDk3LjAwLDQyLjE3CiAgICAgICAgICAgICA5Ny4wMCw0Mi4xNyA4Ny4wMCw0My44MyA4Ny4wMCw0My44MwogICAgICAgICAgICAgODcuMDAsNDMuODMgNTcuMDAsNDUuMDAgNTcuMDAsNDUuMDAKICAgICAgICAgICAgIDU3LjAwLDQ1LjAwIDMyLjAwLDQ4LjAwIDMyLjAwLDQ4LjAwCiAgICAgICAgICAgICAzMi4wMCw0OC4wMCAxMi4wMCw0OC4wMCAxMi4wMCw0OC4wMCBaIiAvPgo8L3N2Zz4K');
}

/* Сообщение о наличии скидок под ценой в каталоге товара */
div.info-price {
  padding: 5px;
  border: 1px solid rgba(91, 177, 71, 0.4);
  border-radius: 3px;
  border-left: 3px solid #0AA360;
  color: #0AA360;
  margin: 15px 0 5px 0;
  font-weight: 400;
}

/* Сообщение "нажмите чтобы раскрыть" в аккордионах */
span.toggle-hint{font-size:0.8em; font-style:italic; margin-left:15px;position:relative; float:right;}

/* Оформление таблиц. Зеленый заголовок */
table.table tr.green-header {background: #0AA360; color:#fff; font-weight:bold; font-size:120%;}
table.table td.strong{font-weight:bold; background: #F3F3F3;}

/* Цвета значков font-awesome */
.icon-green{background:#0AA360!important}
.icon-red{background:#FF0000!important}

/* Таблицы сервисов 1С в описаниях тарифов 1С */
.table-tarif-serv{margin:5px 0 5px 0; padding:15px; border:1px solid #dbdbdb;}
.table-tarif-serv .left-column .big {margin-right:10px;}
.table-tarif-serv .left-column {line-height: normal;}
.table-tarif-serv .right-column{text-align:right; font-size:90%; line-height: normal;}
.table-tarif-serv .header{font-size:0.9em; line-height: 16px; font-weight:bold; color:#d16500; margin:10px 0 5px 0;}

@media (max-width: 767px) {
	.table-tarif-serv .right-column{text-align:left;font-size:0.95em;}
	.table-tarif-serv .left-column{font-size:0.95em;}
}

/* Оформление страницы Линия консультаций */
.pricingTable{border: 1px solid #dbdbdb; box-shadow: 0 0 10px rgba(0, 0, 0, 0.14); border-radius: 10px; text-align: center; min-width:250px;}

.pricingTable .pricingTable-header{background-color: #f5f5f5; color:#fff; padding-bottom: 25px; height: 250px;}
.pricingTable-header .heading{background-color: #82b440; display: flex; align-items: center; justify-content: center; height: 100px; transition:0.4s ease-in-out;}
.pricingTable:hover .heading{background-color: #419e00;}
.pricingTable .heading h3{font-weight:bold; margin: 0; text-transform: uppercase;}

.pricingTable-header .price-value {display: block; font-size: 25px; font-weight: 800; color: #474747; line-height: 35px; margin-top: 10px; padding: 20px 10px 0;}
.pricingTable .price-value span{font-size: 30px; font-weight: 100;}
.pricingTable .subtitle{font-size: 14px; color: #262626; margin: 15px; display: block;}

.pricingTable .pricingContent {padding: 15px; height:200px;}
.pricingTable .pricingContent .phone {padding-bottom: 15px;}
.pricingTable .pricingContent span.phone-code{font-size: 1.4em; padding-right:5px;}
.pricingTable .pricingContent span.phone-number{font-weight:bold; font-size: 1.73333em;}


.pricingTable .pricingTable-sign-up{padding: 25px 0; border-top: 1px solid #dbdbdb;}
.pricingTable .btn-block{background: #82b440;border:0px none;border-radius: 5px;color:#fff;width: 50%;padding: 10px 5px;margin: 0 auto;text-transform: capitalize;transition:0.3s ease;}
.pricingTable .btn-block:after{content: "\f090";font-family: 'FontAwesome';font-size: 15px;padding-left: 10px;}
.pricingTable .btn-block:hover{background: #419e00;color:#fff;}

@media screen and (max-width:990px){
 .pricingTable{margin-bottom: 20px;}
}

/* Блок с исконкой */
.iconblock-1 {border: 1px solid #FF0000; border-radius:4px; width:100%; padding: 12px; display: table;}
.iconblock-1 p.line{font-size:1.2em; padding:15px 0 15px 0; margin:0!important;}
.iconblock-1 .icon {display: table-cell; vertical-align: middle; text-align:center; padding:0 15px 0 0;}
.iconblock-1 .icon i {font-size:60px; color: #FF8040; transition: all .4s; width: 32px; height: 32px;}
.iconblock-1:hover .icon i{font-size:60px; color: #337AB7; opacity: 1;}

/* информационный блок */
.alert-about {background-color: #fcf8e3;border-color: #faebcc; color: #000;}
.alert-about span.icon{color: #e83333; padding-right: 10px;}