.subheader-gr {
	color: #cccccc;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size: 17px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.34px;
	line-height: normal;
	text-align: center;
	margin-bottom: 44px;
}

#compare-tariff {
	background: #2e3034;
	/*z-index: 1;*/
	overflow: visible;
	padding-bottom: 100px;
}
#compare-tariff:before {
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	background: #2e3034;
	z-index: -1;
}

#compare-tariff tr:nth-child(2) th {
  padding: 6px 20px;
}


/*#compare-tariff tbody .chapter-row td {
	height: 100%;
}

#compare-tariff .shadow-left, #compare-tariff .shadow-right {
	height: 100%;
}*/

#compare-tariff tbody td.text-left {
	background: #2e3034 !important;
	/*color: #999999;*/
	color: white;
	padding-left: 0;
}

#compare-tariff tbody td {
	padding: 2px 20px;
  	height: 30px;
  	background: white;
}

#compare-tariff tbody .chapter-row td.text-left {
  padding-top: 10px;
  letter-spacing: -0.5px;
}
#retouch>tbody>tr>td>span {
  font-size: 14px;
  letter-spacing: 0.2px;
}

#compare-tariff tbody td img {
	display: inline-block !important;
}

#compare-tariff tr:nth-child(2) th {
	padding: 6px 20px;
}
#compare-tariff .retush-title span {
	font-size: 24px;
}
#compare-tariff .retush-title a {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.4px;
	text-transform: initial;
  color: #fff !important;
}

.chapter-row .text-left {
	color: white !important;
	text-transform: uppercase;
	font-weight: 700;
}
.chapter-row .shadow-left,
.chapter-row .shadow-right {
	text-transform: uppercase;
	color: white;
	font-weight: 700;
}

/**/
#compare-tariff tbody tr:nth-child(2n) td:nth-child(2),
#compare-tariff tbody tr:nth-child(2n) td:nth-child(3),
#compare-tariff tbody tr:nth-child(2n) td:nth-child(4) {
	background: #fff;
}

#compare-tariff tbody tr td:nth-child(4):hover,
#compare-tariff tbody tr td:nth-child(3):hover,
#compare-tariff tbody tr td:nth-child(2):hover {
	background-image: none;
}

#compare-tariff tbody .chapter-row .shadow-left {
	background: #90d090 !important;
}
#compare-tariff tbody .chapter-row .shadow-left.shadow-right {
	background: #be9dd4 !important;
}
#compare-tariff tbody .chapter-row .shadow-right {
	background: #d386a0 !important;
}
/**/

#compare-tariff .shadow-left:not(.shadow-right):before {
	display: none;
}
#compare-tariff .shadow-right:not(.shadow-left):after {
	display: none;
}
/**/

#compare-tariff #evaluate-photo {
	color: white;
	padding-top: 13px;
	font-size: 15px;
	font-weight: 400;
}
#compare-tariff #evaluate-photo button {
	margin-top: 15px;
	background: none;
  border: 2px solid #fff;
  transition: 0.3s;
  box-shadow: 0 5px 9px 1px rgb(0 0 0 / 23%);
  border-radius: 50px;
}
#compare-tariff #evaluate-photo button:hover {
	background: #90d090;
}

/**/
#compare-tariff .shadow-bot {
	color: white !important;
}
.shadow-left.shadow-right.shadow-bot:after,
.shadow-left.shadow-right.shadow-bot:before {
	display: none;
}
#compare-tariff .price {
	font-weight: 700;
	color: white !important;
}
#compare-tariff .bottomprice a:not(.btn) {
	color: white;
	text-decoration: underline;
	font-size: 15px;
	transition: 0.3s;
}
#compare-tariff .bottomprice a:not(.btn):hover {
	text-decoration: none;
}
#compare-tariff .bottomprice .btn {
	background: #fff !important;
	margin-top: 10px;
	font-weight: 700;
	border: 2px solid #fff;
	transition: 0.3s;
	box-shadow: 0 5px 9px 1px rgb(0 0 0 / 23%);
}
.shadow-left.shadow-right.shadow-bot .bottomprice .btn {
	color: #4cb453;
}

