.white-bg {
	background-color:  #fff;	
}
.gray-bg {
	background-color:  #f0f2f7;
}
.text-center {
	text-align: center;
}
.btn--primary-inverse {
    background: transparent;
    color: #3db4b2;
    text-transform: uppercase;
    border-color: #3db4b2;
}
.btn--primary-inverse:hover {
    background: #3db4b2;
    color: white;
}
.services-inner h2 {
    font-size: 40px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'DIN';
    color: #000;
    line-height: 1.1em;
}
.services-inner h3 {
	float: none;
	}
.services-inner__services .btn--huge {
	margin: 27px 0 28px;
}
.services-inner__services .razdel-wrap {
	max-height: 111px;
}
.services-inner .heading__name {
	margin: -12px 0 10px 0;
}
.services-inner .btn--huge {
	padding: 22px 31px 17px 31px;
}
.services-inner .btn--huge:before {
	display: none;
}
.collapse {
	display: none;
}
.in {
	display: block;
}
.panel-title {
	margin: 0!important;
}
.panel-title div {
width: 60px;
display: inline-block;
height: 100%;
border-right: 1px solid #dadde5;
text-align: center;
padding: 20px 0;
}
.panel-heading span {
	display: inline-block;
	    padding: 10px 10px 0 0;
}

.panel-heading {
	position: relative;
}
#arr-bg {
    position: absolute;
    top: 15px;
    right: 20px;
}
.panel-heading a {
display: block;
text-decoration: none;
border-radius: 2px;
background-color:  #f8f9fb;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
font-family: 'Harmonia';
color:  #000000;
font-size: 15px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
.panel-heading.active a {
background-color: #3db4b2;
    color: #fff;
}
.heading__navi {
border-top: 1px solid #dadde5;
}
.current-menu-items {
	color:  #39908f!important;
    text-decoration: none!important;
}
.heading__navi > a, .heading__navi .a {
	padding-top: 0;
	color: #333333;
}
.heading__navi > .a:first-child {
	padding-left: 0;
}
.heading__navi > .a:last-child {
	padding-right: 0;
}
.heading__navi a:before {
content: '';
display: block;
width: 100%;
height: 4px;
background-color:  transparent;
margin-bottom: 10px;	
}
.current-menu-items::before {
background-color:  #3db4b2!important;
}
.advantage-name {
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	color: #000;
	max-width: 205px;
	margin: auto;
}
.razdel-wrap {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top: 6px solid #3db4b2;
}
.services-inner__textual p,
.services-inner__facts p,
.steps-intro {
line-height: 26px;
color: #000;
margin-top: 0;
font-size: 16px!important;
}
.panel-body {
	padding: 10px 100px 0 20px;
}
.panel-body p {
	font-size: 15px!important;
	line-height: 24px;
}
.services-inner__price .razdel-title {
	height: 120px;
    border-bottom: 1px solid #e6eaf2;  
}
.services-inner__price .razdel-title span {
	width: 223px;
	display: block;
    margin: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}
.services-inner__price .razdel-price {
	color:  #39908f;
font-size: 26px;
	}
.services-inner__price .razdel-block{
background-color: #fff;
}
.services-inner__price .btn-wrap {
	width: 100%;
    position: absolute;
    margin: auto;
    bottom: -40px;
}
a.services-link {
color:  #000000;
font-size: 20px;
font-weight: 600;
}
 .btn-wrap button { 
    z-index: 500;
}
.services-inner__analysys {
	font-size: 16px;
}
.services-inner__analysys .col-lg-7 {
	width: 56.6%;
	max-width: 56.6%;
	margin-right: 1rem;
	color: #000;
    line-height: 22px;
}
.services-inner__analysys .col-lg-5{
	width: 40%;
	max-width: 40%;
}
 .minuses .col-sm-10 {
 	padding-left: 1.7rem!important;
 }
.services-inner__list li {
list-style: none;
padding-left: 20px;
background: url(../images/custom-list.png) 0 50% no-repeat;
margin-bottom: 0.5rem;
}
.services-inner__list span {
background: #3db4b2;
color:  #ffffff;	
font-size: 18px;
}

.doctor-name {
font-size: 18px;
font-weight: 600;
color: #000;
text-transform: uppercase;
}
.doctor-position {
	color:  #8a9299;
font-size: 16px;
}

.step-pic {
display: inline-block;
border-radius: 50%;
background-color:  #e6eaf2;
width: 120px;
height: 120px;
font-size: 54px;
font-weight: 600;
padding-top: 20px;
}
.step-pic--wrap {
	position: relative;
	width: 120px;
}
.step-pic--wrap::after {
	content: '';
	display: inline-block;
	width: 28px;
height: 24px;
background: url(../images//services-arrow.png) 50% 50% no-repeat;
    position: absolute;
    top: 40%;
    left: 86%;
	}
.step-title {
	color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    height: 40px;
}	
.step-desc {
color:  #000000;
font-size: 18px;
line-height: 26px;
}
.services-inner__form {
	min-height: 440px;
	background: url(../images//img_5.jpg) 50% 0 no-repeat;
	background-size: cover;
}
.carousel-inner .item{
  display: none;
}
.carousel-inner .item.active {
	display: block;
}

#free-form.okey-group2 .cr {
	width: 20px;
	height: 20px;	
}
#free-form input[type="text"] {
	border-radius: 2.5em;
	display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 16px 31px 16px 31px;
    font-size: 1rem;
    width: 300px;
    max-width: 96%;
}
#free-form .okey-group2 input[type="checkbox"] + label .cr {
    background: url(../images/unchecked.png) no-repeat center center;
    margin-top: -5px;
}	
#free-form .okey-group2 input[type="checkbox"]:checked + label .cr {
    background-image: url(../images/checked.png);
}

