/*--------------------------------------------------------------
# Typography

--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');

body{
	 font-family: 'Roboto', sans-serif;
	 font-weight: 300;
	 font-size: 18px;
	 color: #646464;
	 overflow-x: hidden;
}

.navbar-brand img{
	max-width: 160px
}

.phon{
     font-weight: 700 !important;
	 font-size: 24px;
	 color: #2F9117 !important
}

.navbar-default .navbar-nav > li > a{
	font-weight: 400;
}

.navbar-default .navbar-nav > li > a:hover{
	text-decoration: underline;
}

.navbar-default{
	background-color: transparent;
}

.navbar{
	border:none;
	margin-bottom: 0;
	height: auto;
}

.navbar-nav{
	margin-top: 20px
}


#Banner_CheckUp{
	background-image: url('../img/banner_bg-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
    margin-top: -80px;
    padding-top: 100px
}


#Banner_CheckUp h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 70px
}

#Banner_CheckUp ul{
	list-style: none;
	max-width: 460px;
margin-top: 40px;
padding-left: 0;
}

#Banner_CheckUp ul li{
	margin-bottom: 18px;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 400;
}

#Banner_CheckUp ul li:before, .Krug{
content: "";
width: 36px;
height: 36px;
text-align: center;
margin: 0 20px 0 0;
border-radius: 20px;
background-color: #E42320;
display: inline-block;
vertical-align: middle;
border:#fff 8px solid;
box-shadow:#a59d9d 0px 4px 5px;
}

.FOS1{
	position: relative;
	background: rgba(255, 255, 255, 0.6);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 30px 40px;
text-align: center;
max-width: 400px;
margin: 20px auto 20px auto;
}

#Banner_CheckUp .FOS1 img{
	position: absolute;
	width: 160px;
    right: -60px;
    top: -50px;
}

.FOS1 h2{
	font-weight: 500;
	font-size: 20px
}

.FOS1 h2 span{
	color: #E42320
}

.FOS1 input{
background: #FFFFFF;
border-radius: 20px;
margin-bottom: 10px;
padding: 20px 30px;
font-size: 16px;
}

.form-control:focus{
	border-color: #2F9117;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(47, 145, 23);
}

.BigButton{
	background-color: #E42320;
	padding: 10px 40px;
	box-shadow:
 -4px -4px 4px rgba(0, 0, 0, .3) inset,
4px 4px 2px rgba(255, 255, 255, .4) inset,
0px 3px 0px rgba(148, 24, 23, 1);
border-radius: 20px;
display: inline-block;
color: #fff !important;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
transition: 1s linear
}

.BigButton:hover, .BigButton:focus{
	text-decoration: none;
	background-color: #c72322
}

.FOS1 .BigButton{
	margin-top: 20px;
	margin-bottom: 20px
}

.FOS1 p{
	font-size: 16px;
	font-weight: 400
}

.FOS1 a{
	color:#2F9117 
}

#UdobnyiFormat{
	background-image: url('../img/Rectangle 9-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 40px;
    padding-bottom: 100px;
}

#UdobnyiFormat h2, #IdividChUp h2, #PreimushSBSmed h2{
	text-align: center;
	font-size: 34px;
	font-weight: 400
}

#UdobnyiFormat h2 span, #IdividChUp h2 span, #PreimushSBSmed h2 span, #Accorderon h2 span{
	color: #2F9117;
	font-weight: 500
}

#UdobnyiFormat img{
	max-width: 380px;
	margin: 0 auto;
	display: block;
}

#UdobnyiFormat .block{
	position: relative;
}

#UdobnyiFormat .Spitch h3{
	color: #2F9117;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 18px
}

#UdobnyiFormat .Spitch p{
	font-size: 14px;
	font-weight: 400
}

#UdobnyiFormat .Spitch{
	max-width: 280px;
	position: absolute;
}


#Sp1{
top: 0;
left:0;
}

#Sp2{
top: 38%;
left: -3%;
}

#Sp3{
bottom: -10%;
left: 8%;
}

#Sp3 h3{
	color:#E42320 !important;
}

#Sp4{
top: 0;
right: 0;
text-align: right;
}

#Sp5{
top: 35%;
right: 4%;
text-align: right;
}


#Vect1{
position: absolute;
top: 28%;
left:20%;
}


#Vect2{
top: 65%;
position: absolute;
left: 20%;
}

#Vect3{
position: absolute;
bottom: 1%;
left: 30%;
}

#Vect4{
position: absolute;
top: 15%;
right: 20%;
}

#Vect5{
top: 50%;
right: 25%;
position: absolute;
}

#UdobnyiFormat .Krug{
	position: absolute;
}

#Kr1{
top: 32%;
left:34%;	
}

#Kr2{
top: 65%;
left: 35%;	
}

#Kr3{
bottom: 6%;
left: 41%;	
}

#Kr4{
top: 22%;
right: 33%;	
}

#Kr5{
bottom: 37%;
right: 30%;
}

#CheckUpForMen{
	background-image: url('../img/BG_men_new-min.jpg');
}

#CheckUpForWomen{
	background-image: url('../img/bg_women-min.jpg');
}


#CheckUpForChild{
	background-image: url('../img/BG_child_new-min.jpg');
}

#CheckUpForMen, #CheckUpForWomen, #CheckUpForChild{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 50px;
	padding-bottom: 50px
}


#CheckUpForMen .Prog, #CheckUpForWomen .Prog, #CheckUpForChild .Prog{
	margin-top: 80px
}

#CheckUpForMen h2, #CheckUpForWomen h2, #CheckUpForChild h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 40px;
}

#CheckUpForMen h2, #CheckUpForWomen h2{
color: #fff;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);	
}

#CheckUpForChild h2{
	color: #2F9117
}


#CheckUpForMen p, #CheckUpForWomen p, #CheckUpForChild p{
	font-size: 18px
}

.CHPBlock{
background-color: rgba(245, 245, 245, 0.6);
box-shadow: inset 0px 4px 4px #FFFFFF, inset -4px -4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
cursor: pointer;
transition: 1s linear;
padding: 14px;
height: 200px
}

.CHPBlock:hover, .CHPBlockActive{
	background: rgba(1, 1, 1, 0.4);
box-shadow: inset 0px 4px 4px #FFFFFF, inset -4px -4px 4px rgba(0, 0, 0, 0.25);
color:#fff !important;
}

#CHM1 .foto{
	background-image: url('../img/CheckUp men SBS med1-min.jpg');
	background-position: 50% 50%;
}

#CHM2 .foto{
	background-image: url('../img/CheckUp men SBS med2-min.jpg');
	background-position: 50% 50%;
}

#CHM3 .foto{
	background-image: url('../img/CheckUp men SBS med3-min.jpg');
	background-position: 50% 50%;
}

#CHM4 .foto{
	background-image: url('../img/CheckUp men SBS med4-min.jpg');
	background-position: 50% 50%;
}

#CHW1 .foto{
	background-image: url('../img/CH_SBS_women1.jpg');
	background-position: 50% 50%;
}

#CHW2 .foto{
	background-image: url('../img/CH_SBS_women2.jpg');
	background-position: 50% 50%;
}

#CHW3 .foto{
	background-image: url('../img/CH_SBS_women3.jpg');
	background-position: 50% 50%;
}

#CHW4 .foto{
	background-image: url('../img/CH_SBS_women4.jpg');
	background-position: 50% 50%;
}

#CHCh1 .foto{
	background-image: url('../img/CheckUp children SBS med3-min.jpg');
	background-position: 50% 20%;
}

#CHCh2 .foto{
	background-image: url('../img/CheckUp children SBS med2-min.jpg');
	background-position: 50% 50%;
}

#CHCh3 .foto{
	background-image: url('../img/CheckUp children SBS med1-min.jpg');
	background-position: 50% 50%;
}

#CHCh4 .foto{
	background-image: url('../img/CheckUp children SBS med4-min.jpg');
	background-position: 50% 50%;
}



.CHPBlock .foto{
background-repeat: no-repeat;
	background-size: cover;	
width: 100%;
height: 100px;
border-radius: 10px;
}




.CHPBlock h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.CHPBlock p{
font-weight: 300;
	font-size: 16px;
	margin-bottom: 0
}



#ProgrInfoObchMen, #ProgrInfoObchWomen, #ProgrInfoObchChild, .obsh_tablica{
background: linear-gradient(rgba(255,255,255,.66),rgba(255,255,255,.8)),url('../img/bg_CKInfo2.jpg');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;	
position: relative;
}

.checkup2 td{
	font-size: 14px;
	border:#e6e6e6 1px solid;
padding: 2px;
}
.checkup2 tr > td:nth-child(3), .checkup2 tr > td:nth-child(4), .checkup2 tr > td:nth-child(5), .checkup2 tr > td:nth-child(6), .checkup2 tr > td:nth-child(7){
	text-align: center;
	width: 100px;
}
.checkup2 tr > td:nth-child(1){
	font-weight: 600;
}

.checkup2{
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	width: 100%
}

#ProgrInfoObchMen h2, #ProgrInfoObchWomen h2, #ProgrInfoObchChild h2{
	margin-top: 40px
}

#ProgrInfoObchMen h2, #ProgrInfoObchMen h3, #ProgrInfoObchWomen h2, #ProgrInfoObchWomen h3, #ProgrInfoObchChild h2, #ProgrInfoObchChild h3{
	color: #2F9117!important
}

#ProgrInfoObchMen img, #ProgrInfoObchWomen img, #ProgrInfoObchChild img{
	max-width: 200px;
margin: 40px auto;
display: block;
}

#ProgrInfoObchMen h4, #ProgrInfoObchWomen h4, #ProgrInfoObchChild h4{
	font-size: 20px;
}

#ProgrInfoObchMen h4 span, #ProgrInfoObchWomen h4 span, #ProgrInfoObchChild h4 span{
	font-size: 22px
}

#ProgrInfoObchMen p, #ProgrInfoObchMen p, #ProgrInfoObchChild p{
	padding-top: 30px
}

.Green{
	color:#2F9117!important;
}

.Close{
	position: absolute;
	top: 30px;
	left:60px;
z-index: 500
}

.Close i{
	font-size: 40px;
color:#cdcdcd;
cursor: pointer;
}

.CloseBlock{
 opacity: 0;
    max-height: 0;
     -moz-transition: opacity 2s, max-height 2s;
    -ms-transition: opacity 2s, max-height 2s;
    transition: opacity 2s, max-height 2s;
  overflow: hidden;

}

.OpenBlock{
	  max-height: 4000px;
    opacity: 1;
    -moz-transition: opacity 2s, max-height 2s;
    -ms-transition: opacity 2s, max-height 2s;
    transition: opacity 2s, max-height 2s;
}

#IdividChUp{
	position: relative;
	margin-top: 30px
}

.Kartink{
	position: absolute;
	top: 60px;
	left: 5%;
	border-radius: 20px 0 0 20px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	max-height: 600px;
    overflow: hidden;
    max-width: 95%
}

.flip-horizontal{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}

#IdividChUp .col-sm-8, #IdividChUp .col-md-6, #PreimushSBSmed .GrBlockIMG{
	background-image: url('../img/Rectangle 9-min.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
	border-radius: 20px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding: 40px
}

#IdividChUp .BigButton{
	margin-top: 30px
}

#IdividChUp h2, #PreimushSBSmed h2{
	margin-bottom: 60px;
	text-align: center;
line-height: 1.2;
}

#Preimush{
margin-top: 120px;
background-image: url('img/Preim_bg-min.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%}


#Preimush h2{
text-align: center;
padding-top:60px}

#Preimush h2 span{
color:#E42320}

#Preimush #Block1, #Preimush #Block2, #Preimush #Block3, #Preimush #Block6, #Preimush #Block5, #Preimush #Block4{
background-image: url('img/Vector 2-min.png');
background-repeat: no-repeat;
background-size: auto;
text-align: center;
}

#Preimush #Block1{
padding-top: 50px;
padding-left: 80px;
background-position: 0% 0%;
}

#Preimush #Block2{
padding-top: 30px;
background-position: 0% 100%;
}

#Preimush #Block3{
padding-top: 0px;
background-position: 0% 10%;
}

#Preimush #Block6{
padding-top: 0px;
background-position: 0% 10%;
margin-top: -80px
}

#Preimush #Block5{
padding-top: 120px;
background-position: 0% 70%;
}

#Preimush #Block4{
padding-top: 20px;
background-position: 0% 30%;
}

.Cif5{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 50px;
	color:#2F9117;
	position: absolute;
}

#Preimush #Block1 .Cif5{
	top: 5%;
	left: 8%
}

#Preimush #Block3 .Cif5{
	top: 10%;
}

#Preimush #Block6 .Cif5{
	top: 15%;
left: 10%;
}

#Preimush #Block5 .Cif5{
	top: 25%;
left: 16%;
}

#Preimush #Block4 .Cif5{
	top: 21%;
left: 8%;
}


#Preimush #Block1 .BigButton{
	margin-bottom: 20px;
}

#Preimush #Block1 i{
position: absolute;
top: 35%;
right: -5%;
font-size: 50px;
color:
#2F9117;
}

#Preimush #Block1 i:hover, .Krug:hover, #ContactSBSmed #contactform img:hover{
	transform: scale(1.2);
	transition: 0.8s;
}

#Preimush #Block2 p{
	padding: 10px 40px;
}

#Preimush #Block2 svg{
	position: absolute;
	top: 60%;
	right: -40%
}

#Preimush #Block5 svg{
	position: absolute;
	top: 0%;
left: -20%;
}

#Preimush #Block4 svg{
	position: absolute;
	top: 10%;
left: -20%;
}

#Preimush #Block2 img{
	max-width: 260px;
	-webkit-filter: drop-shadow(2px -3px 2px #aeadad);
filter: drop-shadow(2px -3px 2px #aeadad);
}

#Preimush #Block3 img{
	position: absolute;
	top: 20%;
	right: -10%;
	max-width: 100px
}

#Preimush #Block6 img{
	max-width: 180px
}

#Preimush #Block4 img{
	max-width: 120px;
}

#Preimush #Block3 p{
	padding: 80px 40px;
}

#Preimush #Block6 p span{
color:#E42320;
}

#Preimush #Block4 p{
	padding: 0px 60px;
}

#PreimushSBSmed .Krug{
	float: left;
	margin: -5px 20px 0 0;
}

#PreimushSBSmed .WtBlock, #ContactSBSmed .WtBlock{
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 2px 4px 20px rgba(0,0,0,0.3);
	padding: 20px;

}

#WtBl1{
	margin-top: 30px;
	margin-left: 100px
}

#WtBl2{
	margin-top: 30px;
	margin-left: 130px
}

#WtBl3{
	margin-top: 160px;
margin-left: 90px;
}

#WtBl4{
	margin-top: 60px;
margin-left: 130px;
}

#WtBl5{
	margin-top: 60px;
margin-left: 180px;
}


#PreimushSBSmed p span{
	font-size: 28px;
}

#Kr10{
	position: absolute;
	top:64%;
	left:10%;
}

#Kr11{
	position: absolute;
	top:87%;
	left:15%;
}

#Kr12{
	position: absolute;
	top: 33%;
left: 8%;
}

#Kr13{
	position: absolute;
	top: 60%;
left: 13%;
}

#Kr14{
	position: absolute;
	top: 89%;
left: 22%;
}

#PreimushSBSmed{
padding-top: 30px;
position: relative;
}

#ZakazatCheckUp{
	    background: linear-gradient(
rgba(106,105,106,.66),rgba(0,0,0,.5)),url('img/contact-us-subheader-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin-top: 100px;
	padding: 50px 10px;
	text-align: center;
}

#ZakazatCheckUp h2, #ZakazatCheckUp p{
	color: #fff;
	line-height: 1.5;
margin-bottom: 20px;
}


#Accorderon{
background-image: url('img/Preim_bg-min.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
text-align: center;	
padding: 60px 20px
}

 #Accorderon h2{
 	margin-bottom: 40px
 }

/*-- аккордеон--*/

