/* Сторінка провайдера (views/provaider.ejs).
   Винесено з main.css: ці правила спрацьовують лише тут, а main.css
   вантажать усі сторінки сайту. */

.sidebar .h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 45px;
	margin-bottom: 5px;
  }

.sidebar .filter-block .custom-control-label {
	color: #4e4b4b;
  }

.sticky-menu {
    height: 100%;
  }

.page-single-provider {
    /* background-image: linear-gradient(-88deg, #fc5e58 20%, #f5ad64 100%); */
    /* padding-top: 111px; */
    /* padding-bottom: 200px; */
    overflow: initial;
  }

.sidebar .btn-reset-filter {
    font-weight: 500;
    text-transform: lowercase;
    margin-bottom: 13px;
    margin-top: 7px;
  }

.sidebar .h5 {
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 5px;
  }

.sidebar .btn-reset-filter {
    display: none;
  }

.s-single-provider {
    min-height: calc(100vh - 390px);
    padding: 0;
    margin-bottom: 220px;
    position: relative;
    z-index: 10;
  }

.s-single-provider .s-header,
  .s-single-provider .s-body {
    background-color: #fff;
  }

.s-single-provider .s-header {
    padding-top: 30px;
  }

.s-single-provider .sticky-menu  .s-body {
    padding-bottom: 25px;
  }

.s-single-provider p:not(:nth-last-child(1)) {
    margin-bottom: 20px;
  }

.s-single-provider .row-header {
    padding-bottom: 82px;
  }

.s-single-provider-descr {
    padding-top: 6px;
    padding-bottom: 105px;
  }

.s-single-provider-descr p:not(:nth-last-child(1)) {
    margin-bottom: 27px;
  }

.s-single-provider-tariffs {
    padding-bottom: 80px;
  }

.s-single-provider-promo {
    padding-bottom: 195px;
  }

.s-single-provider .s-check-connectivity {
    margin-bottom: 135px;
  }

.s-single-provider-faq {
    margin-bottom: -40px;
  }

.single-provider__resume {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
  }

.single-provider__rating {
    margin-right: 18px;
  }

.single-provider__count-review,
  .single-provider__technology {
    color: rgba(25, 25, 25, 0.4);
    margin-right: 37px;
  }

.page-single-provider .section-decor-top-1 {
    width: 330px;
    height: 210px;
    top: 0;
    left: 5%;
    -webkit-transform: translate(-20%, -51%) rotate(-92deg);
    transform: translate(-20%, -51%) rotate(-92deg);
  }

.page-single-provider .section-decor-top-2 {
    width: 300px;
    height: 220px;
    top: 0;
    left: 10%;
    -webkit-transform: translate(-24%, 49%) rotate(142deg);
    transform: translate(-24%, 49%) rotate(142deg);
  }

.page-single-provider .section-decor-top-3 {
    width: 300px;
    height: 150px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-42%, 30%) rotate(120deg);
    transform: translate(-42%, 30%) rotate(120deg);
  }

.page-single-provider .section-decor-top-4 {
    width: 400px;
    height: 270px;
    top: 0;
    left: 90%;
    -webkit-transform: translate(-28%, -59%) rotate(20deg);
    transform: translate(-28%, -59%) rotate(20deg);
  }

.page-single-provider .section-decor-bottom-1 {
    width: 400px;
    height: 260px;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0%, -53%) rotate(136deg);
    transform: translate(0%, -53%) rotate(136deg);
  }

.page-single-provider .section-decor-bottom-2 {
    width: 400px;
    height: 280px;
    bottom: 0;
    right: 24%;
    -webkit-transform: translate(50%, -20%) rotate(62deg);
    transform: translate(50%, -20%) rotate(62deg);
  }

.page-single-provider .section-decor-bottom-3 {
    width: 700px;
    height: 420px;
    bottom: 0;
    right: 14%;
    -webkit-transform: translate(50%, -33%) rotate(68deg);
    transform: translate(50%, -33%) rotate(68deg);
  }

