@font-face {
    font-family: Helvetica; /* Имя шрифта */
    src: url("fonts/helveticaneuecyr-light.otf"); /* Путь к файлу со шрифтом */
   } 

 @font-face {
    font-family: Helvetica_ultra; /* Имя шрифта */
    src: url("fonts/helveticaneuecyr-ultralight.otf"); /* Путь к файлу со шрифтом */
   } 
   
    @font-face {
    font-family: RobotoMedium; /* Имя шрифта */
    src: url("fonts/RobotoMedium.ttf"); /* Путь к файлу со шрифтом */
   } 
   
       @font-face {
    font-family: RobotoLight; /* Имя шрифта */
    src: url("fonts/RobotoLight.ttf"); /* Путь к файлу со шрифтом */
   } 
   
        @font-face {
    font-family: RobotoRegular; /* Имя шрифта */
    src: url("fonts/RobotoRegular.ttf"); /* Путь к файлу со шрифтом */
   } 

a {
	text-decoration:none;
	color:#3171B8;
}

img  {
margin: 5px 15px 5px 5px;
}


a:hover {
color:#00A2FF;	
}

h4 {
font-size:110%;
font-weight:bold;
}

h6 {
font-size:120%;
font-weight:bold;
color:#44b4f4;	
text-align:center;
padding:10px;	
}

.pink_border {
border:1px deeppink solid;
padding:15px;
margin:10px auto;
background-color:#fcf8fa;
}

#main_title {
border-top:1px solid lightblue;
border-bottom:1px solid lightblue;
}

#main_text {
float:left;
max-width:800px;
}

#main_img {
width:450px;
float:left;
margin:0 20px 0 0;
}

.squeezed {
line-height:1.1;
font-size:95%;
}

.point {
font-weight:bold;
color:deeppink;
font-size:110%;
}

body {
font-family:RobotoLight, Helvetica,"Georgia", serif !important;
  line-height: 150%;
}

	.parent_div_inline {
	text-align:center;
	}
	
	.div_inline {
		display:inline-block;
		margin:15px;
	  vertical-align:top;	
	  width:400px;
	  text-align:left;
	}
	
	.size_500 {
	  width:500px;
	}
	
	.size_300 {
	  width:300px;
	}
	
	.size_200 {
	  width:200px;
	}
	
	
	.size_700 {
	  width:700px;
	}
	
		.size_800 {
	  width:800px;
	}
	
	.size_600 {
	  width:600px;
	}
	

.report {
	display: inline-block;
	width:115px;
	margin:10px 25px 10px 0;
}

.inner {
width:85%;
margin:0 auto;		
}

#icons {
width:80%;
margin:5px auto;	
}

#strip {
background-color:lightblue;
width:100%;
}

img.in_content {
margin: 20px 0 !important;	
}

#region {
float:left;
padding:10px 10px 10px 20px;
position: relative;'
}

#cart {
width:60%;	
margin:0 auto;
}

#top {
width:80px;
height:80px;
background: url("img/top.png") no-repeat 50% 50%; /* Параметры фона */
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;

}

.plus {
 background: url(img/plus.png) no-repeat;
 padding-left:40px;
 color:#000 !important;
 display:block;
 line-height:30px;
 max-width:860px;
 margin:0 auto;
 margin-top:20px;
}


.div_plus {
display:none;
}
 
h1 {
line-height: 100%;
text-align:center;
margin: 50px 0 30px 0;
font-size:200%;
letter-spacing:0.05em;
font-family:Helvetica_ultra,Tahoma, Geneva, sans-serif !important;
}


table td {
padding:0 10px;
border:1px solid #ccc;
border:0px;

vertical-align:middle;
}

p,ul {
	margin:10px auto;
	padding:5px;
	max-width:900px;
}
 
 
ul.divided li {
margin:25px !important;
line-height:1.1;
}

.figure {
	font-size:25px;font-weight:bold;
color:deeppink;	
}
 
#header, #nav, h2, h3 {
font-weight:normal;
	 font-family:Helvetica,Tahoma, Geneva, sans-serif !important;
	 letter-spacing: 0.017em;
}

h3 {
font-weight:bold;	
color:#92278F;
 letter-spacing: 0.03em;
 margin:10px;
}

#news img {

marging-right:80px;	
}