* {
  box-sizing: border-box;
}


.heading-primary {
  font-size: 2em;
  padding: 0 2em;
  text-align: center;
}




.accordion dd,
.accordion__panel {
  background-color: #fff;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 20px;
  box-shadow:#aaa6a6 2px 2px 5px;
border-radius: 20px;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
 
}

#Accorderon .container {
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

.accordionTitle,
.accordion__Heading {
  background-color: #2F9117;
  text-align: left;
  font-weight: 700;
  padding: 1em;
  display: block;
  text-decoration: none;
  color: #fff;
  transition: background-color 0.5s ease-in-out;
  border-radius: 20px;
}
.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.8em;
  float: left;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin-right: 30px;
}

.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #277116;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #277116;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  transition: max-height 1s;
}

#Accorderon a:hover, #Accorderon a:visited, #Accorderon a:focus {
	color: #fff;
	text-decoration: none;
}

/*--Контакты--*/

#ContactSBSmed{
	position: relative;
}

#YaMap {
	height: 100%;
	width: 100%;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
	min-height: 500px
}
 
#contactform {
	position: relative;
	z-index: 1; /* z-index должен быть больше, чем у Google Maps */
	max-width: 600px;
	margin: 60px auto 0;
	padding: 20px 40px 40px 40px !important;
	height: auto;
	background-color: rgba(255,255,255,0.8) !important;
	color: white;
	margin-bottom: 40px
}

