/**
 * Place your custom styles here.
 */

/* HappyCart */

.hc-gray { color: #555555; }
.hc-margin {margin-left: 0.5em; margin-right:15px; }
.hc-back-1 { border-radius: 25px; background: white; margin: 20 px; padding: 20px; }
.hc-back-2 { border-radius: 15px; background: white; margin: 3em; padding: 10px 10px 10px 20px; }
.hc-back-3 { border-radius: 15px; margin: 3em; padding: 10px 10px 10px 20px; }
.hc-back-4 { border-radius: 15px; background: white; margin: -3em; padding: -10px -10px -10px -20px;  }
.hc-back-clients { border-radius: 25px; background: white; margin: 20 px; padding: 20px; }
.hc-back-role { border-radius: 20px; background: #E7F0F8; margin: 10 px; padding: 10px; }
.hc-back-garantee { border-radius: 25px; background: #FFFFFF; margin: 20px; padding: 20px; }
.hc-back-error { border-radius: 15px; /* background: #F9F2F4; */ margin: 15px; }
.hc-bottom-column {  display: table-cell; vertical-align: bottom; }

.hc-float-none { float:none; }

.hc-row-center { text-align:center }

.img-responsive { margin: 0 auto; }

.box {
    padding: 0 5px 0 5px;
    background: #E7F0F8;
border-radius: 20px;
margin:1px;

}

/* Кнопка вверху страницы */
.hc-btn-xlarge { margin-left: 0.3em;margin-right:0.3em; font-size: 2em; line-height: normal; border: 2px solid white; background-color: #4CAF50; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;

    transition-duration: 0.4s;

}

.hc-btn-xlarge:hover { background-color: white; color: #4CAF50; }

/* Кнопка внизу, в конце формы */

.hc-btn-xlarge-form { font-size: 2em; line-height: normal; border: 2px solid white; background-color: #4CAF50; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;

    transition-duration: 0.4s;

}

.hc-btn-xlarge-form:hover { background-color: white; border: 2px solid #4CAF50; color: #4CAF50; }

/* вторичная кнопка вверху формы, в целом положительная: ознакомиться с правилами */

.hc-btn-xlarge-rules { 
   font-size: 2em; 
   line-height: normal; 
   border: 2px solid white; 
   background-color: #E89423; 
   color: white; 
   padding: 15px 32px; 
   text-align: center; 
   display: inline-block;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;

    transition-duration: 0.4s;

}

.hc-btn-xlarge-rules:hover { color: #E89423; background-color: white; border: 2px solid white;  }

.hc-btn-xlarge-rules2 { 
   font-size: 2em; 
   line-height: normal; 
   border: 2px solid white; 
   background-color: #E89423; 
   color: white; 
   padding: 15px 32px; 
   text-align: center; 
   display: inline-block;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;

    transition-duration: 0.4s;

}

.hc-btn-xlarge-rules2:hover { color: #E89423; background-color: white; border: 2px solid #E89423;  }


/* Кнопка в тарифной сетке */

.hc-btn-tarif {
    background-color: #259691; /* Green */
    border: 1px solid #259691;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

    transition-duration: 0.4s;
}

.hc-btn-tarif:hover { background-color: white;  color: #259691; }


/* негативная кнопка на Дизайн-мышлении  */

.hc-btn-xlarge-nop { 
   font-size: 2em; 
   line-height: normal; 
   border: 2px solid white; 
   background-color: #E89423; 
   color: white; 
   padding: 15px 32px; 
   text-align: center; 
   display: inline-block;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;

    transition-duration: 0.4s;

}

.hc-btn-xlarge-nop:hover { background-color: #D9534F; border: 2px solid white; color: white; }

/* кнопка контакта  */

.hc-btn-xlarge-contact { 
   font-size: 2em; 
   line-height: normal; 
   border: 2px solid #0779BF; 
   background-color: #0779BF; 
   color: white; 
   padding: 15px 32px; 
   text-align: center; 
   display: inline-block;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;

    transition-duration: 0.4s;

}

.hc-btn-xlarge-contact:hover { background-color: white; border: 2px solid #0779BF; color: #0779BF; }

.hc-button-wrapper {padding-top: 3em; padding-bottom: 2em;}

/* Заголовки страниц */

.hc-audit-intro {
    position: relative; width: 100%; height: 100%; background-size: cover; overflow: hidden;
    background: #E89423 /*url("/sites/default/files/inline-images/audit_main1.jpg")*/ center center;/*slide.jpg =>you image*/    
}

.hc-design-intro {
    position: relative; width: 100%; height: 100%; background-size: cover; overflow: hidden;
    background: #E89423 /* url("/sites/default/files/inline-images/design_main32.jpg") */ center center;/*slide.jpg =>you image*/    
}
.hc-fastdev-intro {
    position: relative; width: 100%; height: 100%; background-size: cover; overflow: hidden;
    background: #E89423 /*url("/sites/default/files/inline-images/android.jpg") */ center center;/*slide.jpg =>you image*/    
}
.hc-contact-intro {
    position: relative; width: 100%; height: 100%; background-size: cover; overflow: hidden;
    background: #fff url("/sites/default/files/inline-images/design_main31.jpg") center center;/*slide.jpg =>you image*/    
}

.hc-row-equal { display: flex; display: -webkit-flex; }

.hc-margin-1em {  margin: 1em; }

.hc-margin-top-1em {  margin-top: 1em; }
.hc-margin-top-2em {  margin-top: 2em; }
.hc-margin-top-3em {  margin-top: 3em; }

.hc-margin-title {  margin: 1.0em 0em 0.5em 0em;  }

.hc-margin-4em {  margin-left: 2em; margin-right:2em; }
.hc-margin-5em {  margin: 5em;  }
.hc-border-blue {border: 0.3em solid #0779BF; }
.hc-width-30 {  margin: 4em; }

.hc-padding-top-1em { padding-top: 1em; }
.hc-margin--0 {  margin-top: 0em; }
.hc-margin--02 {  margin-top: -0.2em; }
.hc-margin--05 {  margin-top: -0.5em; }
.hc-margin--1 {  margin-top: -1em; }
.hc-margin--1-5 {  margin-top: -1.4em; }
.hc-margin--2 {  margin-top: -2em; }
.hc-padding--2 {  padding-top: -2em; }

.hc-margin-left-30 {padding-left:30px;}

.hc-services {  padding-top: 1.0em; }

.hc-padding-05 {  padding-bottom: 0.5em; }
.hc-padding-07 {  padding-bottom: 0.7em; }
.hc-padding-1 {  padding-bottom: 1.0em; }
.hc-padding-3x {  padding: 4em; }

.hc-logo-padding {margin-left: 20px; margin-right: 20px;}


.hc-linespacing-normal { line-height: 1.0em; } 

.hc-width-10 {  margin: 15px;  }
.hc-width-10-red {  margin: 15px; }

.hc-text-blue { color: #0779BF; }
.hc-text-blue-light { color: #00B0F0; }
.hc-text-gray { color: #555555; }
.hc-text-orange { color: #E89423; }
.hc-text-white { color: #FFFFFF; }
.hc-text-green { color: #259691; }
.hc-text-green2 { color: #709E50; }
.hc-text-red { color: #D9534F; }
.hc-text-gray-blue { color: #7EA4C7; }


.hc-text-white-orange { color: #FFFFFF; }
.hc-text-white-orange:hover { color: #E89423; }

.hc-background-blue { background-color: #00B0F0 ! important; }


.hc-font-weight-bold { font-weight: bold; }
.hc-tarif-text {font-size: 120% ; }

.hc-width-50 {width: 50%; display: block;}

.hc-rcorners-orange { border-radius: 15px 50px; border: 1px solid #E89423; background: #E89423; margin-top:5px;margin-bottom:5px; padding: 20px; }
.hc-rcorners-green { border-radius: 15px 50px; border: 1px solid #259691; background: #259691; margin-top:5px;margin-bottom:5px; padding: 20px; }
.hc-rcorners-blue { border-radius: 15px 50px;  border: 1px solid #0779BF; background: #0779BF; margin-top:5px;margin-bottom:5px; padding: 20px; }
.hc-rcorners-blue-light { border-radius: 15px 50px;  border: 1px solid #00B0F0;background: #00B0F0; margin-top:5px; margin-bottom:5px;padding: 20px; }

.hc-box-service { display: inline-block; width: 100%; margin: 0 auto; padding: 20px 20px; text-align: center; overflow: hidden; }
.hc-box-service-item { display: inline-block; position: relative; vertical-align: middle; height: calc(170px); line-height: 1em; margin-right: 19px; margin-top:2px; margin-bottom:2px; padding: 10px 5px 10px 25px; background-color: #E7F0F8; border-radius: 4px; }
.hc-box-service-item:before { display: inline-block; content: ""; position: absolute; top:0%; right: -19px; height: 170px; width: 0; border-top: 85px solid transparent; border-bottom: 85px solid transparent; border-left: 20px solid #E7F0F8; border-radius: 4px; }
.hc-box-service-item:after { content: ""; position: absolute; vertical-align: inherit; display: inline-block; top: calc(0%); left: 0px; height: 0; width: 0; border-top: 85px solid transparent; border-bottom: 85px solid transparent; border-left: 20px solid #fff; border-radius: 4px; }
.hc-box-service-item:first-child:after { display: inline-block; }
.hc-box-service-item:last-child { display: inline-block; margin-right: 0; }

.link {  color:white; text-decoration: none; }
.link:visited { color:white; } 
.link:hover { cursor:pointer; }


/* Работа с формами */

.webform-client-form .form-submit {  background-position:center; }
#edit-actions {
   text-align: center;    
   align-items: center;
   margin-left:auto;margin-right:auto;
   display:block;
} 

/* Аудит */
#edit-ssylka-na-prilozenie-v-magazine { height:1.5em; font-size:1.3em; }
#edit-3-e-mail { height:1.5em; font-size:1.3em; }
#edit-kontaktnyi-telefon { height:1.5em; font-size:1.3em; }
#edit-fio { height:1.5em; font-size:1.3em; }

/* Проектирование */

.hc-button-inline { display:inline-block; margin-right:5px; vertical-align: top; }

/* кнопки ссылок на рейтинги */

.link-no-underline { text-decoration: none !important; }

.hc-rating-button-1 {
    border-radius: 15px 50px; border: 1px solid #E89423; background: #E89423; margin-top:5px;margin-bottom:5px; padding: 20px; 
    color: white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.hc-rating-button-1:hover {
    background-color: white; /* Green */
    text-decoration: none;
    color: #E89423;
    cursor:pointer;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.1);
}

.hc-rating-button-2 {
    border-radius: 15px 50px; border: 1px solid #259691; background: #259691; margin-top:5px;margin-bottom:5px; padding: 20px; 
    color: white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.hc-rating-button-2:hover {
    background-color: white; /* Green */
    text-decoration: none;
    color: #259691;
    cursor:pointer;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.1);
}

.hc-rating-button-3 {
    border-radius: 15px 50px; border: 1px solid #0779BF; background: #0779BF; margin-top:5px;margin-bottom:5px; padding: 20px; 
    color: white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.hc-rating-button-3:hover {
    background-color: white; /* Green */
    text-decoration: none;
    color: #0779BF;
    cursor:pointer;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.1);
}

.hc-industry { 
 display: inline-block; 
}


.hc-industry-inline { 
 font-size: 1.3em;
 display: inline-block; 
 border: 1px solid #00B0F0;
 background: white;
 color: #00B0F0; 
 border-radius: 5px;
 padding: 10px;
 margin: 5px;

 box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.1);
}


.hc-industry-inline:hover { 
 cursor:pointer;
 border: 1px solid #00B0F0;
 background: #00B0F0;
 color: white; 

 box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.link-customer-logo { width: auto !important; height: 80px !important;}

.link-no-underline-industry { text-decoration: none !important; }
.link-no-underline-industry:hover { color: #00B0F0; text-decoration: none !important; }

.link-no-underline-services { text-decoration: none !important; }
.link-no-underline-services:hover { color: #00B0F0;  text-decoration: none !important; }

.link-underline-white { color:white; text-decoration: none !important; }
.link-underline-white:hover { color: white; text-decoration: underline !important; }

.link-no-underline-white { color:white; line-height:0.8em; text-decoration: none !important; }
.link-no-underline-white:hover { color: white; text-decoration: none !important; }

.link-no-underline-green { color:white; text-decoration: none !important; }
.link-no-underline-green:hover { color: #259691; text-decoration: none !important; }

/* услуги ХэппиКарт, которые подворачиваются при наведении */
.card {
        width: auto;
        height: 100px;
        position: relative;
        display: inline-block;
    }

.card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

.card:hover .img-top {
        display: inline;
    }

/* рейтинги ХэппиКарт */
.hc-card-2 {
        position: relative;
        display: inline-block;
    }

.hc-card-2 .img-top-2 {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

.hc-card-2:hover .img-top-2 {
        display: inline;
        position: absolute;
        z-index: 99;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

    }



.views-view-grid .views-row {
    clear: both;
    float: left;
    width: auto; 
}

.hc-inline-block { display : inline-block; }

.hc-block-back-test { background: red; }

.hc-table-list{
    margin:0px !important;
    table-layout:fixed;  
  }
.hc-table-list td{
    padding-bottom: 0px !important;  
    overflow:hidden;
  }

@media (min-width: 1024px) {
  /* Для тарифной сетки */ 
  .hc-table-centered { margin: auto; width: 80% !important; }

}

.hc-row-same-height {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* Scroll to a certain element */

.html { scroll-behavior: smooth; }

.hc-popup {
  display:none;
  height: 150px;
  width: 150px;
  position:fixed; 
  position:absolute; 
  padding:0; 
  margin:0; 
  bottom: 0;
  right: 0;
  z-index:1000;
  text-align: center;

  border: 1px solid #E89423;
  border-radius: 30px 0px 0px 0px;
  background: #E89423;                         
}

.hc-popup:hover {

  border: 1px solid #259691 /* #00B0F0 */;
  background: #259691;                         
}


.hc-popup-mover {
  position: fixed;
  right: 0;
  bottom: 0px;
  width: 150px;
  height: 200px;
}

#body { position: relative; min-height:100%; }


.hc-image-container {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
}

.hc-center-vertically {vertical-align: middle;}

/***********************
   модальное окно
************************/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 60%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}



/* Формы рейтингов */

.hc-rate-color-1{ /* оранженвый - клиентский капитал */ color: #E89423; }
.hc-rate-color-2{ /* зелёный - кадровый капитал */      color: #259691; }
.hc-rate-color-3{ /* оранженвый - волонтёрский актив */ color: #0779BF; }

.hc-rate-cover-image {

  margin-top: 2em;
  display: block;
  overflow: hidden;
  text-align: center;  
  
  max-width:100vw;
  max-height:33vw;
  width: 100%;
  height: auto;
}

.hc-rate-cover-image img {
bottom: 0;
left: 0;
margin: auto;
width: 120%;
right: 0;
top: 0;
}

/* форма участника рейтинга*/

/* выделяем термины таксономии */
#hc-section-terms div { display: inline-block !important; }

div#hc-section-terms .field--item {
  margin: 0.1em;
  padding: 0.1em 1em;
  
  color: #7EA4C7;
  background-color: #E7F0F8;
  text-align: center;
  border-radius: 5px;

}

.hc-section-terms-class {
   font-size: 0.8em; padding-top: 1em;
   display: inline-block;
}

.hc-taxonomy-margin { margin-top: 1em; }

@media screen and (max-width:480px) { 

   /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
   
   .hc-backimage-container { z-index:1; width:100%; position:relative; display:block;
      height:35vw;/*set an height */
      overflow:hidden;/* crops/cut off */
      background-position: center;
   }
}

@media screen and (min-width:480px) { 
   

   .hc-backimage-container { z-index:1; width:100%; position:relative; display:block;
      height:25vw;/*set an height */
      overflow:hidden;/* crops/cut off */
      background-position: center;
   }
}



.hc-rate-margin { padding-left: 1em; margin-top: 1em; padding-bottom: 5px;}

.hc-social-container {
  position:absolute;
  z-index:100;
  width:100%;
  top: 0.5em;
  right: -0.5em;
}

.hc-social-container2 {
  width:100%;
  margin-top: 2em;
  min-height: 3em; 
}

.hc-rate-padding-left {
}

.hidden-elem { visibility: hidden; }


/* меняем цвета заголовков секций рейтинга */
div#hc-section-orange .panel-heading { background-color: #E89423; color: white; }
div#hc-section-blue .panel-heading { background-color: #0779BF; color: white; }
div#hc-section-blue-light .panel-heading { background-color: #00B0F0; color: white; }
div#hc-section-green .panel-heading { background-color: #259691; color: white; }

/* кружок для итоговой оценки */
div#hc-rate-total .field--item {
  
   /* border-radius: 50%; */
   /* behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 3em;
    height: 3em;
    padding-top: 0.8em;
    
    background: #E89423;
    border: 1px solid #E89423;
  
    font-size: 3em;
    font-weight: bold;
    color: white;
    text-align: center;
    vertical-align: middle;
    text-align: center !important;
 }


/* Раздел#1 Маркетинг */


div#hc-rate-marketing {
  padding-top: 1em; padding-bottom: 1em; text-align: right;
}

.hc-rate-marketing-img {
 background:url('/sites/default/files/inline-images/love-girl2.png') no-repeat;
 background-size: cover;
 border-style: none;
 width: 103px;
 height: 100px;
 display:block;
    margin:auto;
 margin-bottom: 10px;
}

div#hc-rate-marketing .field--item {
   margin: 0.1em;
  padding: 0.1em 1em;
  display: inline-block;
  color: white;
  font-weight: bold;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  
  text-align: center;
  border-radius: 5px;
  background: #E89423;
}

div#hc-rate-marketing .field--label { margin : 0.1em; }

/* Раздел#2 Контент */

div#hc-rate-content {
  padding-top: 1em; padding-bottom: 1em; text-align: right;
}

.hc-rate-content-img {
 background:url('/sites/default/files/inline-images/app3.png') no-repeat;
 background-size: cover;
 border-style: none;
 width: 100px;
 height: 100px;
 display:block;
    margin:auto;
 margin-bottom: 10px;
}

div#hc-rate-content .field--item {
  margin: 0.1em;
  padding: 0.1em 1em;
  display: inline-block;
  color: white;
  font-weight: bold;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  
  text-align: center;
  border-radius: 5px;
  background: #0779BF;

}

div#hc-rate-content .field--label { margin: 0.1em; }

div#hc-rating-header .field--item {
  padding-top: 0.1em;
  padding-bottom:0.5em;
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

/* Раздел#3 Играбельность */

div#hc-rate-game {
  padding-top: 1em; padding-bottom: 1em; text-align: right;
}

.hc-rate-game-img {
 background:url('/sites/default/files/inline-images/gamepad7.png') no-repeat;
 background-size: cover;
 border-style: none;
 width: 100px;
 height: 100px;
 display:block;
 margin:auto;
 margin-bottom: 10px;
}

div#hc-rate-game .field--item {
  margin: 0.1em;
  padding: 0.1em 1em;
  display: inline-block;
  color: white;
  font-weight: bold;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  
  text-align: center;
  border-radius: 5px;
  background: #00B0F0;

}

div#hc-rate-game .field--label { margin: 0.1em; }

/* Раздел#4 Экосистема */

div#hc-rate-eco {
  padding-top: 1em; padding-bottom: 1em; text-align: right;
}

.hc-rate-eco-img {
 background:url('/sites/default/files/inline-images/integration5.png') no-repeat;
 background-size: cover;
 border-style: none;
 width: 101px;
 height: 100px;
 display:block;
 margin:auto;
 margin-bottom: 10px;
}


div#hc-rate-eco .field--item {
  margin: 0.1em;
  padding: 0.1em 1em;
  display: inline-block;
  color: white;
  font-weight: bold;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);  
  text-align: center;
  border-radius: 5px;
  background: #259691;

}

div#hc-rate-eco .field--label { margin: 0.1em;  }

/* Обрамляем метку прикреплённого  файла с отчётом под id hc-section-report */

div#hc-section-report div.field--label {
   padding-top: 0.8em;  
   padding-left:1em;
}

div#hc-section-report span.file {
   width: 35%;
   border-bottom: 1px solid white; !important;
   font-size: 100%;
}

div#hc-section-report span {
   border: 1px solid white; !important;
}

div#hc-section-report span.file-size {
   color: white;
}


/* Всё для отображения списка новинок */

/*
.hc-new-rating {
   content: url("/sites/default/files/inline-images/new_orange.png");
   background-size: 200px 200px;
   z-index: 1000;
}
 */
.hc-img-under {
  width: 180px;
  width: 180px;
  z-index:0;
}

.hc-img-over-ucastnik_reitinga {
  content: url('/sites/default/files/inline-images/new_rating.png');
  position:absolute;
 left:calc(10%);;
  top:0px;
   width: 180px;
  width: 180px;
  z-index:0;
}

.hc-img-over-otzyv {
  content: url('/sites/default/files/inline-images/new_recomendation.png');
  position:absolute;
  left: calc(10%);
  top:0px;
  width: 180px;
  width: 180px;
  z-index:0;
}

.hc-img-over-article {
  content: url('/sites/default/files/inline-images/new_article.png');
  position:absolute;
  left:0px;
  top:0px;
  width: 180px;
  width: 180px;
  z-index:0;
}


.img-center { display:block; margin-left:auto;  margin-right:auto; 
    border-width:1px;
    border-color: gray;  
    border-style:dotted;
}

.hc-img-new-margin-top {
   left: 0; 
   width: 100%;
   color: #7EA4C7; 
   padding: 5px; 
   letter-spacing: -1px;  
 /* 
   background: rgb(0, 0, 0); 
   background: rgba(255, 255, 255, 0.4);
   background: rgba(232, 148, 35, 0.8);
   background: rgba(126, 164, 199, 0.3);
*/
 
} 

.pagination {
    padding-top: 1em;
}

@media screen and (min-width:1600px){
  
  .main-container {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* для таблицы рейтинга */
.views-align-center { vertical-align:middle !important; }
.views-field-field-ocenka-sovokupnaa { font-weight: bold; }