

/* Start:/local/templates/itspro_new/css/slider.css?16717940541998*/
.slider-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slider {
  display: flex;
  gap: 10px;
  align-items: center;
  position: relative;
}

.slider__frame {
  overflow: hidden;
  width: 240px;
}

.slider__slides {
  display: flex;
  gap: 10px;
  position: relative;
  right: 250px;
  cursor: pointer;
}

.slider__slide {
  /* padding: 20px; */
  /* background-color: brown; */
  color: white;
  min-width: 240px;
  height: 240px;
  user-select: none;
}

.slider__button {
  padding: 10px;
  width: 50px;
  height: 50px;

  /* border: 4px solid brown;
  border-top: none;
  border-right: none;
  transform: rotate(45deg); */
    cursor: pointer; 
  background: none; 
  border: none;

}

.slider__button:last-of-type {
  transform: rotate(180deg);
}

.slider__pagination {
  display: flex;
  gap: 1px;
  padding: 10px;
  align-items: center;
}

.slider__page-wrap {
  cursor: pointer;
  padding: 5px;
}

.slider__page {
  width: 10px;
  height: 10px;
  background-color: brown;
}

.active-page {
  background-color: blueviolet;
  transform: scale(1.5);
}

.slider .services__item {
	transition: none;
}

.slider .services__item:hover {
	background-size: 105%;
background-position-y: -10px;
}

@media screen and (max-width:1580px) {
.slider__frame {
        width: 500px !important;
    }
}

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

    .slider__frame {
        width: 38vw !important;
    }
}


@media screen and (max-width:785px) {
     .main__services-content {
        flex-wrap: wrap;
        gap: 40px;
    }

 .slider__frame {
        width: 78vw !important;

    }
    .slider__button {
        display: none;
    }
}



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

    .slider {
        gap: 0px;
    }
    .main__services-content {
        justify-items: center;

    }

}

@media screen and (max-width:400px) {
  .slider__frame {
        width: 310px !important;

    }
}

/*@media screen and (max-width:370px) {
      .slider{
        display: none;
      }
} */
/* End */


/* Start:/local/templates/itspro_new/css/services.css?16721303195586*/
.services__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    border-radius: 7px;
    height: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100%;
background-position-x: center;
overflow: hidden;
transition: 1.3s ease-in-out;
}



.services__item-head { 
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0em;
transition: 0.5s ease-in-out;
}

.services__main-list--big .services__item-head { 
    display: none;
}

.services__item-title { 
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3em;
    height: 63px;
    text-align: start;
}


.services__main-list {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
width: 100%;
}


/*.services__main-list--tooltips .services__item-wrap:hover  {
    overflow-y: scroll;
 background-color: var(--greyl);
}*/

.services__main-list--tooltips .services__item-wrap  {

 background-color: var(--greyl);
}

.services__main-list--tooltips .services__item  {
    transition: height 0.5s ease-in-out,padding 0.5s ease-in-out;
	background-size: cover;
border-radius: 0;
}


.services__item-wrap {
color: white;
  width: 210px;
  height: 205px;
  flex: 1 1 210px;
overflow: hidden;
	border-radius: 7px;
}

.services__main-list--big .services__item-wrap {
	flex: 1 1 200px;
  height: 105px;
}

.services__item-wrap::-webkit-scrollbar {
  width:2px;
}

.services__item-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.services__item-wrap::-webkit-scrollbar-thumb {
  background: #ECECEC;
}



.services__item-wrap:hover {
color: white;
}


.services__main .services__item:hover {
	background-size: 125%;
    background-position: 40%;
filter:  hue-rotate(20deg);
}


.services__item-tooltip {
  background-color: var(--greyl);
  padding: 20px;
  box-sizing: border-box;
  line-height: 1.8em;
   display: flex;
    flex-direction: column;
    justify-content: space-between;
height: 100%;
color: var(--black);

}

.services__item-more:hover {
	padding-right: 5px;
}

.services__item-more {
    align-self: flex-end;
transition: 0.2s ease-in-out;
}