#ContactSBSmed #contactform img{
	max-width: 50px;
	margin-left: 10px;
}

#contactform h2{
	text-align: center;
	color: #646464;
	font-weight: 400;
margin-bottom: 30px;
}

#contactform p{
	color:#161616;
	margin-bottom: 20px;
}

#contactform a{
	color:#161616;
	text-decoration: none;
}

#contactform a:hover{
	font-weight: 600;
	transition: 1s
}

#contactform i{
	color: #2F9117;
	margin-right: 20px;
    font-size: 40px;
}

#contactform table td{
	vertical-align: middle;
	padding-bottom: 10px;
}

#LastFOS{
	background-image: url('img/bg_lastfos2-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 180px 10px 80px 10px;
	position: relative;
}

#LastFOS .FOSFin{
	max-width: 960px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 2px 4px 20px rgba(0,0,0,0.3);
	padding: 20px 40px 20px 40px;
}

#LastFOS .FOSFin input{
	border-radius: 20px;
	height: 45px;
	background-color: #F5F5F5;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) inset;
}

#LastFOS img{
	position: absolute;
	top: 5%;
	right: 20%;
max-width: 250px;
transform: rotate(35deg);
}

#LastFOS .FOSFin p span, .SmTxt{
	font-size: 12px;
line-height: 0.9;
margin-top: 10px;
display: block;
}

