.single-head{
	margin-top: 40px;
	margin-bottom: 60px
}
	.single-head__container{
		display: flex;
		background: #ebf0f6;
		border-radius: 8px;
		overflow: hidden;
	}
	.single-head__main,
	.single-head__image{
		flex: 1;
	}	
		.single-head__image img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}	
	.single-head__main {
		padding: 40px 35px;
		color: #33475b;
		line-height: 28px;
		position: relative;
	} 
	.single-head__main .breadcrumbs{
		position: relative;
		margin-bottom: 75px;
		padding: 0;
	}
	.single-head__type {
		padding: 0 10px;
		color: #fff;
		background: #ff7957;
		height: 24px;
		display: inline-flex;
		border-radius: 4px;
		align-items: center;
		margin-bottom: 30px;
		font-size: 17px;
		font-weight: bold;
	}	
	.single-head__main h1 {
		font-size: 44px;
		line-height: 46px;
		color: #33475b;
		margin-bottom: 70px
	}

	.single-head__main .meta{
		font-size: 17px;
		color: #99a2ad;
		display: flex;
		align-items: center;
	}
		.single-head__main .meta span{
			display: inline-flex;
			align-items: center;
		}
		.single-head__main .meta span.author{
			color: #33475b;
			font-weight: bold
		}
			.single-head__main .meta span.author img{
				margin-left: 10px;
				 border-color: rgb(226, 233, 241);
				border-radius: 50%;
			}
		.single-head__main .meta span:after {
			content: '';
			width: 4px;
			height: 4px;
			border-radius: 50%;
			display: inline-block;
			background: #ff7957;
			margin: 0 10px;
		}
		.single-head__main .meta span:last-child:after{
			display: none;
		}
		.single-head__main .cat{
			background: #fedbd1;
			color: #ff7957;
			font-size: 17px;
			font-weight: bold;
			padding: 3px 8px;
			border-radius: 4px;
			display: inline-block;
			position: absolute;
			top: 0;
			transform: translateY(-50%);
		}