#compare-tariff  .shadow-bot {
	background: #2e3034 !important;
	position: relative;
	z-index: 1;
}
#compare-tariff tfoot td {
  padding: 0 20px 25px;
}
.shadow-left.shadow-right.shadow-bot:before {
	content: '';
	width: 100% !important;
	height: calc(100% - 10px) !important;
	background: #4cb453 !important;
	display: block;
	position: absolute;
	top: 0;
	left: 0 !important;
  z-index: -1 !important;
}

/**/
#compare-tariff .hadow-left.shadow-right.shadow-bot {
	background: #935cb8 !important;
}
.hadow-left.shadow-right.shadow-bot .bottomprice .btn {
	color: #935cb8;
}
/**/
.shadow-right.shadow-bot {
}
.shadow-right.shadow-bot:nth-child(4):before {
	content: '';
	width: 100% !important;
	height: calc(100% - 10px) !important;
	background: #b63561 !important;
	display: block;
	position: absolute;
	top: 0;
	left: 0 !important;
  z-index: -1 !important;
}
.shadow-right.shadow-bot .bottomprice .btn {
	color: #b63561;
}
.shadow-right.shadow-bot .bottomprice .btn span:last-child {
  position: relative;
  top: -2px;
}
/**/
#compare-tariff .shadow-bot .bottomprice .btn:hover {
	border-color: #ff6138 !important;
}
#compare-tariff .table-discount-text {
	color: white;
}
#compare-tariff .table-discount-text a span {
 color: white;
 transition: 0.3s;
 display: inline-block;
}
#compare-tariff .table-discount-text a {
	color: white;
	transition: 0.3s;
}
#compare-tariff .table-discount-text a:hover {
	color: #ff6138;
}
#compare-tariff .shadow-bot {
	box-shadow: none;
}
.table-discount-text {
	text-align: right;
}

@media only screen and (min-width: 480px) {
    #compare-tariff .shadow-left:before, 
	#compare-tariff .shadow-right:after {
		height: 100%;
	}
	#compare-tariff tbody .chapter-row td {
		height: 100%;
	}
	#compare-tariff .shadow-left, #compare-tariff .shadow-right {
		position: relative;
		height: 100%;
	}
	#compare-tariff .shadow-right {
		height: 100%;
		-webkit-box-shadow: 0px 1px 8px -4px #a3a3a3;
		-moz-box-shadow: 0px 1px 8px -4px #a3a3a3;
		box-shadow: 0px 1px 8px -4px #a3a3a3;

	}
	table {
		border-collapse: inherit !important;
	}
}

@media only screen and (min-width: 310px) and (max-width: 479px) {
    #compare-tariff .shadow-left:before, 
	#compare-tariff .shadow-right:after {
		height: 100%;
	}
	#compare-tariff tbody .chapter-row td {
		height: 100%;
	}
	#compare-tariff .shadow-left, #compare-tariff .shadow-right {
		position: relative;
		height: 100%;
	}
}


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


	#compare-tariff thead tr:nth-child(2) th:first-child {
    background-color: #2e3034;
	}
	#compare-tariff thead tr:nth-child(2) th:nth-child(2) {
    background-color: #4cb453 !important;
	}
	#compare-tariff thead tr:nth-child(2) th:nth-child(3) .retush-title span,
	#compare-tariff thead tr:nth-child(2) th:nth-child(4) .retush-title span,
	#compare-tariff thead tr:nth-child(2) th:nth-child(2) .retush-title span {
    color: #fff;
	}
	#compare-tariff thead tr:nth-child(2) th:nth-child(3) {
    background-color: #935cb8;
	}
	#compare-tariff thead tr:nth-child(2) th:last-child {
    background: #b63561;
	}

	#compare-tariff tbody td.text-left {
    max-width: 125px;
	}

	#compare-tariff .retush-title span {
    font-size: 17px;
    word-break: break-word;
	}
	#compare-tariff tbody td {
    padding: 2px 5px;
    border-bottom: 1px dashed #bbb;
	}
	#compare-tariff .retush-title a {
		max-width: 50px;
    	display: inline-block;
	}
	#compare-tariff tfoot td {
    padding: 0 2px 10px;
	}
	#compare-tariff tfoot td {
    background: #2e3034!important;
	}
	#compare-tariff #evaluate-photo .btn {
		padding: 3px 10px;
    white-space: initial;
    width: 115px;
    font-size: 11px;
	}
	#compare-tariff tr:nth-child(2) th {
    padding: 6px 5px;
	}