#actions {
width:70%;
}

.actions {
  float:left;
  width:22%;
  display: table;
  text-align:left;
  margin: 10px 5px;
  padding:5px;
    height:60px;
  vertical-align:middle;
 
   }
 .actions img {
 margin:0px 15px 0 0;
 float:left;
 } 
  
.actions a {
	  padding-top:30px;
	  line-height:10%;
	  vertical-align: middle;
}



#tv img {
width:155px;	
height:100px;

}


#header {
  width: 100%;
 background-color:#fff; 	 

}



.inner_inner {
width:70%;
margin:0 auto;	
	
}

.inner_inner div {
width:45%;
}

#header .inner img {
height:60px;
margin-right:15px;
float:left;	
}

  .search {
    width: 200px; /* Ширина поля с кнопкой */
    border: 1px solid #ccc; /* Параметры рамки */
    height: 25px; /* Минимальная высота */
    float:right;
    margin:15px 20px;
    border-radius:5px;
   }

  input[type="search"] {
    border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
    width: 174px; /* Ширина поля */
    vertical-align: middle; /* Выравнивание по середине */
   }
   #search_button {
    width: 20px; /* Ширина кнопки  input[type="submit"] */
    float:right;
    height: 20px; /* Высота кнопки */
    border: none; /* Убираем рамку */
    background: url("img/search.png") no-repeat 50% 50%; /* Параметры фона */
   }


.submit, .city_text button, button {
border-radius: 5px;
border:1px solid #02A2FF;
margin:10px 0;
background: #fff;
font-size:15px;
color:#02A2FF;
padding:5px;
cursor: pointer !important;
}


#contact {
float:right;
color:#00A2FF !important;
font-size:23px;
text-align:right;
}


#contact a {
color:#00A2FF !important;
}
#footer a
 {
color:#000 !important;
}


#contact span {
 font-size:15px !important;
 color:grey;
line-height:30% !important;
}

#header_picture {
 width:100%;
 position: relative;
 overflow:hidden;	
  height:470px;
}

#slides {
margin:0 auto !important;	
width:1400px;
}

#slides img {
margin:0 auto !important;
width:1400px;
height:470px;

}

#header_picture button {
border-radius:5px;
width:300px;
height:40px;
font-family:Helvetica,"Georgia", serif !important;
border: none;
font-size:120%;
letter-spacing:0.05em;
color: #fff;
background: #00A2FF;
cursor:pointer;
position: absolute;
top: 85%;
left: 50%;
margin: -20px 0 0 -150px;
z-index:100;	
}

#header_picture button:hover {
background:  #028cdb ;
}

#header_picture h1 {
color:#fff;
margin-top:60px;
margin-left:0;
width:100%;
font-weight:bold;
text-align:center;
font-family:Helvetica_ultra !important;
letter-spacing:0.05em;
position: absolute;
z-index:70;	

}

#flags {
float:right;
margin:20px 20px;	
}

a.price, span.price {
font-weight:bold;
color:#6CBF54 !important;	
font-size:150%;
}

a.price:hover {
text-decoration:underline;
}


.third {
line-height:110%;
}

.third img {
float:left;
margin:10px 20px 10px 0 !important;	
}

.third p {
float:left;	
}


#box, #box1, #box2 {
 
 display:none;
 border-top: 1px solid #00A2FF;
 border-bottom: 1px solid #00A2FF;
 clear:both;
position:relative; 
} 

#box #arrow, #box1 #arrow1, #box2 #arrow2   {
 position: absolute;
 top:-24px;
 left:80%;
} 
 
#header .inner {
 width:70%;
  margin: 5px auto 0 auto;
  padding: 0px;
 
}
 
#afterword {
  width: 100%;
 
}
 
#afterword .inner {
width:70%;
margin:0 auto 15px auto;
  padding: 15px;
  color: #333;
}

#afterword h2 {
text-align:center;  
color:#00A2FF;
font-size:150%;
margin:25px;
}


strong
{
	font-weight:bold;

}


ul.tick li  {
list-style-image: url(img/ul.png) !important;
margin:5px 10px 5px 15px;
}


 .prices td, .prices th{
	border: 1px solid #ccc;
	border-collapse: collapse;
	line-height:1.1;
	padding:6px 4px 2px 6px;
	min-width:70px;
	
}