#LastFOS .FOSFin a, .SmTxt a{
	color:#2F9117;
}

#LastFOS .row{
	text-align: center;
}

footer{
	text-align: center;
}

.social{
	margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
}

.social li{
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	position: relative;
}

.social li:before{
	content: '';
	width: 40px;
	height: 40px;
	border:#2F9117 2px solid;
border-radius: 50px;
display: inline-block;
position: absolute;
cursor: pointer;
box-shadow: #9a9999 0 3px 5px;
left: 0%;
z-index: -2;

}

.social li a{
	color:#2F9117;
	font-size: 25px;
	margin-top: 2px;
    display: block;
    
}

.social li:hover:before{
	background-color: #2F9117;
	transition: 0.9s
}

.social li a:hover{
	color:#fff;
	transition: 0.9s
}

footer img{
	margin-top: 10px
}

footer .phon{
margin-top: 20px;
display: block;
}

footer .phon:hover{
	text-decoration:none
}

.phonMB{
	color:#2F9117;
	font-size: 30px;
	margin: 10px auto 20px auto;
    width: 75%;
    font-weight: 500;	
}

#CheckUpForMen .container{
	display: flex;
	justify-content: end;
}

.phonMB i{
	margin-right: 10px
}

.phonMB:hover{
	color:#2F9117;
	text-decoration:none
}
#CheckUpForWomen .text, #CheckUpForMen .text{
	max-width: 600px;
}
#CheckUpForWomen .text p, , #CheckUpForMen .text p{
	font-size: 22px;
}

