/* Start:/local/templates/pm.group/styles.css?175128561810056*/
html {scroll-behavior: smooth;
/;margin-top:-100px!important;*/
margin-top:0px!important;
}

/*Центры компетенций - сетка*/
.parent2 {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
height:auto!important;
text-align:center;
grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
margin-bottom:10px!important;
}
.parent1 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    height: auto!important;
    text-align: center;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    margin-bottom: 10px!important;
}

/*Верхняя плашка в about-us*/

.bg-brand-darkblue {border-bottom-left-radius:0px;}
.bg-brand-danger {border-top-right-radius:0px;}

@media (min-width: 992px) and (max-width: 2399.98px) { 
.bg-brand-darkblue {border-bottom-left-radius:20px;}
.bg-brand-danger {border-top-right-radius:20px;}
 }


#workarea a:hover, .fw-semibold:hover {
color:#252B37!important;
    text-decoration: underline!important;
}





.icon-shape {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  vertical-align: middle
}


/* W3C standard
   сейчас только для Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: white silver!important;
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
*::-webkit-scrollbar-track {
  background: #dedede;
}
*::-webkit-scrollbar-thumb {
  background-color: #616161;
  border-radius: 3px;
  border: 1px solid #dedede;
}


iframe html {
    scroll-behavior: smooth;
    margin-top: 0px!important;
}
@charset "utf-8";
.swiper-button-next, .swiper-button-prev {
color:#dedede!important;
}

body {
--ar-body-color: #000!important;
}
.bg-red {
background:#A61916!important;
}

.bg-brand {
background:#A61916!important;
}

.bg-blue {
background:#9AC2FF;
color:#000!important;
}

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

.border-brand-danger {
--ar-border-opacity: 1;
    border-color: #A61916!important;
} 

.border-10 {
    --ar-border-width: 20px;
}
.mt-10 {
  margin-top: 5rem !important
}
.mb-10 {
  margin-bottom: 5rem !important
}
.ms-10 {
  margin-left: 5rem !important
}
.me-10 {
  margin-right: 5rem !important
}
.mod-list li:before {
  display: inline-block;
  vertical-align:   middle;
  content: '\2022';
  font-size: x-large;
  margin-right:     8px; 
}

.bg-brand-danger {
background: #A61916!important;
} 

.bg-brand-darkblue {
background: #202A57!important;
} 

.bg-secondary {
background: #858585!important;
}
.text-secondary {
color: #0A0A0A!important;
}

.bg-info {
background-color:#202A57!important;
} 

.text-info {
color:#004275!important;
} 


.non-link {
text-decoration: none;}
.tab2 {
    display: flex;
    width: 100%;
    min-height: 160px;
}

.yach {
    display: flex;
    width: 100%;
    min-height: 160px;
}
.inner {
    margin: auto;
text-align:center;
vertical-align: baseline;
}

/*PRODUCTS Tabs*/
.bg-top-head-filter {
    background-color: rgba(var(--ar-white-rgb), var(--ar-bg-opacity)) !important;
    color:#000;
    border: 3px;
    border-color: #ACACAC !important;
}
.bg-top-head-filter .active {
    background: #202123!important;
    border: #202123 3px solid!important;
    color:#fff!important;
}
/**/


/*IMPORT Tabs*/
.bg-import-tab {
    background: #FFF!important;
border-top-left-radius: 3px!important;
border-top-right-radius: 3px!important;
}

.bg-top-head-import-tab {
    background: #939393!important;
    color:#fff;
    border: 0px;
    border-color: #ACACAC !important;
border-top-left-radius: 3px!important;
border-top-right-radius: 3px!important;
}

.bg-import-tab .active {
    background: #ECECEC!important;
color:#000!important;
border-top-left-radius: 3px!important;
border-top-right-radius: 3px!important;
}
/**/


.no-underline, .no-underline:hover {
  text-decoration: none!important;
  
}
.bg-blur {
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}
.unstyled-link{ 
  color: inherit!important;
  text-decoration: inherit!important;
}
  .unstyled-link:link,
  .unstyled-link:hover {
    color: inherit!important;
    text-decoration: inherit!important;
  }

.svg-white {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(101%) contrast(105%);} 

.dropdown-item:hover, .dropdown-item:focus {
    color: #4a4a4a!important;
    background-color: var(--ar-dropdown-link-hover-bg);
}