.prices {
	margin-right:10px;
	margin-left:10px;
}

.prices th{
	background-color:#E8E8E8;
	text-align:left;
	font-weight:bold;
}

.right {
	text-align: right;
		min-width:90px !important;
}




iframe {
	height:315px;
	width:560px;
	margin: 20px auto;
}


a.article {
font-size:120%;

 font-weight:bold;
}

p.signature {
font-size:90%;line-height:1.1 !important;
margin-top:30px !important;
}

.sign {
font-size:90%;line-height:1.1 !important;
margin-top:0;
}

.video_wide {
width:560px; height:315px;
	margin: 20px auto;
}

h2 {
	text-align:center !important;
	color:#92278F;	clear:both;
	margin: 50px auto 30px auto !important;
font-size:160% !important;
letter-spacing:0.05em !important;
font-family:Helvetica,Tahoma, Geneva, sans-serif !important;
max-width:900px !important;
}


.video {
width:640px; height:360px;
	margin-left:40px;
}



.input {
	font-family:Helvetica !important;
	 font-size:14px;
	color:#000000;	
	height:23px;
	margin-top:5px;
	padding: 2px 5px;
	width:280px;
	line-height:23px;
	border:1px solid #cccccc;
	border-radius:5px;
}

.small {
width:180px; 
}

.smallest {
width:100px; 
}

.big {
width:575px; 
}

select {
width:290px;
height:29px;
font-family:Helvetica !important;
	 font-size:14px;
	color:#000000;	
	margin-top:5px;
	padding: 2px 5px;
	line-height:23px;
	border:1px solid #cccccc;
	border-radius:5px;

}

.input:focus {
  border: 2px solid #015fc0;
}


#search {
border-bottom: 1px solid #00A2FF;
}

.choice {
  float:left;
  width:45%;
  display: table;
  text-align:left;
  margin: 15px 25px 15px 0px;
  padding-right:10px;
  letter-spacing:0.05em;
  height:100px;
}

.sides {
text-align:center;	
}

.side {
  display:inline-block;
  max-width:600px;
  padding:5px;
  margin:20px;
vertical-align:top;
  text-align:left;
}

.add_choice  {
  float:left;
  width:29%;
  display: table;
  text-align:left;
  margin: 25px 15px 10px 0px;
  padding-right:10px;
  letter-spacing:0.05em;
  height:70px;
}


.advantage {
  float:left;
  width:30%;
  margin: 10px;
   height:140px;
 line-height: 70%;
 text-align:center;
}

.advantage h5{
	font-size:1em;
	line-height:110%;
}

.advantage img {
margin:5px;
}

.choice a, .add_choice a {
  	  display: table-cell;
	    vertical-align: middle;
	   width:50%;
	     color:#000 !important;
	     text-decoration:none;
	     }

 
.choice img {
	margin:0 10px 0 0;
	float:left;
	height:130px;
}



.add_choice img  {
	margin:0 10px 0 15px;
	float:left;
	height:90px;
}

 
#bluebar {
  
   background-image: url("img/bg_blue.jpg");
  clear:both;
}

#bluebar .inner {

  width:80%;
  margin:0 auto;
  padding: 10px;
  color: #fff;

}
 
#nav {
clear:both;
  width:95%;
  margin: 0 auto 5px auto;
  padding: 0px;
}
   
#nav ul {
  margin: 0 auto;
  padding: 5px;
  list-style: none;
  background: #ffffff;
  overflow: hidden;
  width:95%;
 }
 
#nav li {
      float: left;
        width: 24%;
         border-bottom: 1px solid #cccc;
        border-top: 1px solid #ccc;
       
}
 
#nav li:last-child {
 width: 25%;
        border-right: none;
}
 
#nav a {
  display: block;
  color: #000;
    text-align: center;
        padding-left: 0;
  font-weight: bold;
}
 
#nav a:hover {
 color: #fff;
 background-color:#00A2FF;
 border-radius:5px;
 text-decoration:none;


}

#appointment, #orderkit,#orderkit_tubes, #question, #faq, #gift {
   width: 115px;
    height: 65px; 
    margin:5px 5px 5px 0px;
    padding:15px 5px 0px 70px;
    float:left;
    font-size:90%;
    line-height:90%;
    color:black !important;
 }
 
