// .tabs_wrapper
//   margin-left: 40rem
//   color: #000
//   text-decoration: none
//   display: block
//   margin: 20rem 40rem 15rem
//   font-family: Candara-Bold,sans-serif
//   font-size: 25rem


// .tabs__caption 
//   display: -webkit-flex
//   display: -ms-flexbox
//   display: flex
//   -webkit-flex-wrap: wrap
//   -ms-flex-wrap: wrap
//   flex-wrap: wrap
//   list-style: none
//   position: relative
//   margin: -1rem 0 20rem -1rem
//   background: #efefef!important

// .tabs__caption li:last-child:before 
//   content: ''
//   position: absolute
//   bottom: -5rem
//   left: 0
//   right: -2rem
//   z-index: -1
//   height: 5rem
//   background: #7DCA86

// .tabs__caption:after 
//   content: ''
//   display: table
//   clear: both

// .tabs__caption li 
//   color: #999!important
//   font-size: 18rem!important
//   line-height: 19rem!important
//   text-transform: inherit!important
//   margin: 1rem 12rem 0 0!important
//   padding: 10rem 12rem 10rem!important
//   white-space: nowrap!important
//   float: left!important
//   -webkit-user-select: none!important
//   -moz-user-select: none!important
//   -ms-user-select: none!important
//   user-select: none!important

// .tabs__caption li:not(.active) 
//   cursor: pointer


// .tabs__caption .active 
//   color: #000!important
//   font-size: 20rem!important
//   line-height: 19rem!important
//   text-transform: inherit!important
//   margin: 1rem 12rem 0 0!important
//   padding: 10rem 12rem 10rem!important
//   white-space: nowrap!important
//   float: left!important
//   -webkit-user-select: none!important
//   background: #ee8007
//   -moz-user-select: none!important
//   -ms-user-select: none!important
//   user-select: none!important

// .tabs__caption .active:after 
//   content: ''
//   position: absolute
//   bottom: -5rem
//   left: 0
//   right: 0
//   height: 5rem
//   background: #FFF
//   @media screen and (max-width: 650rem) 
//     display: none

// .tabs__content 
//   display: none


// .tabs__content.active 
//   display: block
//   background: none
//   color: #000
//   &:hover
//     color: #000

.uslugi_tabs
	list-style: none;
	position: relative;
	margin: 0rem auto 20rem;
	max-width: 768px;
	li
		text-transform: inherit !important;
		margin: 1px 0px 22px 0 !important;
		padding: 0 76px !important;
		-webkit-user-select: none !important;
		-moz-user-select: none !important;
		-ms-user-select: none !important;
		user-select: none !important;
		background: none !important;
		padding: 0 0px !important;
		position: relative;
		cursor: pointer
				
.uslugi_tabs_block
	ul
		width: 96%
		margin: 0% 2.5%
		font-size: 15rem	    
		text-align: left
		list-style: none
		counter-reset: li
		padding: 8rem 0rem 1rem
		left: -7rem
		li
			padding: .4em 0em .4em 1em !important
			display: block !important
			text-transform: uppercase !important
			margin: .5em 0 !important
			background: #eee !important
			text-decoration: none
			overflow: hidden
			transition: all .3s ease-out
			position: relative
			font-size: 16rem
			@media screen and (max-width: 768px)
				padding: 5rem 5rem 5rem 5rem !important
			a 
				font-size: 16rem
				color: #000 !important
				padding-left: 20rem !important
				padding-top: 8rem !important
				padding-bottom: 8rem !important
				text-decoration: underline !important
				display: block !important
				line-height: 1
				-webkit-transition: all .3s ease
				-o-transition: all .3s ease
				transition: all .3s ease
				position: relative
				font-weight: 400
				font-family: "Candara-Regular"
				@media screen and (max-width: 768px)
					padding-right: 20rem
			ul
				margin: 0rem
				width: 99%
				background: none
				font-size: 15rem
				text-align: left
				li
					margin: 0rem 0 10rem 0rem !important
					width: 100% !important
					background: #fff !important