/*Модальные окна*/

#Spasibo{
display: none;
height: auto;
position: fixed;
left: 50%;
transform: translateX(-50%);
background-color:rgba(47,145,23,0.9);
width: auto;
top: 40%;
padding: 40px;
border-radius: 20px;
color:#fff;
text-align: center;
font-size: 30px;
z-index: 60000;
}

.modal-backdrop{
  background-color: rgba(0,0,0,0.5);
}

.modal{
  top: 20%
} 

.modal-dialog{
  box-shadow:#292929 0 0 20px;
border-radius: 20px;
max-width: 400px;
width: 100%
} 

.modal-content{
  border-radius: 20px
}

 .modal-header{
  border-bottom: none;
 }

 .modal-body{
  padding: 0 40px 40px 40px;
 }

.form-control{
  border-radius: 10px
}

#Zakaz{
  display: none;
}

#BackToTop i {
    font-size: 40px;
    color: #2F9117;
text-shadow:#464646 2px 2px 5px;
background-color:rgba(245, 245, 245, 0.6);
box-shadow: inset 0px 4px 4px
#FFFFFF, inset -4px -4px 4px
rgba(0, 0, 0, 0.25);
border-radius: 10px;
cursor: pointer;
padding:10px
}

#BackToTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
}

.info85 a, .info85 a:hover {
  color: green;
  text-decoration: underline;
}