.services__ready-content {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.services__ready-block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 40px 25px;
    background-color: var(--greyl);
    border-radius: 7px;
    flex: 1 1 200px;
}

.services__ready-list {
    display: flex;
    flex-direction: column;
}

.services__ready-item {
    padding: 15px 0;
    border-bottom: 1px solid #D0D0D0;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
}

.services__branch-list {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.services__branch-item {
    height: 273px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 25px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 15px;
    line-height: 1;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 1 1 259px;
transition: 1.3s ease-in-out;
cursor: pointer;
}

.services__branch-item:hover {
	background-size: 125% 125%;
    background-position: 40%;
color: white;
filter:  hue-rotate(20deg);
}



.services__branch-item-head {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;

line-height: 40px;
}

.services__branch-item-head::after {
    content: '';
    height: 1px;
    width: 114px;
    background-color: white;
}

.services__branch-item-title {
    font-size: 16px;
    text-align: center;
    line-height: 1.3em;
    height: 63px
}

.services__main-list--tooltips div.services__item-wrap:hover .services__item {
    height:0px;
    padding: 0 20px;
}

@media screen and (min-width: 620px) {
.services__main-list--tooltips .services__item-wrap:hover .services__item {
    height:0px;
    padding: 0 20px;
}
}

@media screen and (min-width:900px) and (max-width: 1760px) {

.services__main .services__main-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.services__item-wrap {
    width: auto;
}
}


@media screen and (max-width: 640px) {
    
    .services__branch-list  {
        display: grid;
        grid-template-columns: auto auto;
    }

    .services__branch-item  {
        padding:20px 5px;
        height: auto;
        flex-basis: 150px;
        justify-content: space-between;
    }

    .services__branch-item-head {
        font-size: 20px;
    }
    .services__branch-item-title {
        height: auto;
    }


a.services__item-tooltip {
display: none;
}

.services__main-list--tooltips a.services__item-wrap:hover .services__item {

}

}

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

.services__branch-item-head::after {
        height: 1px;
width: 50px;
    }
.services__ready-block {
	padding: 30px 0;
	}
.services__ready-block .plate {
	margin-left: 15px;
}

.services__ready-item {
padding: 15px;
	}

.services__main-list .services__item-head {
        display: none;
    }
.services__item-wrap {
        flex-basis: min-content;
height: auto;
    }

.services__main-list--tooltips .services__item-wrap {
        flex-basis: 190px;
	height: 257px;
    }
}


@media screen and (max-width: 380px) {
     .services__branch-list  {
        grid-template-columns: auto;
    }
    .services__branch-item {
        padding: 25px 15px;
    }
    .services__branch-item-head {
        font-size: 30px;
    }
}
/* End */


/* Start:/o-kompanii/style.css?17637320631195*/

.about__ways .main__block-info {
	max-width: none;
}


.services__item-wrap {
	height: 344px;
flex-basis: 263px;
}

.slider {
    justify-content: space-between;
    width: 100%;
}
.slider__slide {
	background-size: contain;
background-repeat: no-repeat;
background-position: center;
	border-radius: 7px;
    border: 10px solid var(--greyl);
    box-sizing: border-box;
    background-color: var(--greyl);
}




@media screen and (min-width: 900px) and (max-width: 1760px){
.services__main-list {
    display: flex;

}
}
@media screen and (max-width: 525px){
 .crm__focus .services__item-wrap {
    flex-basis: 248px;
height: 240px;
}
}


@media screen and (max-width:1820px) {
.slider__frame {
        width: 65vw !important;
    }
}

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

    .slider__frame {
        width: 60vw !important;
    }
}


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

 .slider__frame {
        width: 78vw !important;

    }
    .slider__button {
        display: none;
    }
}

@media screen and (max-width:370px) {
      .slider{
        display: flex;
      }
}
.slider__slide {
    position: relative;
}

.slider__slide a {
    position:absolute;
    inset:0;
    display:block;
}
/* End */
/* /local/templates/itspro_new/css/slider.css?16717940541998 */
/* /local/templates/itspro_new/css/services.css?16721303195586 */
/* /o-kompanii/style.css?17637320631195 */