#price {
float:right;
padding-top:30px;	
 }


#appointment {
background: url(img/appointment_circle.png) no-repeat;
background-size: 60px 60px; 
color:#92278F !important;
 	
}

#appointment:hover {
    background: url(img/appointment_hover_circle.png) no-repeat; 
background-size: 60px 60px; 
   }
   
   #orderkit {
background: url(img/orderkit_circle.png) no-repeat; 
background-size: 60px 60px; 
 color:#00ADEE !important;
}

  #orderkit_tubes {
background: url(img/genderkit_circle.png) no-repeat; 
 color:#00ADEE !important;  
 background-size: 60px 60px; 
}


#orderkit:hover {
    background: url(img/orderkit_hover_circle.png) no-repeat; 
    background-size: 60px 60px; 
   }
   
   #orderkit_tubes:hover {
    background: url(img/genderkit_hover_circle.png) no-repeat; 
background-size: 60px 60px; 
   }
   
      #question {
background: url(img/question_circle.png) no-repeat; 
background-size: 60px 60px; 
color:#F7931E !important; 
}

#question:hover {
    background: url(img/question_hover_circle.png) no-repeat; 
    background-size: 60px 60px; 
   }
   
         #gift {
background: url(img/gift_circle.png) no-repeat; 
background-size: 60px 60px; 
color:#EE2A7B !important; 
}

#gift:hover {
    background: url(img/gift_circle_hover.png) no-repeat; 
    background-size: 60px 60px; 
   }


  #faq {
background: url(img/faq_circle.png) no-repeat; 
color:#39B54A !important;
 background-size: 60px 60px; 
}

#faq:hover {
    background: url(img/faq_hover_circle.png) no-repeat; 
    background-size: 60px 60px; 
   }
   

 
#footer {
  clear: both;
  width: 100%;
 margin-top:40px;
  background-image: url("img/bg_grey.jpg");
}

#footer img {
float:left;
}

#footer .inner {
	width: 70%;
	margin: 0 auto;
  padding: 15px 5px 10px 5px;
 
}

#footer .contact{
float:left;
margin:10px 30px;
}

#social {
float:right;
}


 
.text {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.naz {
	FONT-SIZE: 9px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.text-l {
	FONT-SIZE: 11px; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.text-sl {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}



#emerging {
position: absolute;
top: 60px;
left: 30px;
border:1px solid #cccccc;
background-color:#ffffff;
opacity:50%;
z-index:100;
padding:10px 25px;
display: none;
width:150px;
}

#emerging a {
color:#3171B8;	
}


 @media screen and (max-width: 1300px) {
#afterword .inner, #bluebar .inner, #header .inner,#footer .inner {
	width:88%;
}

.inner {
width:95%;

}

 }



  @media screen and (max-width: 1300px) {
 #main_text {
  width:600px;
} 
  	
  }



 /* если ширина окна <= 1100px ... */
      /*открываем media query*/
    @media screen and (max-width: 1100px) {
    	
.size_700 {
  width:500px;
}   

.size_800 {
  width:500px;
}   

#main_text {
  width:400px;
}   

#main_text h2, #main_text h1 {
margin:10px !important;	
}

.size_500 {
  width:430px;
}   	
 
.inner {
width:100%;

}


.side {
  max-width:450px;
}

#icons {
  width:98%;
}


 
#bluebar .inner {
  width:90%;
} 

#header .inner {
  width:95%;
} 

#footer .inner, #afterword .inner {
  width:95%;
}

#nav {
  width:95%;
} 

.inner_inner {
width:95%;
	
}

#actions {
width:99%;
}

.actions {
width:21%;
}

#tv img {
width:150px;	
height:97px;
margin-right:7px !important;
}



}
 /*закрываем media query*/
 

/* если ширина окна <= 800px ... */
      /*открываем media query*/
    @media screen and (max-width: 800px) {
    .choice {
   
    margin: 10px 15px 15px 0px;
 	width:80%;
    
    }
.advantage {
width:40%;
}
.inner_inner {
width:95%;
text-align:center;
}



.search {
margin-top:5px;
margin-bottom:0px;

}

.side {

  width:95%;

}

.div_inline_500 {
	margin:5px;
  width:320px;
}
ul.divided li {
margin: 10px !important;	
}

#main_text {
width:320px;	
}