.page-single-provider .s-check-connectivity .section-decor-left-1 {
    width: 120px;
    height: 60px;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-58%, -13%) rotate(-39deg);
    transform: translate(-58%, -13%) rotate(-39deg);
  }

.page-single-provider .s-check-connectivity .section-decor-right-1 {
    width: 500px;
    height: 300px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(9%, -35%) rotate(99deg);
    transform: translate(9%, -35%) rotate(99deg);
  }

.page-single-provider .s-check-connectivity .section-decor-right-2 {
    width: 300px;
    height: 140px;
    bottom: 0;
    left: 55%;
    -webkit-transform: translate(40%, 54%) rotate(99deg);
    transform: translate(40%, 54%) rotate(99deg);
  }

body.loaded .page-single-provider .section-decor-top-1 {
    -webkit-transform: translate(0%, -51%) rotate(-72deg);
    transform: translate(0%, -51%) rotate(-72deg);
  }

body.loaded .page-single-provider .section-decor-top-2 {
    -webkit-transform: translate(-4%, 49%) rotate(122deg);
    transform: translate(-4%, 49%) rotate(122deg);
  }

body.loaded .page-single-provider .section-decor-top-3 {
    -webkit-transform: translate(-22%, 30%) rotate(100deg);
    transform: translate(-22%, 30%) rotate(100deg);
  }

body.loaded .page-single-provider .section-decor-top-4 {
    -webkit-transform: translate(-8%, -59%) rotate(0deg);
    transform: translate(-8%, -59%) rotate(0deg);
  }

.sidebar .btn-reset-filter {
	display: none;
  }

.sidebar .btn-reset-filter {
	font-weight: 500;
	text-transform: lowercase;
	margin-bottom: 13px;
	margin-top: 7px;
  }

.s-insertion-mask {
	background: transparent;
	position: relative;
  }

.s-insertion-mask .mask-gradient {
	background-image: linear-gradient(-35deg, #ff5209 30%, #f5ad64 70%);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
	transition: width 0.25s ease;
	z-index: -1;
  }

.row-body {
	display: flex;
	/* flex-wrap:wrap; */
}

.readmore {
	overflow: hidden;
	transition: all 0.15s ease;
  }

.suggest .col-lg-2 {
	text-align: center;
	padding: 15px
}

@media (max-width: 1299px) {

.s-single-provider .review-rating {
      -webkit-transform: translateX(15px);
      transform: translateX(15px);
    }

}

@media(min-width:1200px) {

.col-lg-10 {
		width: 83.33333333333334%
	}

.col-lg-2 {
		width: 16.666666666666664%
	}

.suggest .col-lg-2 {
		text-align: left;
		padding: 0
	}

}

@media (max-width: 1100px) {

.s-txt {
	  font-size: 16px;
	}

}

@media (max-width: 991px) {

.sidebar .h5 {
	  font-size: 18px;
	}

/* сторінка провайдера: сайдбар і контент у стовпчик замість затиснутих колонок */
  .row-body {
    flex-direction: column;
  }

.s-single-provider .cl-2,
  .s-single-provider .col-lg-10 {
    width: 100%;
  }

.s-single-provider .sidebar {
    margin-top: 10px !important;
  }

/* меню сайдбара — горизонтальні пігулки, щоб не з'їдало пів екрана
     (перебиває sticky + height:100vh з десктопних стилів .sticky-menu .nav) */
  .s-single-provider .sidebar #navbar-sidebar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 2px 18px;
    position: static;
    height: auto;
  }

.s-single-provider .sticky-menu {
    height: auto;
  }

}

@media (max-width: 767px) {

.section-tariffs-1 .btn-master,
	.section-tariffs-1 .tariffs-header,
	.section-tariffs-1 .sidebar .h5 {
	  display: none;
	}

.section-tariffs-1 .sidebar .btn-reset-filter {
	  display: block;
	}

}

@media (max-width: 360px) {

.s-txt {
	  font-size: 15px;
	}

}