@media screen and (min-width: 48em) {
  .accordionItem {
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}


@media (max-width: 1200px) {
 .nav > li > a{
 	padding-right: 5px;
 	padding-left: 5px
 }
}  

@media (max-width: 992px) {
 .nav > li > a{
 	font-size: 14px
 }

 #Banner_CheckUp h1{
		font-size: 48px;
    }

#UdobnyiFormat img, #Vect1, #Vect2, #Vect3, #Vect4, #Vect5{
		display: none
	}

	#UdobnyiFormat .Krug {
    position: relative;
    top: 0;
    left: 45%;
}

#UdobnyiFormat .Spitch {
    max-width: 100%;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    text-align: left;

}

#UdobnyiFormat .Spitch h3{
	font-size: 20px;
}

#UdobnyiFormat .Spitch p{
	font-size: 16px;
}

#UdobnyiFormat{padding: 10px 10px 60px 10px;}

.CHPBlock h3{
	margin: 10px 0;
}

#Preimush{
	margin-top: 30px;
	padding-bottom: 30px;
}

#Preimush h2{
	padding-top: 20px;
}

#Preimush svg{
	display: none;
}

.Kartink{
	display: none;
}

#Preimush #Block1{
	padding-top: 30px;
padding-left: 20px;
}

#Preimush #Block1 i{
	position: relative;