/*	#compare-tariff .shadow-left, #compare-tariff .shadow-right {
		position: relative;
		height: 100%;
	}*/
	#compare-tariff .shadow-left:before,
	#compare-tariff .shadow-right:after {
		/*position: absolute;*/
	}
	#compare-tariff .mobile_table_title {
		color: white;
		padding-top: 10px;
	}

	.table-discount-text { 
		display: flex;
	    justify-content: center;
	    width: 100%;
	    font-size: 12px; }

	#compare-tariff .table-discount-text a {
	    color: white;
	    transition: 0.3s;
	    width: 82px;
	}

	#compare-tariff .shadow-left, #compare-tariff .shadow-right {
	height: 100%;
	}	
	#compare-tariff .shadow-right {
		height: 100%;
		-webkit-box-shadow: 0px 1px 8px -4px #a3a3a3;
		-moz-box-shadow: 0px 1px 8px -4px #a3a3a3;
		box-shadow: 0px 1px 8px -4px #a3a3a3;

	}
	#compare-tariff tbody .chapter-row td {
  		height: 100%;
	}
}

/**/
.btn-show-more {
  border: 2px solid #fff;
  transition: 0.3s;
  box-shadow: 0 5px 9px 1px rgb(0 0 0 / 23%);
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  color: white !important;
  text-decoration: none !important;
  background: url(/media/img/table_img/arrow-down.png) 19px center no-repeat, url(/media/img/table_img/arrow-down.png) calc(100% - 20px) center no-repeat;
	padding: 5px 50px;
	height: 40px;
	display: inline-flex !important;
	align-items: center;
	width: 190px;
	position: absolute;
	bottom: 35px;
	left: calc(50% - 95px);
}
.btn-show-more:hover {
	border-color: #fff;
}
.btn-show-more.show {
	background: url(/media/img/table_img/arrow-up.png) 19px center no-repeat, url(/media/img/table_img/arrow-up.png) calc(100% - 20px) center no-repeat;
}
.wrap-table {
	height: 80vh;
	overflow: hidden;
	position: relative;
}
.wrap-table:before {
	content:'';
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2e3034+0,2e3034+50,2e3034+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(46,48,52,0) 0%, rgba(46,48,52,0.5) 50%, rgba(46,48,52,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(46,48,52,0) 0%,rgba(46,48,52,0.5) 50%,rgba(46,48,52,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(46,48,52,0) 0%,rgba(46,48,52,0.5) 50%,rgba(46,48,52,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e3034', endColorstr='#2e3034',GradientType=0 ); /* IE6-9 */
}
.btn-show-more.show + .wrap-table {
	height: inherit;
}
.btn-show-more.show + .wrap-table:before {
	display: none;
}


@media only screen and (min-width:768px) and (max-width:1199px) {
	#compare-tariff th img {
		max-width: 100%;
	}
	#compare-tariff tr:nth-child(1) th {
		height: 0px;
	}
}

@media only screen and (min-width:1120px) {
	#compare-tariff tr:nth-child(1) th {
		height: 170px;
	}
	#compare-tariff tr .tariff-title {
		z-index: 99;
		top: 114px;
	}
}