#main_img {
width:350px;	
}
 }


 /* Если ширина окна  <= 480px ... */
 
@media screen and (max-width: 480px) {
	
#slides img {
left:-500px !important;
}

#contact {
line-height:1.1 !important;
}
		
.div_inline {
	margin:10px;
	width:320px;
}
	
	 .prices td, .prices th{
	padding:3px;
	min-width:50px;
}

 
 #header .inner img {
height:40px;
}

#region {
padding:10px 5px;
line-height:1 !important;

}

#emerging {
line-height:1.3 !important;
}

  .search {
    width: 120px; /* Ширина поля с кнопкой */
      margin:15px 5px;
  
   }

  input[type="search"] {
    border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
    width: 94px; /* Ширина поля */
    vertical-align: middle; /* Выравнивание по середине */
   }
   #search_button {
    width: 20px; /* Ширина кнопки  input[type="submit"] */
    float:right;
    height: 20px; /* Высота кнопки */
    border: none; /* Убираем рамку */
    background: url("img/search.png") no-repeat 50% 50%; /* Параметры фона */
   }
 
 #appointment, #orderkit,#orderkit_tubes, #question, #faq, #gift {
 
    width: 85px;
    padding:15px 5px 0px 70px;
  }
 
  #price {
padding-top:0px !important;	
 }

  #header .inner {
    padding: 5px 0px;
    font-size:80%;
  }

.inner_inner div {
width:95%;
}
 
  #nav, #bluebar {
    margin-bottom: 5px;
  }

#news img {
width:150px !important;
marging-right:25px !important;	
float:left;
}
 
 
  #nav ul {
    padding: 5px 5px;
  }
  #nav a {
    font-size:80%;}

.advantage img {
width:50px;
margin-top:15px;
}

#header_picture {
height:300px;	
}

#header_picture button {
width:200px;
height:30px;
font-size:16px;
margin: -15px 0 0 -100px;
top:30%;
z-index:50;
}

.resizable {
width:300px;
}

#header_picture h1 {
margin-top:30px;
font-size:100%;
font-weight:bold;
}

h1 {
margin: 15px;	
font-size:150%;
}

h2 {
margin: 15px !important;	
font-size:130% !important;
}



.small {
width:280px; 
}

.big {
width:280px; 
}

body {
width:100%;
padding:0px;

}
#afterword {
width:95%;
}
.choice img {
width:150px;
height:97px;
}

iframe {
	width:260px;
	height:146px;
	padding:0;
	margin: 5px;
}


.video_wide {
	width:300px;
	height:170px;
	margin: 5px auto;
}

.video {
width:250px; height:140px;
	margin-left: 0px;
}

.actions {
	
	 font-size:70%;
	 margin:0px 2px;
	 padding-right:0px;
	 width:21%;
	  line-height:1em;
		 
}

.actions a {
	  padding-top:5px;
	 
}

#actions {
width:100%;
}

.actions img {
width:40px;
margin-right:10px;
}

#tv img {
width:95px;	
height:61px;
margin-right:3px !important;
}

#flags {
margin:5px;	
}

#region {
width:60px;

}

img.in_content {
width:300px;
}

#contact  {
font-size:20px;
width:150px;
}

#header .inner img {
margin-right:0px;

}

.size_500 {
  width:320px;
}

.size_700 {
  width:320px;
}
.size_800 {
  width:320px;
}


}

 /* Если ширина окна  <= 320px ... */
@media screen and (max-width: 320px) {
 
body {
width:100% !important;
padding:0px;

}

.actions {
	
	 font-size:50%;
	 margin:0px;
	 padding-right:0px;
	 width:22%;
	
	 
}
.actions img {
width:30px;
margin-right:1px;
}


#footer .contact {
font-size:80%;
margin:5px;
}



#afterword .inner, #bluebar .inner {
	width:95%;
}

#afterword .inner h1, #bluebar .inner h1 {
font-size:140%;
}

.inner_inner div {
width:99%;
}

#nav a {
    font-size:70%;}


.choice img {
width:100px;
height:75px;
}

.add_choice img  {
width:80px;
height:80px;
}

#header_picture h1 {
font-size:14px;
}


}