.single-content{
	margin-bottom: 60px
}
	.single-content__container{
		display: flex;
	}
	.single-content__sidebar {
		flex: 0 0 25%;
		padding-right: 15px;
	}
		.custom_toc--title {
			font-size: 34px;
			font-weight: bold;
			position: relative;
			display: inline-flex;
			align-items: center;
		}
		.custom_toc--title:before{
			content:'';
			background: url('../img/tohen.svg') no-repeat  center right;
			height: 45px;
			width: 60px;
			display: inline-block;
		}	
		.single-content__sidebar ul.toc_list{
			padding: 0;
			margin: 0
		}
			.single-content__sidebar ul.toc_list  li {
				display: block;
				margin-bottom: 15px;
				padding-right: 20px;
				position: relative;
				font-size: 14px;
				counter-increment: my-awesome-counter;
			}
				.single-content__sidebar ul.toc_list  li:before {
					content: counter(my-awesome-counter) ". " !important;
					color: #33475b;
					font-weight: bold;
					position: absolute;
					top: 0;
					right: 0;
					background: none !important;
					height: auto !important;
					width: auto !important;
				}
				.single-content__sidebar ul.toc_list li span{
					position: absolute;
					right: 0;
					top:0
				}
				.single-content__sidebar ul.toc_list li a{
					transition: all 0s
				}
				.single-content__sidebar ul.toc_list li a:hover,
				.single-content__sidebar ul.toc_list li a.active{
					color:#ff7957;
					font-weight: bold;
				}
		#toc_container {
			border-radius: 10px;
			background-color: #fff;
			border: 1px solid #d3dde9;
			margin-bottom: 23px;
			padding: 25px 20px;
			display: block;
			transition: all 0.3s;
			position: sticky;
			top: 160px;
			display: none
		}				
	.single-content__sidebar .toc_title {
		display: inline-block;
		border-bottom: 2px solid #ffcfc2;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
	}	
		.custom_toc ul {
			background: #ebf0f6;
			border-radius: 8px;
			padding: 25px 35px !important;
		}
			.custom_toc ul   li {
				position: relative;
				padding-right: 30px;
				font-size: 21px;
				display: block;
				margin-bottom: 15px;
				padding-bottom: 15px;
				font-weight: bold;
				border-bottom: 1px solid #d8dfe6
			}
				.custom_toc ul li:before{
					display: none !important
				}
				.custom_toc ul li:last-child{
					padding-bottom: 0;
					margin-bottom: 0;
					border: none
				}
				.custom_toc ul li span {
					font-weight: bold;
					position: absolute;
					top: 0;
					right: 0;
					background: none !important;
					height: auto !important;
					width: auto !important;
				}	
				.custom_toc ul li a:hover{
					color: #ff7957
				}
			
	
	.single-content__post{
		flex: 1;
		padding-left: 45px;
		font-size: 17px;
		line-height: 28px;
		display: flex; 
		flex-wrap: wrap;
		text-align: justify;
	}	
		.single-content__post .shared{
			flex: 0 0 150px;
			text-align: center
		}
			.single-content__post .shared .sticky{
				display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				position: sticky;
				top: 150px;
				justify-content: center;
				align-items: center;		
			}
			.single-content__post .shared span{
				display: block;
				font-weight: bold;
				margin-bottom: 30px;
				font-size: 17px;
			}
			.single-content__post .shared a{
				height:46px;
				width: 46px;
				background:#ebf0f6;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 8px;
				color:#33475b;
				font-weight: bold;
				border-radius: 50px
			}
				.single-content__post .shared	svg{
					height: 18px;
					width: auto;
					fill:#33475b
				}
			.single-content__post .shared a:hover{
				background: #06a1c4;
				color: #fff;
			}
			.single-content__post .shared a:hover svg{
				fill:#fff;
			}
		.single-content__post .content {
			flex: 1
		}
		.single-content__post .content>*:first-child {
			font-weight: bold;
			font-size: 21px;
			line-height: 30px;
		}
	.single-content__post ul,
	.single-content__post ol{
		margin-bottom: 30px;
		font-size: 17px;
		line-height: 28px;
		padding: 0;
	}
	.single-content__post h2{
		line-height: 1.3;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.single-content__post h3{
		line-height: 1.3;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.single-content__post h4{
		color:#ff7957;
		font-size: 22px;
		margin-bottom: 15px;
		line-height: 1.3;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.single-content__post h5{
		line-height: 1.3;
	}
	.single-content__post ol li {
		counter-increment: my-awesome-counter;
	}
		.single-content__post ul li, 
		.single-content__post ol li {
			position: relative;
			padding-right: 30px;
			font-size: 16px;
			display: block;
			margin-bottom: 15px;
			
		}
		.single-content__post ol li:before {
			content: counter(my-awesome-counter) ". ";
			color: #ff7957;
			font-weight: bold;
			position: absolute;
			top: 0;
			right: 0;
		}	
		.single-content__post ul li{
			padding-right: 20px
		}
		.single-content__post ul li:before {
			content: '';
			background: #ff7957;
			position: absolute;
			top: 12px;
			right: 0;
			height: 6px;
			width: 6px;
			border-radius: 50%;
			display: block;
		}		
	.single-content__post hr{
		border-top: 2px solid #FFCFC1;
		box-shadow: none !important;
		margin-top: 45px;
		margin-bottom: 50px;
		background: none;
		border-bottom: none;
	}
	.single-content__post p a{
		text-decoration: underline;
		color:#ff7957
	}
	.single-content__post blockquote {
		background: #fff1ed;
		margin: 0;
		padding: 25px;
		border-radius: 8px;
		margin-top: 30px
	}
	.single-content__post blockquote h2,
	.single-content__post blockquote h3{
		color:#ff7957;
		display: inline-block;
		border-bottom: 2px solid #ffab96;
		margin-bottom: 15px
	}
	.single-content__post blockquote>*:last-child{
		margin-bottom: 0
	}
	.calculator-sh{
		background: #ebf0f6;
		margin: 0;
		padding: 40px;
		padding-bottom: 25px;
		border-radius: 8px;	
		position: relative;	
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 25px
	}
		.calculator-sh:after {
			content: '';
			position: absolute;
			right: 100%;
			top: 50%;
			border: 15px solid transparent;
			border-right: 25px solid #ebf0f6;
			margin-top: -15px;
		}
		.calculator-sh__icon {
			position: absolute;
			right: 100%;
			height: 100%;
			width: 100%;
			top: 50%;
			margin-right: 30px;
			transform: translateY(-50%);
			max-width: 250px;
		}		
		.calculator-sh h3 {
			display: inline-block;
			border-bottom: 2px solid #ffab96;
			margin-bottom: 15px;
			font-size: 22px;
			font-weight: bold;
			margin-bottom: 0
		}
	.calculator-form{
		margin: 0;
		padding: 25px;
		margin-top: 25px;
		border-radius: 10px;	
		position: relative;	
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 3px 49px 0px rgba(18, 46, 104, 0.13);
		margin-bottom: 40px
	}
		.rangeslider__handle{
			background: rgb(255, 121, 87) url('../img/arrow-l-r.svg') no-repeat 50%; 
			background-size: 24px;
		}
		.rangeslider__labels {
			display: flex;
			justify-content: space-between;
			padding-top: 15px;
			font-weight: bold;
			position: absolute;
			width: 100%;
			top: 100%;
		}
		.rusult-range {
			display: none !important;
		}
		.range-js-rusult{
			display: inline-flex;
			background:#f6f6f6;
			border-radius: 6px;
			height: 50px;

			color: rgb(255, 121, 87);
			font-size: 24px;
			font-weight: bold;
			align-items: center;
			padding: 0 15px;
			flex: 1;
			margin-left: 16px;
			position: relative
		}
			.range-js-rusult:before {
				content: attr(attr-text);
				position: absolute;
				bottom: 100%;
				color: #33475b;
				font-size: 16px;
				right: 0;
			}
		.form-st--range {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top: 20px;
		}
		.calculator-form .form-st--item{
			margin-bottom: 16px;
		}		
		.calculator-form  .form-st--item.w-50 {
			width: calc(50% - 8px);
		}
		
	.related-articles {
		padding: 30px 0;
		margin: 40px 0;
		border-top: 1px solid #e4eaf1;
		border-bottom: 1px solid #e4eaf1;
	}		
		.related-articles__list {
			display: flex;
			margin: 0 -15px;
		}
		.related-articles__item{
			background-color: rgb(235, 240, 246);
			display: block;
			border-radius: 8px;
			width: calc(100% / 3);
			margin: 0 15px;
			overflow: hidden;
		}
		.related-articles__item .cart {
			padding: 15px;
			font-size: 18px;
			line-height: 1.2;
			text-align: initial;
			font-weight: bold;
			color: #33475b;
		}
		.related-articles__item img{
			height: 130px;
			width: 100%;
			object-fit: cover
		}
		.related-articles__item:hover {
			background: #e0e5ec;
		}
@media (max-width: 991.98px) {
	
}	
@media (max-width: 767.98px) {
	.single-head{
		margin-top: 20px;
		margin-bottom: 20px
	}
	.single-head__container{
		flex-direction: column-reverse;
	}
	.single-head__image img{
		height: 280px;
	}
	.single-head__main {
		padding: 32px 15px;
		text-align: center;
	}
	.single-head__main .breadcrumbs{
		display: none;
	}
	.single-head__type{
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		top: 0;
	}
	.single-head__main h1 {
		font-size: 26px;
		line-height: 1.2;
		margin-bottom: 25px;
	}
	.single-head__main .meta{
		flex-wrap: wrap;
		padding-right: 52px;
		position: relative;
		line-height: 1.3;
		font-size: 14px;
	}
	.single-head__main .meta span.author{
		width: 100%;
	}
	.single-head__main .meta span.author img{
		right: 0;
		height: 40px;
		width: 40px;
		position: absolute;
		top: 0;
	}
	.single-head__main .meta span.author:after{
		display: none;
	}
	.single-content__container{
		display: block;
	}
	.single-content__post{
		padding-left: 0;
		line-height: 26px;
		font-size: 16px;
	}
	.single-content__post .shared .sticky{
		position: relative;
		top: 0;
		flex-direction: row;
		align-items: center;
	}
	.single-content__post .shared{
		margin-bottom: 30px
	}
	.single-content__post .shared a {
		height: 34px;
		width: 34px;
		margin-left: 5px;
		margin-bottom: 0
	}
		.single-content__post .shared a svg{
			height: 12px
		}
	.single-content__post .shared span{
		margin: 0;
		margin-left: 10px;
	}
	.single-content__post hr{
		margin: 30px 0
	}
	.calculator-sh__icon,
	.calculator-sh:after{
		display: none;
	}
	.single-content__post{
		display: block;
	}
	.single-content__post ul.toc_list {
		padding: 20px 15px;
	}
	.single-content__post ul.toc_list li{
		font-size: 18px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.single-content__post .toc_title {
		font-size: 26px;
	}
	.single-content__post .toc_title:before{
		height: 36px;
		width: 52px;
	}
	.calculator-sh{
		text-align: initial;
		font-size: 20px;
		padding: 20px 15px;
	}
	.single-content__post ul li, .single-content__post ol li{
		text-align: initial;
	}
	.calculator-form__content h3 {
		display: block;
		text-align: center;
		font-size: 24px;
	}
	.calculator-form__content h3 span{
		display: block
	}
	.calculator-form .form-st--item.w-50{
		width: 100%
	}

	.related-articles__list{
		flex-wrap: wrap;
	}
	.related-articles__item{
		width: 100%;
		margin-bottom: 15px
	}
	.single-content__sidebar{
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
}