#free-form .agreement{
display: inline-block;
max-width: 450px;
}
.form-intro, #free-form .okey-group2 label, #free-form .agreement a, #free-form .agreement a:hover, #free-form .agreement a:visited { 
font-size: 14px;
color: #000!important;
}
 .form-intro{
font-size: 18px;	
}
.reason-title {
	color:  #000000;
font-size: 18px;
text-transform: uppercase;
}
.reason-text {
	color:  #000000;
font-size: 16px;
line-height: 24px;
}
.testimonials-date {
color:  #8a9299;
font-size: 15px;
}
.testimonials-text {
	color:  #000;
}
@media screen and (max-width: 1300px) { 
.services-inner__analysys .col-lg-5 {
 	margin-left: 0;
 } 
 .step-title,.panel-title {
 	height: auto;
 }
 .panel-title a {
 	font-size: 10px!important;
 }
  #free-form div {
   margin-left: auto;
   margin-right: auto;
 }
}
@media screen and (max-width: 1024px) {
	.pluses .col-sm-10 {
		padding-left: 0.7rem!important;
	}
.services-inner__analysys .col-lg-7 {
 	width: 50%;
 	max-width: 50%;	
 }
 .services-inner__analysys .col-lg-5 {
 	width: 45%;
 	max-width: 45%;	
 }
 .services-inner__steps h2,
 .steps-intro {
  padding-left: 1rem!important;
 }
}
@media screen and (max-width: 991px) {	
	.services-inner__analysys .col-lg-7,
	.services-inner__analysys .col-lg-5 {
 	width: 100%;
 	max-width: 100%;	
 }
 .step-title,.step-desc {
 	font-size: 14px;
 }
 .minuses .col-sm-10, .pluses .col-sm-10 {
 	padding-left: 0!important;
 }
}
@media screen and (max-width: 768px) { 
.services-inner__services .col-md-4 {
	padding-left: 0;
	padding-right: 0;
}
	.services-inner h2 {
		text-align: center;
	}
	.services-inner__steps,
	.services-inner__reasons {
		text-align: center;
	}
	.step-pic--wrap {
		margin: auto;
	}
	.services-inner__price .col-md-4 {
	padding: 0; 
}
.services-inner__analysys .col-sm-10 {
	padding-left: 1.5rem!important;
}
}

@media screen and (max-width: 576px) {
	.heading__navi > .a {
	padding-left: 0;
	padding-right: 0;	
	}
	#free-form .okey-group2 input[type="checkbox"] + label .cr{
		margin-top: -15px;
	}
	#free-form .agreement {
		display: inline;
	}
}
@media screen and (max-width: 480px) {
.services-inner .panel-title {
	font-size: 12px;
}
.services-inner .panel-title span {
max-width: 240px;
}

}
/*===============================================================
Стили для Bootstrap карусели
================================================================*/
.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;max-width:100%;height:auto}
.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}
@media all and (transform-3d),(-webkit-transform-3d){
	.carousel-inner>.item{
		-webkit-transition:-webkit-transform .6s ease-in-out;
		-o-transition:-o-transform .6s ease-in-out;
		transition:transform .6s ease-in-out;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		-webkit-perspective:1000px;
		perspective:1000px
		}
		.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
		.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
		.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
			left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
		}
	}
	.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
	.carousel-inner>.active{left:0}
	.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
	.carousel-inner>.next{left:100%}
	.carousel-inner>.prev{left:-100%}
	.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
	.carousel-inner>.active.left{left:-100%}
	.carousel-inner>.active.right{left:100%}
	.carousel-control{
		position:absolute;
		top:0;
		bottom:0;
		left:-40px;
		width:14px;
		font-size:20px;
		color:#fff;
		text-align:center;
		filter:alpha(opacity=50);opacity:.5
		}
	.carousel-control.left{
		background: url(../images/left-ctr.png) 50% 50% no-repeat;		
		}
	.carousel-control.right{
		right:-40px;
		left:auto;
		background: url(../images/right-ctr.png) 50% 50% no-repeat;
	    }
	.carousel-control.left:focus,.carousel-control.left:hover{
		background: url(../images/gr-left-ctr.png) 50% 50% no-repeat;
		}
    .carousel-control.right:focus,.carousel-control.right:hover{
		background: url(../images/gr-right-ctr.png) 50% 50% no-repeat;
		}
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
		position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px
		}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
	.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}
	.carousel-control .icon-prev:before{content:'\2039'}
	.carousel-control .icon-next:before{content:'\203a'}
	.carousel-indicators{position:absolute;bottom:0px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;margin-bottom:0;text-align:center;list-style:none}
	.carousel-indicators li{
		display:inline-block;width:10px;
		height:10px;margin:1px;text-indent:-999px;
		cursor:pointer;background-color:#000\9;
		background-color:#c1c4cb;
		border-radius:10px
		}
	.carousel-indicators .active{background-color:#3db4b2;}
	@media screen and (min-width:768px){
		.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
			width:30px;height:30px;margin-top:-10px;font-size:30px
			}
		.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
		.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
	}