/* CSS Primary */
.navbar-nav {
    --ar-nav-link-padding-x: 0;
    --ar-nav-link-padding-y: 0.725rem;
    --ar-nav-link-font-weight: 500;
    --ar-nav-link-color: #fff;
    --ar-nav-link-hover-color: #dedede;
    --ar-nav-link-disabled-color: var(--ar-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link:hover, .nav-link:focus {
    color: #808080;
}
.navbar .nav-item:hover > .nav-link:not(.disabled), .navbar .nav-item .nav-link.show:not(.disabled)
{
color: #808080;
}
.navbar .navbar-collapse {
    border-color: transparent!important;
    background-color: var(--ar-navbar-collapse-bg);
}

.template-text {
color:#fff!important;
}

:root {
    --ar-primary:  #000;
    --ar-primary-rgb: 0, 0, 0;
    --ar-link-color: #808080;
    --ar-link-hover-color: #434a57 !important;
    --ar-btn-hover-color: #434a57;
    --ar-btn-active-color: #434a57;
    --ar-btn-hover-bg: #434a57;
    --ar-btn-active-bg: #434a57;
    --ar-btn-hover-border-color: #434a57;
    --ar-btn-active-border-color: #434a57;
    --ar-btn-disabled-color: #fff;
}

.alert-primary {
  --ar-alert-color: #d54848!important;
  --ar-alert-bg: #fdeeee!important;
  --ar-alert-border-color: #f6a8a8!important;
}
.alert-primary .alert-link {
  color: #aa3a3a!important;
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #000!important;
  --bs-btn-border-color: #000 !important;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #000;
  --bs-btn-active-border-color: #000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #000;
  --bs-btn-disabled-border-color: #000;
}

.btn-outline-primary {
  --ar-btn-color: #000;
  --ar-btn-border-color: #000;
  --ar-btn-hover-color: #434a57;
  --ar-btn-hover-bg: #000;
  --ar-btn-hover-border-color: #000;
  --ar-btn-focus-shadow-rgb: 0, 0, 0;
  --ar-btn-active-color: #434a57;
  --ar-btn-active-bg: #000;
  --ar-btn-active-border-color: #000;
  --ar-btn-active-shadow: unset;
  --ar-btn-disabled-color: #000;
  --ar-btn-disabled-bg: transparent;
  --ar-btn-disabled-border-color: #000;
  --ar-gradient: none
}
.btn {
    border-radius:0.75rem!important;
}

/*===============================
      TIMELINE 
=================================*/
.timeline-dot {
  height: 30px;
  width: 30px;
  display: block;
  border: solid 2px #efefef;
  background: #ffffff;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.timeline-line:before {
  content: "";
  position: absolute;
  width: 2px;
  background: #efefef;
  height: 100%;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.timeline-top:before {
  background: #efefef;
  position: absolute;
  height: 3px;
  width: 50px;
  display: block;
  content: "";
  top: 0;
  left: 50%;
  margin-left: -25px;
}


/*blockquote*/
.blockquote {
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}
.blockquote:before {
  content: "";
  font-family: "arial";
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 0;
  font-size: 100px;
  line-height: 0.9em;
  font-weight: 600;
  color: #a5a5a5;
  font-size: 48px;
}
.blockquote cite {
  font-size: 0.875rem;
}

/*bg-primary*/
.blockquote.bg-primary {
  background: #4cbd89;
  color: #ffffff;
  padding: 20px 20px 20px 90px;
}
.blockquote.bg-primary * {
  color: #ffffff;
}
.blockquote.bg-primary:before {
  color: #ffffff !important;
  top: 20px;
  left: 20px;
}

/*bg-dark*/
.blockquote.bg-dark {
  padding: 20px 20px 20px 90px;
}
.blockquote.bg-dark * {
  color: #ffffff;
}
.blockquote.bg-dark:before {
  top: 20px;
  left: 20px;
}

/*bg-grad*/
.blockquote.bg-grad {
  padding: 20px 20px 20px 90px;
}
.blockquote.bg-grad * {
  color: #ffffff;
}
.blockquote.bg-grad:before {
  color: #ffffff !important;
  top: 20px;
  left: 20px;
}

/*bg-light*/
.blockquote.bg-light {
  padding: 20px 20px 20px 90px;
}
.blockquote.bg-light:before {
  top: 20px;
  left: 20px;
}

/*primary-line*/
.blockquote.primary-line {
  padding: 10px 20px;
  border-left: 5px solid #c5c5c5;
}
.blockquote.primary-line:before {
  display: none;
}

/*gray-line*/
.blockquote.gray-line {
  padding: 10px 20px;
  border-left: 5px solid #f0f1f3;
}
.blockquote.gray-line:before {
  display: none;
}

/*grad-line*/
.blockquote.grad-line {
  padding: 10px 20px;
}
.blockquote.grad-line:before {
  display: none;
}
.blockquote.grad-line:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0px;
  left: 0;
  background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
}

.pull-up {
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .pull-up:hover {
    -webkit-transform: translateY(-4px) scale(1.02);
    -moz-transform: translateY(-4px) scale(1.02);
    -ms-transform: translateY(-4px) scale(1.02);
    -o-transform: translateY(-4px) scale(1.02);
    transform: translateY(-4px) scale(1.02);
    -webkit-box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
    box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
    z-index: 999; }
/* End */


/* Start:/local/templates/pm.group/template_styles.css?17512856187078*/
.border-info {
    --ar-border-opacity: 1;
    border-color: #202A57!important;
}


.btn-white {
border:1px solid;
color:#000!important;
border-color:#939393;
border-radius:7px!important;
background:#fff;
}
.btn-white :focus, .btn-white :hover {
background: rgba(0, 0, 0, 0.9);
border-color:inherit;
color:#fff!important;
background:#fff;
}

.btn-bg-success {
color:#2A624C!important;
border-color:#939393;
background: #ECF9F4;
}

.btn-bg-success:focus, .btn-bg-success:hover {
color:#fff!important;
border-color:#2A624C;
background: rgba(42, 98, 76, 0.7)!important;
}


.btn-product {
border:1px solid;
color:#000!important;
border-radius:10px;
}
.btn-product:focus, .btn-product:hover {
background: rgba(0, 0, 0, 0.1);
border-color:inherit;
}

.btn-customer {
   border: 1px solid #ff9213;
}
.btn-portal {
   border: 1px solid #036699;
}
.btn-pmbi {
   border: 1px solid #004A81;
}
.btn-costos {
   border: 1px solid #4493CF;
}
.btn-primavera {
   border: 1px solid #C74733;
}
.btn-ecosys {
   border: 1px solid #AFD776;
}
.btn-tilos {
   border: 1px solid #036699;
}
.btn-ms-project {
   border: 1px solid #4a4a4a;
}
.btn-ms-project {
   border: 1px solid #007E3A;
}
.btn-pmintegration {
   border: 1px solid #4a4a4a;
}
.btn-pra {
   border: 1px solid #D5614C;
}
.btn-unifier {
   border: 1px solid #D5614C;
}
.btn-powerbi {
   border: 1px solid #4a4a4a;
}
.btn-pmexchange {
   border: 1px solid #4a4a4a;
}
.btn-pmagent {
   border: 1px solid #4a4a4a;
}
.btn-pmtools {
   border: 1px solid #4a4a4a;
}



.field7 .block7 {
  width: 12.28%; /* 100 / 7 */
  float: left;
  min-height: 50px;
margin-left:2%;
}

.field7 .block7:first-child {
margin-left:0%!important;
}

#workarea-link a {
    color: #ed5050 !important;
}

.my-10 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important
}
.mx-10 {
  margin-left: 6rem !important;
  margin-right: 6rem !important
}
.mt-10 {
  margin-top: 6rem !important;
}
.mb-10 {
  margin-bottom: 6rem !important
}
.ms-10 {
  margin-left: 6rem !important;
}
.me-10 {
  margin-right: 6rem !important
}







/*Иконки*/
.icon-table img {min-width:24px;min-height:24px;}
/*
.icon-success {background-image: url("/pmpro/import/success.png");background-size:100%:}
.icon-secondary {background-image: url("/pmpro/import/secondary.png");}
.icon-danger {background-image: url("/pmpro/import/danger.png");}
.icon-warning {background-image: url("/pmpro/import/warning.png");}
*/


.w-180 {min-width:180px;text-align:center;}


.btn-hover.color-primary {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgb(45 54 65 / 75%);
}

.bg-top-head-filter {
background: #202123;
}

.bg-top-head-filter {
  border-bottom: var(--ar-border-width) var(--ar-border-style) #ACACAC !important;
}

.bg-top-head-filter .active {
  background: #202123;
  border-color: transparent !important;

}

.border-filter {
  --ar-border-opacity: 1;
  border-color: #4A4A4A !important;
}
.border-subfilter {
  --ar-border-opacity: 1;
  border-color: #ACACAC !important;
}

<!-- Scroll down animated button-->
.scroll-down-btn {
        display: inline-block;
        text-decoration: none;
      }
      .scroll-down-btn p {
        margin-top: 1.25rem;
        color: white;
        font-size: .875rem;
        font-weight: 500;
        letter-spacing: .375rem;
        text-indent: .375rem;
        animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
      }
      .mouse {
        background: #2c333e linear-gradient(transparent 0%, transparent 50%, white 50%, white 100%);
        position: relative;
        width: 30px;
        height: 51px;
        margin: 0 auto;
        border-radius: 6rem;
        background-size: 100% 200%;
        animation: colorSlide 15s linear infinite, nudgeMouse 15s ease-out infinite;
      }
      .mouse:before, .mouse:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
      }
      .mouse:before {
        width: 26px;
        height: 47px;
        background-color: #121519;
        border-radius: 6rem;
      }
      .mouse:after {
        background-color: white;
        width: .375rem;
        height: .375rem;
        border-radius: 100%;
        animation: trackBallSlide 5s linear infinite;
      }
      @keyframes colorSlide {
        0% { background-position: 0% 100%; }
        20% { background-position: 0% 0%; }
        21% { background-color: #2c333e; }
        29.99% {
          background-color: white;
          background-position: 0% 0%;
        }
        30% {
          background-color: #2c333e;
          background-position: 0% 100%;
        }
        50% { background-position: 0% 0%; }
        51% { background-color: #2c333e; }
        59% {
          background-color: white;
          background-position: 0% 0%;
        }
        60% {
          background-color: #2c333e;
          background-position: 0% 100%;
        }
        80% { background-position: 0% 0%; }
        81% { background-color: #2c333e; }
        90%, 100% {
          background-color: white;
        }
      }
      @keyframes trackBallSlide {
        0% {
          opacity: 1;
          transform: scale(1) translateY(-20px);
        }
        6% {
          opacity: 1;
          transform: scale(0.9) translateY(5px);
        }
        14% {
          opacity: 0;
          transform: scale(0.4) translateY(40px);
        }
        15%, 19% {
          opacity: 0;
          transform: scale(0.4) translateY(-20px);
        }
        28%, 29.99% {
          opacity: 1;
          transform: scale(1) translateY(-20px);
        }
        30% {
          opacity: 1;
          transform: scale(1) translateY(-20px);
        }
        36% {
          opacity: 1;
          transform: scale(0.9) translateY(5px);
        }
        44% {
          opacity: 0;
          transform: scale(0.4) translateY(40px);
        }
        45%, 49% {
          opacity: 0;
          transform: scale(0.4) translateY(-20px);
        }
        58%, 59.99% {
          opacity: 1;
          transform: scale(1) translateY(-20px);
        }
        60% {
          opacity: 1;
          transform: scale(1) translateY(-20px);
        }
        66% {
          opacity: 1;
          transform: scale(0.9) translateY(5px);
        }
        74% {
          opacity: 0;
          transform: scale(0.4) translateY(40px);
        }
        75%, 79% {
          opacity: 0;
          transform: scale(0.4) translateY(-20px);
        }
        88%, 100% {
          opacity: 1;
          transform: scale(1) translateY(-20px);
        }
      }
      @keyframes nudgeMouse {
        0%, 30%, 60%, 90% { transform: translateY(0); }
        20%, 50%, 80% { transform: translateY(8px); }
      }
      @keyframes nudgeText {
        0%, 30%, 60%, 90% { transform: translateY(0); }
        20%, 50%, 80% { transform: translateY(2px); }
      }
      @keyframes colorText {
        21%, 51%, 81% { color: #2c333e; }
        30%, 60%, 90% { color: white; }
      }

/* End */
/* /local/templates/pm.group/styles.css?175128561810056 */
/* /local/templates/pm.group/template_styles.css?17512856187078 */