top: 0;
right: 0;
}

#Preimush #Block3 p {
    padding: 20px 40px;
}

#Preimush #Block4 p {
    padding: 0px 40px;
}

#Preimush #Block5{
	padding-top: 0 
}

#Preimush #Block5 p{
	padding: 30px 30px;
}

#Preimush #Block6{
	margin-top: 0
}

#Preimush #Block6 img {
    max-width: 150px;
}


.Cif5{
	top: 5% !important;
left: 5% !important;
}

.Rev{
display: flex;
flex-direction: column-reverse;
}

#PreimushSBSmed{
	padding: 30px 10px 10px 10px;
}

#PreimushSBSmed .WtBlock{
	box-shadow: none;
   padding: 0px;
}

#WtBl1, #WtBl2, #WtBl3, #WtBl4, #WtBl5{
	margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 30px
}
	
#PreimushSBSmed .Krug {
    float: left;
    margin: -5px 20px 0 0;
    position: relative;
    top: 0;
    left: 0;
}

#IdividChUp{
	margin-top: 0;
	text-align: center;
	padding: 10px;
}

#IdividChUp h2, #PreimushSBSmed h2{
	margin-bottom: 30px;
}

#IdividChUp .col-sm-8, #IdividChUp .col-md-6, #PreimushSBSmed .GrBlockIMG{
	background-image: none;
	box-shadow: none;
	padding: 10px 0px;
}

}  




@media (max-width: 768px){

	h2{
		font-size: 30px
	}

	.nav > li > a{
 	font-size: 20px
 }


	.navbar-toggle{
		margin-top: 30px;
	}

	#Banner_CheckUp{
		margin-top: 0px;
		background-image:none;
		padding-top: 20px;
		background-color: #ededed;
	}

	#Banner_CheckUp h1{
		font-size: 40px;
        text-align: center;
	}

	#Banner_CheckUp ul li{
		font-size: 18px;
	}

	.FOS1{
		margin: 50px auto 20px auto;
	}

	#Banner_CheckUp .FOS1 img{
		right: 0px;
top: -80px;
	}

	
#CheckUpForMen{
	background-image: none;
	background-color: rgba(8,54,114,.7)
}

#CheckUpForWomen{
	background-image: none;
	background-color: rgba(155,19,87,.6)
}

#CheckUpForChild{
	background-image: none;
	background-color: rgba(172,101,20,.7)
}

#CheckUpForChild h2{
	color: #fff
}

#CheckUpForMen p, #CheckUpForWomen p, #CheckUpForChild p{
	color:#fff;
}

#CheckUpForMen .Prog, #CheckUpForWomen .Prog, #CheckUpForChild .Prog{
	margin-top: 0px
}

.Prog .col-xs-6{
	padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
}


#CheckUpForMen, #CheckUpForWomen, #CheckUpForChild{
	padding-bottom: 20px;
}

#ProgrInfoObchMen h2, #ProgrInfoObchWomen h2, #ProgrInfoObchChild h2 {
    margin-top: 80px;
}







#ZakazatCheckUp{
	margin-top: 10px;
    padding: 30px 10px;
}

#Accorderon{
	padding: 20px 20px;
}

#YaMap{
	position: relative;
	min-height: 200px;
}

#LastFOS img{
	top: -5%;
}

#LastFOS .FOSFin input{
	margin-bottom: 20px;
}

footer{
	padding-bottom: 20px;
}

#Spasibo{
  font-size: 20px;
  width: 95 %;
 left: 0;
transform: translateX(0%);
top: 20%;

}

.modal-dialog{
box-shadow:none;
max-width: 400px;
width: 90%
} 


}

@media (max-width: 600px){

.obsh_tablica{
	max-width: 600px;
	overflow-x: scroll;
}



}