/* css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

a {
  text-decoration: none;
  color: #000;
  }   

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body > div {  
  background-color: #fff;
  }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}  


@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto/roboto-regular-webfont.eot');
    src: url('fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto/roboto-light-webfont.eot');
    src: url('fonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto/roboto-thin-webfont.eot');
    src: url('fonts/roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-thin-webfont.woff2') format('woff2'),
         url('fonts/roboto/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto/roboto-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotocondensedlight';
    src: url('fonts/roboto/robotocondensed-light-webfont.eot');
    src: url('fonts/roboto/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/robotocondensed-light-webfont.woff2') format('woff2'),
         url('fonts/roboto/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/roboto/robotocondensed-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotocondensedregular';
    src: url('fonts/roboto/robotocondensed-regular-webfont.eot');
    src: url('fonts/roboto/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto/robotocondensed-regular-webfont.woff') format('woff'),
         url('fonts/roboto/robotocondensed-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolightitalic';
    src: url('fonts/roboto/roboto-lightitalic-webfont.eot');
    src: url('fonts/roboto/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto/roboto-lightitalic-webfont.woff') format('woff'),
         url('fonts/roboto/roboto-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


h1, h2, h3, h4, #contacts h4 {
  font-family: robotolight, sans-serif;                         /* был самый тонкий robotothin, как толщина p сейчас */        
}

h1 {
  font-size: 1.75em;                                            /* было 2em; крупно */
}

h2, h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

p, li, a, span, td, h5 {
  font-family: robotolight, sans-serif;                         /* p и h, robotoregular и robotomedium жирные и грязные */
}

#center p.center { 
  text-align: center;                                            /* центр, для цен */
}

p, li {
  font-size: 1em;
}

a:target {
  outline: none
}


/* Menu */

#menutop {
  background-color: rgba(255,255,255,0.6);
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;  
  font-size: 0;
  height: 42px;
  line-height: 0;
}

#menutop > div {
  max-width: 1000px;                                             /* было 950 узко, эпл=1000 идеал, 1050 широко */
  margin: 0 auto;
  padding: 0px 10px;
  position: relative;
  text-align: center;
  height: 42px;
}

#logo {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: url(images/new/logo.svg) no-repeat left center;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
}

#menutop > div > ul {
  display: inline-block;
  width: 92%;
}

#menutop > div > ul > li {  
  display: inline-block;
  vertical-align: middle;
  margin: 0 3%;
  text-align: center;
}

@media (max-width: 880px) {
  #menutop > div > ul > li {
    margin: 0 2%;
  }
}

#menutop > div > ul > li > a { 
  font-size: 16px;                                                   
  color: #016a9e;
  line-height: 42px;
}

#menutop li a:hover { 
  color: #000; border-bottom: 1px solid #000;                           /* background: underline; подчеркивание при наведении толще */
}

#shop-cart-icon {
    width: 35px;
    height: 35px;
    background: url(images/new/shop-cart-icon.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 50px;
    margin: 0 15px;  
		display: inline-block;
		font-size: 0;
}

@media (min-width: 750px) {

  #menutop #search-icon {
    width: 25px;
    height: 25px;
    background: url(images/new/search-icon.svg) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 9px;
    bottom: 0;
    right: 0;
    margin: 0 15px;
  }
  
   #menutop #search-icon a {
     font-size: 0;
		 display: inline-block;
		 width: 100%;
		 height: 100%;
   }
	 
	#shop-cart-icon {		
    right: 30px;
	}
}

#phone-number {
}

#menutop > a {
  display: none;
}

#menu-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 35px;
  margin: auto;
  display: inline-block;
  background: url(images/new/menu-icon.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  display: none;
}

#close-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  margin: auto;
  display: inline-block;
  background: url(images/new/close-icon.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  display: none;
}

#menutop #phone-number-icon {
  display: none;
}

@media (max-width: 750px) {
  #menu-button {
    display: inline-block; 
  }
  
  #menutop > div > ul > li {
    display: block;  
  }  

  #menutop > div > ul {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.6);
    display: none;
    z-index: 999;
  }
  
  #menutop #phone-number-icon {
    width: 40px;
    height: 43px;
    background: url(images/new/phone-icon.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 10px;
    display: inline-block;
  }
  
  #menutop #phone-number {
    display: none;
  }
  
}

.sub-menu {
  position: fixed;
  top: 42px;                                          
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  background-color: rgba(255,255,255,0.6);
  z-index: 50;                             
  text-align: center;
  overflow: hidden;
}

.sub-menu ul {
  display: inline-block;
  margin-left: 700px;
  opacity: 0;
}

.sub-menu li {
  display: inline-block;
  padding: 8px;                                                                        /* было 5 */
  text-align: center;
}

.sub-menu img {
  width: 50px;                                                                         /* размер суб значков, было 55 */
}

.sub-menu li a span {
  color: #016a9e;
  font-size: 12px;            
  display: block;
	padding: 0 0 1px;
}

.sub-menu li a:hover span { 
  color: #000;
	border-bottom: 1px solid #000;  
	padding: 0;
}

#center .padding {
  padding: 110px 0 25px;                      
}

#menu-adress {
  position: fixed;
  background-color: rgba(255,255,255,0.6);
  padding: 0 10px;
  margin: 0 0 0 -10px;
  opacity: 0;
  transition: opacity 0.6s;
  height: 0;
  overflow: hidden;
	z-index: 900;
}

#menu-adress p {
  font-size: 14px;
  line-height: 16px;
  color: #016a9e;
  text-align: left;
  padding: 5px 0;
}

#menu-adress a {
	color: #016a9e;
}

@media (min-width: 800px) {
  #phone-number:hover #menu-adress {
    height: auto;
    opacity: 1;
    transition: opacity 0.6s;
  }
}


.search {
	max-width: 800px;
	margin: 0 auto;
	padding: 100px 0 60px;
}



/* menu end */





/* main page */

#main-page, #center, .footer, #promo-page, .blocks, #fitpage {  
  font-size: 18px;                                                                  /* было 18.8, было 19, в слепой версии от 23 вероятно */
}

@media (max-width: 800px) {
  #main-page, #center, .footer, #promo-page, #fitpage {
  font-size: 16.7px;                                                                /* было 16.5, было 17 */          
  }  
}

#main-page > h2 {
/*  background-color: #f8f8f8; */
  text-align: center;
  padding: 15px;
  border-top: 1px solid #fff;
}

.banner {
  background: url(images/new/main.jpg) no-repeat center center;
  background-size: cover;
  padding: 0 0 33%;                                  /* 0 0 29%; */  
  position: relative;
  width: 100%;
}

.banner > a {
	display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
	top: 0;
	z-index: 2;
}

#main-page .banner p {
  font-size: 1.3em;            /* 1.5 */                                              /* был 1.25em, выглядело как p */
  font-family: robotolight, sans-serif;                                               /* баннеры, был robotothin, самый тонкий */
  line-height: 42px;
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding: 0 20px;
}

.banner > div {
  width: 100%;
  margin: auto 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 0;
  background-color: rgba(0,0,0,0.09);           /* rgba(0,0,0,0.17); */
	z-index: 1;
}

#main-banner {  
  padding: 0;
  height: 100vh;
  width: 100%;
  max-height: 100%;  
  overflow: hidden;
  position: relative;
}

#main-banner a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	opacity: 0.3;
}

#main-banner > div.back {
  top: 0;
  left: 0;
  right: -40px;
  bottom: 0;
  position: absolute;
  background-color: transparent;
  padding: 0;
  background-position: center center;
  background-size: cover;
}

@media (max-width: 1000px) {
  #main-banner > div.back {
    right: 0;
  }
}

#main-banner > h4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 45%;              
  color: #fff;
  background-color: rgba(0,0,0,0.1);       /* 0.17 */   
  padding: 15px;
  font-size: 1.5em;
  text-align: center;
  display: none;
}

#banner-sport {  
  background-image: url(images/new/sport.jpg);
}
#banner-webinar {  
  background-image: url(images/new/banner-webinar.jpg);
}
#banner-med {  
  background-image: url(images/new/med.jpg);
}
#banner-fit {  
  background-image: url(images/new/fit.jpg);
  background-position: center center;
  transition: background-image 1.3s;
}
#banner-fit:hover {  
  background-image: url(images/new/banner-fitbig.jpg);
  background-position: center center;
  transition: background-image 1.3s;
}
#banner-home {
  background-image: url(images/new/home.jpg);
}  
#banner-new {
  background-image: url(images/new/new.jpg);
}
#banner-kosm {
  background-image: url(images/new/kosm.jpg);
}
#banner-kosm:hover {  
  background-image: url(images/new/kosm2.jpg);
  background-position: center center;
  transition: background-image 2.3s;
}
#banner-youtube {
  background-image: url(images/new/all-video.jpg);
}
#banner-alfa {
  background-image: url(images/new/banner-alfa.jpg);
	background-position: center top;
}
#banner-halva {
  background-image: url(images/new/banner-halva.jpg);
	background-position: center top;
}
#banner-vk {
  background-image: url(images/new/banner-vk.jpg);
}
#banner-fitnes8 {
  background-image: url(images/new/banner-fitbig.jpg);
  background-position: center center;
}
#banner-inter {
  background-image: url(images/new/inter.jpg);
  background-position: center center;
}
#banner-patent {
  background-image: url(images/new/patent.jpg);
  background-position: center center;
}
#banner-fit-run {
  background-image: url(images/new/fit-run-banner.jpg);
  background-position: center center;
  transition: background-image 1.3s;
}
#banner-fit-run:hover {
  background-image: url(images/new/fit-run-banner2.jpg);
  transition: background-image 1.3s;
}
#banner-woman {
  background-image: url(images/new/banner-woman.jpg);
  background-position: center top;
}
#banner-compl {
  background-image: url(images/new/banner-compl.jpg);
  background-position: center center;
}
@media (min-width: 1000px) {
	#banner-delivery {
		background-image: url(images/new/banner-delivery.jpg);
		background-position: center top;
	}
}

.banner-gray {
	color: #fff;
	text-align: center;
	padding: 10% 20px;
	background-color: #777;
}

#banner-video {
  width: 100%;
  margin: 0 auto;
  background: #333 none;
  padding: 0;
	line-height: 0;
}

#banner-video > div {
  width: 33.3333%;
  padding: 0;
  margin: 0 auto;
  position: static;
	display: inline-block;
}

#video4 {
	position:relative;height:0;padding-bottom:25%;
}

@media (max-width: 800px) {
	#banner-video > div {
		width: 100%;
	}	
	#video4 {
		padding-bottom:56.25%;
	}
}

.block1 {
  max-width: 800px;                                                /* мы, благотворительность */
  margin: 0 auto; 
  padding: 20px;                                          /* от 260317, без изменений паддинг для мобилы - морда оставил 20ть, на внутренних 11-ть (идеал) */
}

.block1 h2 {
  text-align: center;  
}

#main-page .block2 {
/* background-color: #000; */
  position: relative;
  padding: 0 0 37.5%;
  overflow: hidden;
}

#main-page .block2 div {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
}

#main-page .block2 div:first-child {
  display: block;
}

#main-page .block2 img {
  width: 50%;
  vertical-align: middle;  
}

#main-page .block2 p {
  padding: 0 3% 15px;
  display: inline-block;
  width: 44%;
  vertical-align: middle;
/*  color: #fff; */
  text-align: center;
}

#main-page .block2:hover {               /* добавлен - затемнение левого текста слайдера */
  background-color: #3d749c14;
  transition: background-color 0.9s;
}

#main-page .block2 p span {
/* color: #fff; */ 
  font-size: 1.25em;
}

#main-page .block2 a {
  position: absolute;
  width: 50.1%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: background-color 0.9s;
}

#main-page .block2 a:hover {
  background-color: #3d749c14;
}

#main-page .block2 a span {
/* color: #fff; */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  position: absolute;
  height: 23px;
  display: none;
  transition: display 0.4s;
}

#main-page .block2 a:hover span {
  display: block;
}

@media (max-width: 1000px) {
  #main-page .block2 {
    padding: 0 0 150%;
  }
  
  #main-page .block2 img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  
  #main-page .block2 a {
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  
  #main-page .block2 p {
    width: 94%;  
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
  }
}

@media (max-width: 950px) {
  .banner, #banner-sport span, #banner-med span, #banner-fit span {
    padding: 0 0 80%;
  }
}

#main-page .plus-slide-butt {
  width: 70px;
  height: 70px;
  cursor: pointer;
  background: url(images/new/plus-icon-black.png) no-repeat center center;
  background-size: contain;
  margin: 20px auto;  
}

#main-page .plus-slide {
  background-color: #000;
  display: none;
  position: relative;
  z-index: 20;
  padding: 50px 0;
}

#main-page .plus-slide h3 {
  color: #fff;
  text-align: center;
  padding: 15px 20px 0;
}

#main-page .plus-slide p {
  max-width: 950px;
  margin: 0 auto;
  padding: 15px 20px;
  font-size: 1em;
  line-height: 29px;
  color: #fff;
  text-align: center;
}

#main-page .black-block {
 /* background-color: #4a728a; берюзовый */     
 /* border-bottom: 1px solid #216d9a15; */     
  padding: 30px 0;
	text-align: center;
}

#main-page .black-block img {
	max-width: 100%;
}

#main-page .black-block1 {
	border-bottom: 1px solid #216d9a15;
}

#main-page .black-block p {
  max-width: 950px;
  margin: 0 auto;
  padding: 15px 20px;
  font-size: 1em;
  line-height: 29px;
  /* color: #fff; */      
  text-align: center;
}

.black-block h2 {
  /* color: #fff; */      
  text-align: center;  
  padding: 15px 11px;       /* добавлен отступ для h2 как у МЫ */    
}

.black-block ul {
  text-align: center;
}

.black-block li {
  display: inline-block;
  color: #fff;
  padding: 0 20px;
}

.main-footer .promo-blocks {
  display: none;
} 

.main-promo {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;  
  padding: 0px;                                         /* от 240317 убрал, полоса над комби-акция, двигающиеся баннеры на строчку ниже   padding: 20px 50px; */  
  position: relative;
}

.main-promo > img {
	max-width: 100%;
}

#sale {
  background: url(images/new/promo.png) no-repeat left top;
	min-height: 50px;
}

#sale img {
	padding-top: 0;
}



.main-icons1 {
  width: 100%;
  line-height: 0;
  position: relative;
}

.main-icons1 div {
  display: inline-block;
  position: relative;
  overflow: hidden;
	width: 25%;
	padding: 0 0 29.5%;         /* 1) 28   26    29 */
}

.main-icons1 div a {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}

.main-icons1 p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #f5f5f566;            
  z-index: 2;
  padding: 6px 5px 18px; 
  height: 80px;                  /* 2) 63 */   
  vertical-align: middle;
  border-right: 1px solid #fff;
  text-align: center;
  line-height: 1em;
}

.main-icons1 img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
  margin: auto;
  z-index: 1;
}

.main-icons1 span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 35px;
	width: 100%;
	display: inline-block;
	background-color: rgba(255,103,0,0.4);
}

.main-icons1 .yellow {
	background-color: rgba(255,255,0,0.4);	
}

@media (max-width: 1250px) {
  .main-icons1 div {
    width: 33.3333%;
    padding: 0 0 36%;
  }
}

@media (max-width: 750px) {
  .main-icons1 div {
    width: 50%;
    padding: 0 0 58%;
  }
  
  .main-icons1 p {
    height: 54px;    
  }
}  

@media (max-width: 300px) {
  .main-icons1 div {
    width: 100%;
    padding: 0 0 115%;
  }
}

#main-page .center p {
  text-align: center;
}

.main-lic {
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 20px;
}

.main-lic img { 
  max-width: 100%;
  padding: 3px 1%;
}
  
.main-lic p { 
  padding: 0 0 40px;
}

#banner-fit div {
/*  width: 50%; */
/*  top: 0; */
  bottom: 0;
/*  height: 50px; */
  margin: auto 0;
}

#fade-logo {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 48%;           
  margin: auto;
  text-align: center;
  padding: 20px;
}

#fade-logo h4 {

  position: absolute;
  left: 0;
  right: 0;
  bottom: 45%;   

  font-size: 1.5em;
  color: #fff;
  line-height: 1.5em;
	background-color: rgba(0,0,0,0.1)
}

#fade-logo p {
	color: #fff;
}

#fade-logo span {
  display: inline-block;  
	padding: 2px 2px 0;
}

#fade-logo span div {	
  background: url(images/new/logo.png) no-repeat left center;
  background-size: cover;	
  height: 60px;
  width: 60px;	
  display: none;
}

#main-page > p {
  text-align: center;
  font-size: 1em; 
/*  border-top: 1px solid #216d9a15; */
/*  border-bottom: 1px solid #216d9a15; */ 
      background-color: #f5f5f566;
  padding: 15px;                                                      
  line-height: 28px;
}

#main-page > p a {
	color: #fff;
}

#main-page > p a:hover {
	text-decoration: underline;
}

#main-page > ul {               
  text-align: center;
  font-size: 1em;
  background-color: rgba(104, 155, 185, 0.72);        /* rgba(74, 114, 138, 0.69);      rgba(58, 99, 123, 0.86);      /* полоса над ЭСМА выбирают с прозрачностью */
  padding: 20px;                                                      
  color: #fff;
}

#main-page > ul li {
	display: inline-block;
	padding: 6px;       
}

.dop-menu div {
  text-align: center;
  padding: 5px 20px;
  transition: opacity 0.5s;
}

.dop-menu #dop-home {
  background: #42e4e2d4;      /* #66b9b0; */
}

.dop-menu #dop-kosm {
  background: #c168ea8a;      /* #b369d5; */
}

.dop-menu #dop-fit {
  background: #3dec64b8;        /* #ff7f61ba; */
}

.dop-menu #dop-med {
  background: #64d5f9bf;      /* #3c6da9; */       
}

.dop-menu #dop-home a {
  background: url(/images/new/imio-white.svg) no-repeat left center;
  background-size: contain;
}

.dop-menu #dop-kosm a {
  background: url(/images/new/cosm-white.svg) no-repeat left center;
  background-size: contain;
}

.dop-menu #dop-fit a {
  background: url(/images/new/kompl-white.svg) no-repeat left center;
  background-size: contain;
}

.dop-menu #dop-med a {
  background: url(/images/new/med-white.svg) no-repeat left center;
  background-size: contain;
}

.dop-menu a {
  color: #fff;
  font-size: 1.25em;
  display: inline-block;
  padding: 30px 0 30px 85px;
  border-bottom: none;
}

.dop-menu div:hover {
  opacity: 0.85;
  border-bottom: none;
}

/* main page end */





/* Footer */

.app-icons {
	font-size: 0;
}

.app-icons a {
	display: inline-block;
	width: 12.5%;
}

.app-icons img {
	width: 100%;
}

.app-icons p {
	font-size: 16px;
	text-align: center;
	padding: 10px 2px;
}

.app-icons a:hover p {
	padding: 10px 2px 9px;
	border-bottom: 1px solid #000;
}

.promo-blocks a {
  display: inline-block;
  width: 12.5%;
  vertical-align: top;
  position: relative;
  padding: 0 0 5.11%;
  background-position: center center;
  background-size: cover;
}

.promo-blocks p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  padding: 5px 0;
  text-align: center;
}

@media (max-width: 1000px) {
  .promo-blocks a {
    width: 25%;
    padding: 0 0 10.22%;
  }
	
	.app-icons a {
		width: 25%;
	}
}

@media (max-width: 500px) {
  .promo-blocks a {
    width: 50%;
    padding: 0 0 20.44%;
  }
	
	.app-icons a {
		width: 50%;
	}
}

#fit-butt {
  background-image: url(images/new/promo-buttons/fitnes.jpg);
}
#cosm-butt {
  background-image: url(images/new/promo-buttons/kosmetology.jpg);
}
#port-butt {
  background-image: url(images/new/promo-buttons/portative.jpg);
}
#home-butt {
  background-image: url(images/new/promo-buttons/home.jpg);
}
#san-butt {
  background-image: url(images/new/promo-buttons/sanatori.jpg);
}
#med-butt {
  background-image: url(images/new/promo-buttons/medicine.jpg);
}
#sport-butt {
  background-image: url(images/new/promo-buttons/sport.jpg);
}
#kontr-butt {
  background-image: url(images/new/promo-buttons/contract.jpg);
}

.menu-bottom {
  max-width: 950px;
  margin: 10px auto;
  padding: 0 20px;
  font-size: 0;
}

.menu-bottom > ul {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

.menu-bottom > ul > li {
  padding: 5px 0;
}

.menu-bottom li {  
  font: 15px robotocondensedregular, sans-serif;
  min-height: 15px;
}

.menu-bottom a {
  font: 13px robotocondensedlight, sans-serif;
  color: #000;
}

.menu-bottom a.red {
	color: #f00;
}

.menu-bottom a:hover { 
  color: #000;
  border-bottom: 1px solid #000;
}

@media (max-width: 750px) {
  .menu-bottom > ul {
    width: 100%;
  }
  
  .menu-bottom > ul > li {
 /* border-top: 1px solid #ddd; убрал полоски в подвале для мобилы */    
    cursor: pointer;
  }
  
  .menu-bottom ul ul {
    display: none;
  }
  
  .menu-bottom  li {
    padding: 6px 0;
  }
  
  .menu-bottom  > ul > li {
    padding: 10px 0;
  }
}


.bottom {
  position: relative;
}

.main-phone {
  font-size: 18px;
}

.map > div {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.map p {
  margin: 0 auto;
  font-size: 1em;
  padding: 10px 20px;
  text-align: center;
  line-height: 33px;
  position: relative;
  z-index: 6;
  background-color: #fff;
}

.map span {
  display: block;
  font-size: 1em;
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 6;
/*  background-color: #f5f5f566; */
  border-top: 1px solid #216d9a15;
  border-bottom: 1px solid #216d9a15;
/*  background: #fff url(images/new/map.jpg) no-repeat center center; */
  background-size: cover;
  cursor: pointer;
}

.map > div > div {
  display: none;
}

.map > div > div > div {
	width: 100%;
	height: 50vh;
	background: url(images/new/map-spb.jpg) no-repeat center center;
	background-size: cover;
	display: none;
}

.map .map-spb {
  display: block;
}

div.map div.map-msk div {
	background-image: url(images/new/map-msk.jpg);
}

.map ul {
  text-align: center;
}

.map li {
  display: inline-block;
  font-size: 1.25em;
  margin: 15px 2%;
  padding: 10px;
  cursor: pointer;
}

@media (max-width: 700px) {
  .map li {
    font-size: 1em;
    margin: 15px auto;
    display: block;
    max-width: 200px;
  }
}

.map a:hover {
	border-bottom: 1px solid #000;
}

#contacts h3 {
	text-align: center;
	line-height: 40px;
	padding: 10px 0 0;
	font-size: 1.75em;
}

#contacts h4 {
	text-align: center;
	line-height: 40px;
	padding: 10px 20px 0;
	font-size: 1.5em;
}

.footer-bottom {
  border-top: 1px solid #216d9a15;                
  position: relative;
  z-index: 101;
    text-align: center;
	padding: 10px 0; 
}

.footer-bottom > div {
 text-align: center;
 max-width: 1000px;                                                                 /* было 950 */
 margin: 0 auto;  
 padding: 15px 0;
 /* position: relative; */
}

.footer-bottom #logo-footer {
/*  position: absolute; */
  top: 12px;
  display: inline-block;  
  width: 33px;
  height: 33px;
  background: url(images/new/logo.svg) no-repeat left center;
  background-size: cover;
  vertical-align: middle;
}

.footer-bottom > div > div {
  margin: 0 0 0 50px;
}

.footer-bottom li {
  font-size: 11px;
  padding: 5px 10px;      
}

.footer-bottom li a {
}

.footer-bottom p {
  font: 13px robotocondensedlight, sans-serif;
  padding: 2px 10px 5px;
}

.footer-bottom span {
/*  position: absolute; */
/*  top: 10px; */
/*  right: 70px; */
  font: 13px robotocondensedlight, sans-serif;
  color: #fff;
  padding: 0 0 0 25px;
  background: url(images/new/rus.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.footer-bottom span.eng {
  background: url(images/new/eng.png) no-repeat;
  background-size: contain;
}  

.footer-bottom span.eng a {
}

.map li {
  border-bottom: 1px solid #fff;
}

#map-spb {
  border-color: #000;
}

@media (max-width: 700px) {  
  .footer-bottom li {
    display: block;
  }
	
	.footer-bottom p {
  padding: 30px 10px 5px;
	}
}

.map-deal, .map-shops, .map-int, .map-es {
  padding: 0 0 10px;
  border-bottom: 1px solid #216d9a15;
  margin: 0 0 10px;
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
}

.map-deal {
  padding: 10px 0;	
}

.map-deal p, .map-shops p {
  text-align: left;
}

.map-deal h5 {
	font: 20px robotoregular, sans-serif;
	padding: 10px 20px 0;
}

.map-shops p {
	padding: 0px 20px;
	line-height: 33px;
}

.map-shops p b {
	padding: 20px 0 0;
	display: block;
}

#lang {
	display: none;
}

.lang {
  position: absolute;
  max-width: 950px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  display: none;
}

.lang ul {
  position: absolute;
  right: 0;
  top: -165px;
  background-color: #000;
}

.lang li {
  display: block;
  padding: 5px;
}

.lang a {
  font: 13px robotocondensedlight, sans-serif;
  color: #fff;
  padding: 0 0 0 25px;
  background: url(images/new/eng.png) no-repeat;
  background-size: contain;
}

#de {
  background-image: url(images/new/de.png);
}

#ch {
  background-image: url(images/new/ch.png);
}

#fr {
  background-image: url(images/new/fr.png);
}

.soc-buttons {
  position: fixed;
  bottom: 42px;                                                                        /* было 35px */
  left: 0;
  right: 0;
  margin: auto;
  width: 236px;          
  z-index: 120;    
  font-size: 0;   
  background: none;  
}

.soc-buttons li {
  display: inline-block;
  width: 25%;    
  font-size: 0;                 
}

.soc-buttons a {
  display: inline-block;
  width: 59.32%;                                                                         /* значки социальные сети было 66% */
  padding: 0 0 59.32%;                                                                   /* было 66% */
  margin: 0 20.33%;
  background-size: contain;
}

#vk {
  background-image: url(images/new/vk.png);
  transition: background-image 0.9s;
}

#fb {
  background-image: url(images/new/fb.png);
  transition: background-image 0.9s;
}

#inst {
  background-image: url(images/new/inst.png);
  transition: background-image 0.9s;
}

#youtube {
  background-image: url(images/new/youtube.png);
  transition: background-image 0.9s;
}

#vk:hover {
  background-image: url(images/new/vkh.png);
}

#fb:hover {
  background-image: url(images/new/fbh.png);
}

#inst:hover {
  background-image: url(images/new/insth.png);
}

#youtube:hover {
  background-image: url(images/new/youtubeh.png);
}

#soc-buttons-footer {
	margin: 0 auto;
	width: 180px;
  padding: 0 0 10px;
	font-size: 0;
}

#soc-buttons-footer a {
	display: inline-block;
	width: 25%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	height: 25px;
}

#soc-buttons-footer img {
	width: 20px;     
	margin: 0 10px;
	opacity: 0.5;                   
	transition: opacity 0.8s;
}

#soc-buttons-footer a:hover img {
	opacity: 1;
}

@media (max-width: 800px) {
	#glass {
		display: none;
	}
}

#glass-button, #glass-button2 {
  position: fixed;
  bottom: 46px;
  right: 36px;
  width: 65px;
  height: 28px;
  background: url(images/new/glass.svg) no-repeat center top;
  background-size: cover;
  z-index: 300;
  cursor: pointer;
}

#glass-button2 {
  width: 74px;
  height: 32px;
  bottom: 45px;
  right: 34px;
  display: none;
}

#up-button {
  position: fixed;
  bottom: 42px;
  right: 50px;
  width: 35px;
  height: 35px;
  background: url(images/new/up.png) no-repeat center center;
  z-index: 300;
  cursor: pointer;
  display: none;
  background-size: cover;
}

#proc-button {
  display: block;
  position: fixed;
  bottom: 42px;
  left: 50px;
  width: 35px;
  height: 35px;
  background: url(images/new/promo.png) no-repeat center center;
  z-index: 300;
  cursor: pointer;
  background-size: cover;
	opacity: 0.6;
}


@media (max-width: 500px) {
  .soc-buttons {
    width: 195px;      
  }
  
  #glass-button {
    width: 57px; 
    right: 20px;
    height: 25px;
  }  
  
  #glass-button2 {
    width: 62px; 
    right: 18px;
    height: 27px;
  }
  
  #proc-button { 
    width: 29px; 
    height: 29px; 
    left: 25px;
  }
	
	#up-button { 
    width: 29px; 
    height: 29px; 
    right: 25px;
  }
}


/* footer end */


/* page */

#center {
  max-width: 800px;                                                    /* было 950, 850=90 много, 800=80 идеал, 750=75 узко */
  margin: 50px auto 0;
  padding: 0 12px 35px;                                                /* от 260317, было padding: 0 20px 20px; паддинг на внутренних основной текст+размер картинки крупнее */
  text-align: center;
}

#center h1 {
  font-size: 1.75em;                                                   /* было 2em; крупно */
  font-family: robotolight, sans-serif;                                /* было robotothin, заголовок на странице товара */
  padding: 25px 0;
}

#center h2, .block1 h2, .block2 h2 {
  font-size: 1.5em;
  padding: 15px 11px;    /* padding: 30px 0; */
  
  font-family: robotolight, sans-serif;
}

#center h3, .block1 h3, .block2 h3 {
  font-size: 1.5em;
  padding: 15px 11px;
  font-family: robotolight, sans-serif;
}

#center h4, .block1 h4, .block2 h4 {
  font-size: 1.25em;
  padding: 15px 11px;                                                    /* от 240317 было padding: 12px 0; */      
}

#center p, .block1 p, .block2 p, .block p {
  font-size: 1em;
  line-height: 29px;
  padding: 12px 0;                                                      /* отступ p ing */
  text-align: left;
}

#center .blocks .block1 p, .block2 p, .block p {
  padding: 12px 11px;   
}

#center > img {
  padding: 25px 0;
	width: 100%;
  max-width: 850px;  
}

#center strong, #center b {
 font-family: robotoregular, sans-serif;                                /* был robotoregular, оставил, размер <b> для всего сайта */
}

#center ul  {
  padding: 12px 20px;
}

#center ol li {
  line-height: 29px;
}

#center li {
  font-size: 1em;
  padding: 0;
  text-align: left;
}

#center .simpleul li {
	padding: 5px 0;
	line-height: 29px;
}

#center li p {      
  padding: 0;
}

#center a {
  color: #016a9e;                 
}                                  
  
#center p a[href]:hover { 
 color: #000; border-bottom: 1px solid #000;                            /* background: underline; подчеркивание при наведении толще */
}

#center iframe {
  margin: 0 auto;
  display: block;
}

#center iframe {
	max-width: 100%;
}

.center img {
	max-width: 100%;
}

.words2-3, #words {
  display: none;
}

#center > h3:first-child {
  display: none;
}

.pekin {
  background-color: #333;
  position: relative;
  text-align: center;
  line-height: 0;
}

.pekin img {
  max-width: 100%;
}

.pekin h3 {
  color: #fff;
  background: rgba(0,0,0,0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 40px;
}
/* page end */


/* Arts */

#center .prodselect {
  width: 176px;
  display: inline-block;
  vertical-align: top;
  padding: 2px;
}

#center .prodselect img {
  width: 100%;
}

#center .prodselect a {
  font-size: 18px;
  line-height: 18px;
}

#center .prodselect p {
  font-size: 18px;
  line-height: 21px;
  text-align: center;
}

#center .prodselect img {
  padding: 5px 0;
}

#center .menu-art > div {
  padding: 10px 0;
}

#center .menu-art > div > a {
  float: left;
  width: 30%;
}

#center .menu-art h3 {
  font-size: 26px;
  padding: 0 0 5px;
  text-align: left;
}

#center .menu-art img {
  padding: 55px 0;
}

.clear {
  clear: both;
}


@media (max-width: 800px) {
#center .menu-art > div > a {
  float: none;
  display: block;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
#center .menu-art img {
  padding: 10px 0;
  width: 100%;
}


#center .therapy-table a, #center .therapy-table p {
  font-size: 15px;
  line-height: 20px;
}
}


.graycent img {
  max-width: 100%;
}

#center div img {
  max-width: 100%;
	float: none;
}


/* Продукция - список */


#center .product h4 {
  font-size: 1.5em;                                            /* размер заголовков в каталоге, не менял */
}

#center .product img {
  padding: 30px 0 0;                                            /* было padding: 25px 0 0;  отступ и так большой у фото, фото обрезать все одинаково!!! */
  width: 100%;
}

#center .product .img-link {
  display: block;
  max-width: 850px;                                            /* регулирует фото в каталоге, удобно, 850 идеал с учетом белых полей, сохранять пропорции аппаратов!!! */
  margin: 0 auto;
}

#center .kompl-product img {
  width: 100%;
  padding: 25px 0;
}

#center .cosm-product img {
  max-width: 600px;
  padding: 0;
  margin: 0 auto;
}

#center .img-slider {
  padding: 0 0 52%;
  position: relative;
}

#center .img-slider img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.turn {
  margin: 0 auto;
  max-width: 400px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 20px;
  position: relative;
}

.turn span {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  width: 33.3333%;
  cursor: pointer;
  color: #000;
  position: relative;
  z-index: 2;
	text-align: center;
}

.turn .first-turn {
  color: #fff;
}

.turn div {
  position: absolute;
  width: 33.3333%;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 20px;
  background-color: #016a9e;
  z-index: 1;
}

.turn50 {
  max-width: 300px;
}

.turn50 span {
  width: 50%;
}

.turn50 div {
  width: 50%;
}

.turn25 {
  max-width: 500px;
}

.turn25 span {
  width: 25%;
}

.turn25 div {
  width: 25%;
}

.turns-hide {
  display: none;
}

#center > div {
  position: relative;
}

#center a.price, #fitpage a.price {
  background: url(images/new/price-green.png) no-repeat center center;         /* варианты price yellow green purple orange blue red */
  background-size: contain;
  display: inline-block;
  width: 115px;                                                                /* от 260317, размер ценника, было width: 130px; слишком большой */
  height: 50px;           
  padding: 34px 0;                                                             /* от 260317, было padding: 40px 0; */
  color: #fff;
  position: absolute;
  vertical-align: middle;
  margin: -250px 0 0;                                                      /* от 240317, было margin: -220px 0 0; */
  right: 15px;
  line-height: 25px; 
  font-family: robotoregular, sans-serif;
}
  

#center a.price:hover, #fitpage a.price:hover {
  border: none;
	font-size: 0;
	background-image: url(images/new/buy-icon.svg), url(images/new/price-green.png);
}

a.price {
	text-align: center;
}

#center a.promo-price {
  background: url(images/new/price-promo.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  width: 130px;
	height: 74px;
  padding: 28px 0;
  color: #fff;
  vertical-align: middle;                   
  line-height: 25px;
  font-family: robotoregular, sans-serif;
}

#center a.promo-price:hover {	
	font-size: 0;
	background-image: url(images/new/buy-icon.svg), url(images/new/price-promo.png);
}

#center a.promo-price:hover span {
	font-size: 0;
}

#center .promo-price span:first-child {
  text-decoration: line-through;
}

#center span.promo-price  {
  text-decoration: none !important;
}

@media (max-width: 750px) {
  #center a.price, #fitpage a.price {    
    width: 85px;        
    padding: 23px 0;  
    font-size: 15px;
    line-height: 25x;
    margin: -200 0 0;
  }
  
  #center a.promo-price {
    width: 110px;
  }
}


/* Продукция - товар */

#center .buy-button {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  background-color: rgba(0,0,0,0.5);
  padding: 10px 0;
  z-index: 100;
  color: #fff;
	border-top: 3px solid #4cdcf1;
}

#center .buy-button:hover {  
  background-color: rgba(0,0,0,0.8);
}

.video {
  border-top: 20px solid #fff;
  border-bottom: 20px solid #fff;
}

.promo-page {
  max-width: 800px;
  padding: 20px 0;
}

.promo-page a {
  display: block;
  position: relative;
}

.promo-page img {
  width: 100%;
}

.promo-page span {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  padding: 20px 0;
  transition: padding 0.4s;
  position: absolute;
  color: #fff;
  text-align: center;
  background-color: rgba(0,0,0,0.6);
}

.promo-page:hover span {  
  padding: 30px 0 20px;
  transition: padding 0.4s;
}

video {
  max-width: 100%;
}

table {
  display: block;
}

@media (max-width: 700px) {
  table {
    overflow-x: scroll;
  }
}

#center td {
  padding: 5px 10px;
  border: 1px solid #ddd;  
	
}

#center td p {
  padding: 0;                                               
}

@media (max-width: 600px) {
  td {
    padding: 0 2%;
  }
}

.dop-compl {
  
}

.dop-compl a {
  display: inline-block;
  width: 33.3333%;
  margin: 0;
  padding: 0 0 10px;
  box-sizing: border-box;
  border: 1px solid #fff;
}

.dop-compl a:hover {
  border: 1px solid #999;
}

.dop-compl img {
  width: 100%;
}

#center .dop-compl p {
  text-align: center;
  font-size: 1em;
}

@media (max-width: 600px) {
  .dop-compl a {
    width: 50%;
  }
}

#center .next-model {
  width: 100%;  
}

#fitpage .next-model {
	max-width: 800px;
	margin: 0 auto;
	display: block;
  color: #016a9e;
}

#center .next-model img, #fitpage .next-model img {
  width: 100%; 
}

#center .next-model h4, #center .next-model p, #fitpage .next-model p {
  text-align: center;
  padding: 0 0 20px;
	font-size: 1em;
}

#fitpage video {
	width: 100%;
}



/* Промо */

#promo-page {
  padding: 60px 11px 40px;
  max-width: 800px;
  margin: 0 auto;
}

#promo-page img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  padding: 10px 0;
}

#promo-page h1, #promo-page h2, #promo-page h3 {
  padding: 10px 0;
  text-align: center;
}

#promo-page h3 {
  font-size: 1.25em;
}

#promo-page iframe {
  width: 100%;
}

#promo-page p {
  padding: 10px 0;
  line-height: 31px
}

#promo-page a {
  color: #016a9e;
}
@media (max-width: 600px) {
	#promo-page table {
		display: none;
	}
}

.quote-link {
  text-align: right;
}

.quote-mark {
  color: #016a9e;
}

#promo-page ul {
  padding: 10px 0;
}

.grid3col {
  font-size: 0;
}

.grid3col li {
  display: inline-block;
  width: 33.3333%;
  vertical-align: middle;
}

.bento {
  padding: 0;
}

.endocrin .row {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding: 0;
}

@media (max-width: 700px) {
  .grid3col li, .endocrin .row {
    width: 100%;
  }
  
  .quote-link {
    text-align: center;
  }
}

.fields-sport {
  text-align: center;
}

.blocks {
	background: none;
	padding: 40px 0 20px;
}

.blocks h1 {
	padding-bottom: 20px;
}

.sanats p {
	text-align: center;
}	


/* Страница фитнес */


#fitpage p {
	line-height: 29px;
}

.fit-slider {
  width: 100%;
	line-height: 0;
}

.fit-slider h1 {
	line-height: 1.7em;
}

.fit-slider > div {
  width: 100%;
  height: 0;
  padding: 0 0 66%;
  background: url(/images/fitnes/sliderf/0.jpg) no-repeat center center;
  background-size: cover;
	transition: background-image 0.5s;
	cursor: pointer;
	position: relative;
}

@media (max-width: 1000px) {
	.fit-slider > div {
		height: 100vh;
		max-height: 100%;
		padding: 0;
	}		
}

.fit-slider img {
  width: 33.3333%;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
	cursor: pointer;
	transition: opacity 0.5s;
}

.ft2 > div {
  background-image: url(/images/fitnes/sliders/0.jpg);	
}

.ft3 > div {
  background-image: url(/images/fitnes/slidert/0.jpg);	
}

.ft4 > div {
  background-image: url(/images/fitnes/sliderb/1b.jpg);	
	padding: 0 0 197%;
}

.ft1p > div {
  background-image: url(/images/fitnes/sliderp/0.jpg);	
}

.fit-gray {
	background-color: #3b3b3b;
	color: #fff;
	padding: 20px 0;
  position: relative;
}

.ft1 div img {
  position: absolute;
  left: 5%;
  bottom: 20%;
  width: 15%;
	border: none;
}

.fit-gray p {
	padding: 20px 11px;
	text-align: center;
}

#fitpage .ft-plus {
	font-size: 17.8px;                    /* было 18px; изменено 300817 */
}

.ft-plus > div > div {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 590px;
	height: 80px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	padding: 20px;
	color: #fff;
	line-height: 23px;
  z-index: 1;
}

.ft-plus h3 {
  padding: 10px 0;
}

.ft-plus h4 {
  font-size: 1em;
  padding: 10px 0;
}

.ft-plus p {
  text-align: left;
}

.ft-plus > div > div > div {
  display: none;
}

.ft-plus span {
  display: inline-block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  background: url(images/new/plus-icon-blue.png) no-repeat center center;
  background-size: contain;
  margin: 78px 0 0;
  font-size: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.ft3 > div > div {
  height: 44px;
}

@media (max-height: 630px) {
  .ft-plus > div > div {
    top: -50px;
  }
}

@media (max-height: 525px) {
  .ft-plus > div > div {
    top: -0;
    margin: 0 auto;
  }
}

@media (max-width: 750px) {
  .ft-plus span {
    display: none;
  }
  
	.ft-plus > div {
		height: auto;
		max-height: auto;
		padding: 0 0 50%;
	}
	
  .ft-plus > div > div > div {
    display: block;
  }
  
  .ft-plus > div > div {
    top: 0;
    margin: 0 auto;
    height: auto;
    position: static;
		text-align: left;
  }
}

.fit-white {
	padding: 20px 11px;
	text-align: center;
}

.fit-white2 {
	padding: 20px 11px;
	max-width: 800px;
	margin: 0 auto;
}

.fit-white2 p, .fit-white2 h2 {
	padding: 12px 0;
}

.fit-white p, .fit-white h2 {
	padding: 20px 11px;
}

.ft1 h1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	max-height: 100px;
	color: #000;
}

.ft1p h1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	max-height: 100px;
	color: #fff;
}

.ft3 h2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	max-height: 100px;
	color: #f00;
}

#effect {
  background-color: #28282a;
  text-align: center;
  color: #fff;
}

#effect table {
  border-collapse: separate;
  border-spacing: 4px;  
  display: inline-block;
  padding: 50px 0;
}

#effect td {
  height: 65px;
  width: 260px;
  background-color: rgba(100, 100, 100, 0.4);
  color: #fff;
  margin: 1px;
  vertical-align: middle;
	font-size: 1em; 
}

#effect img {
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 11px;
}

#effect td:last-child {  
  background-color: #ebc200;
  color: #000;
}

@media (max-width: 500px) {
	#effect td {
		font-size: 13px;
	}
	
	#effect td:first-child {
		font-size: 12px;
	}
}

.fit-video {
	background: url(/fitness/images/video-background.jpg) no-repeat center center;
  background-size: cover;
	padding: 40px 0;
}

.fit-video > div {
	max-width: 800px;
	margin: 0 auto;
}

.fit-buy {
	text-align: center;
}

.fit-buy h2 {
	text-align: center;
	padding: 20px 11px;
}

.fit-buy p {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 11px;
	text-align: left;
}

.sel {
	background-color: #000;
	text-align: center;
	padding: 40px 0 50px;
	color: #fff;
}

.sel h2, .sel h4 {
	font-size: 1.5em;
	padding: 10px;
	line-height: 30px;
}

.sel h4 span {
	font-size: 0.5em;
}

.sel span.red {
	color: #f00;
}


.fitness-page-link {
  font-size: 1.5em;
 /* color: #fff; */
 /* background: #000; */
  padding: 40px 20px;
  display: block;
  text-align: center;
}

.fitness-page-link:hover {
  border: 1px solid #fff;
  padding: 39px 19px;
}

.img100 {
  width: 100%;
  display: block;
}

.opt-img {
	display: block;
}

.opt-img img {
	width: 100%;
}

@media (max-width: 1000px) {
  .opt-img img {
    display: none;
  }
  
  .opt-img {
    background: url(/images/fitnes/fit10.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    max-height: 100%;
  }
}

.opt-img2 {
	display: block;
	max-width: 800px;
	margin: 0 auto;
}

.opt-img2 img {
	width: 100%;
}

#fitpage .turn {
	max-width: 200px;
}


#lic > a {
  display: inline-block;
  padding: 10px;
}

#center #lic img {
  max-width: 208px;
}

#center .graycent {
	text-align: center;
}

#center p > img {
	max-width: 100%;
}

#center li {
	line-height: 29px;
}

.promo-side {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -263px;
	transition: left 0.5s;
	margin: auto 0;
	height: 300px;
	width: 300px;
	z-index: 1000;
	background-color: rgba(0,0,0,0);
}

.promo-side > a {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	background: url(/images/new/promo-side.png) no-repeat center center;
	background-size: cover;
}

@media (min-width: 1000px) {
	.promo-side:hover {
		left: 0;
	}
}

.promo-side div {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.promo-side div a {
	display: block;
	color: #016a9e;
	border: 1px solid #016a9e;
	padding: 5px;
	margin: 10px 0 0;
	font-size: 18px;	
}

@media (max-width: 1000px) {
	.promo-side {
		left: -151px;
		height: 170px;
		width: 170px;
	}
	
	.promo-side div {
		display: none;
	}
	
}


#fotocatalog-img {
	display: none;
	position: fixed!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	cursor: pointer;
  z-index: 999;
}

#fotocatalog-img img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.catalog-page {
  max-width: 1500px;
  margin: 40px auto 0;
  text-align: center;
}

.catalog-page img {
  padding: 10px 0;
  width: 80%;
}

.catalog-page h2 {
  padding: 40px 20px 20px;
}

#center .article img {
	display: block;
	width: auto;
	margin: 0 auto;
}


#icons4 {
  position: absolute; 
  background-color: rgba(255,255,255,0.6);
  background-size: cover;
  text-align: center;
  top: 42px;        
  left: 0;
  right: 0;
  z-index: 90;
}

#icons4 a {
  width: 300px;
  height: 65px;
  background: url(/images/new/icons4.svg) no-repeat center center;
  background-size: cover;
  display: inline-block;
	transition: opacity 0.3s;
}

#icons4 a:hover {	
  opacity: 0.6;
}

hr {
    border: none; 
    background-color: #f0f0f0; 
    height: 1px; 
   }

/* Корзина */

.cart-style {
  position: fixed;
  top: 42px;
  left: 0;
  right: 0;
  max-width: 1000px;
  margin: 0 auto;
  z-index: 1000;
}

.cart-style #cart_nonempty {
  position: absolute;
  right: 0;
  top: 0;
  margin: auto;
  width: 300px;
  background-color: rgba(255,255,255,0.7);
	border-radius: 10px;
	border: 1px solid #eee;
	padding: 10px;
	font-size: 16px;
	display: none;
	text-align: center;
}


.cart-style #cart_display button[onclick] { margin-top: 10px; display: block; width: 100%; }
.cart-style #cart_nonempty .cart_item { clear: both; margin-bottom: 10px; }
.cart-style #cart_nonempty .cart_item h3 { margin: 0; font-size: 16px; }
.cart-style #cart_nonempty .cart_item p { margin: 0; font-size: 16px; line-height: 25px; }
.cart-style #cart_nonempty .cart_item img { width: 40px; float: left; margin-right: 10px; }
.cart-style #cart_nonempty .cart_item_buttons { float: right; }


.cart_item_buttons button {
	background-color: #fff;
	border: 1px solid #016a9e;
	color: #016a9e;
	border-radius: 15px;
	margin: 2px;
	padding: 2px 6px;
	cursor: pointer;
}

#cart_nonempty > button {	
	background-color: rgba(255,255,255,0);
	border: 2px solid #016a9e;
	color: #016a9e;
	border-radius: 15px;
	margin: 2px;
	padding: 4px 8px;
	font-size: 18px;
	cursor: pointer;
}

#cart_nonempty > button:hover {
	border: 1px solid #016a9e;
	padding: 5px 9px;
}

#cart_nonempty > div > span {	
	padding: 5px 0 10px;
	font-size: 14px;
	display: block;
}

.checkout-page {
	max-width: 700px;
	padding: 0 20px;
	margin: 0 auto;
}

.checkout-page #cart_details h3 {
	font-size: 22px;
	padding: 30px 20px 0;
	text-align: left;
}

.checkout-page #cart_details p {
	font-size: 18px;
	padding: 0 20px;
	text-align: left;
}

.checkout-page #cart_details .cart_item img {
	width: 150px;
	float: left;
}

.checkout-page .cart_item_buttons {
	float: right;
	padding: 30px 0 0;
}

.checkout-page .cart_item_buttons button {
	font-size: 22px;
	border-radius: 20px;
	padding: 3px 10px;
}

.checkout-page .cart_item {
	clear: both;
	padding: 10px 0;
}

@media (max-width: 800px) {
	.checkout-page .cart_item img {
		display: none;
	}
}

.input-address .form_input {
	text-align: left;
	padding: 10px 0;
	max-width: 400px;
	margin: 0 auto;
}

.input-address .form_input input, .input-address .form_input select {
	font: 18px robotolight, sans-serif; 
	box-sizing: border-box;
	padding: 2px 5px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #999;           /* было до 110917 border: 1px solid #777; */
}

#input-address-index {
	width: 60%;
	display: inline-block;
	vertical-align: middle;
}

.input-address .form_input a {
	display: inline-block;
	vertical-align: middle;
	width: 34%;
	padding: 0 3%;
}


.confirm-order .input-address input {
	max-width: 612px;
}

.checkers {
	text-align: left;
}

.checkers div {	
	font: 18px robotolight, sans-serif;
}

.checkers input {
	margin: 10px;
}

#center .confirm-order {
	padding: 20px;
	border-radius: 20px;
	border: 1px solid #ddd;
}

#center .confirm-order button {	
	background-color: #fff;
	border: 2px solid #016a9e;
	color: #016a9e;
	border-radius: 15px;
	margin: 15px;
	padding: 4px 8px;
	font-size: 18px;
	cursor: pointer;
}

#center .confirm-order p {
	padding: 10px;
}

@media (max-width: 800px) {
	.cart-style #cart_nonempty {
		display: none;
	}
}

#cart_count_items {
  position: absolute;
  top: -38px;
  right: 42px;
	left: auto;
	margin: auto;
  color: #f00;
	width: 18px;
	text-align: center;
  font: 16px robotoregular, sans-serif; 
  background-color: rgba(255,255,255,0.0);
  border-radius: 5px; 
	padding: 0 0 8px;	
}

@media (max-width: 1000px) {
	#cart_count_items {
		right: 52px;
	}
}

@media (max-width: 750px) {
	#cart_count_items {
		right: 72px;
	}
}

.checkout-page .cart-style #cart_nonempty {
	display: none!important;
}


.video-block > div {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 28.125%;
  position: relative;
  height: 0;
}

.video-block iframe {  
  z-index: 9;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.video-block div.full-screen iframe {    
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 90%;
  padding: 0;
  margin: auto;
  z-index: 1000;
}

#center .video-block div.full-screen iframe {
	margin: auto;
}

.video-block > div > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 10;
  cursor: pointer;
}

.video-block > span {
	display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
  cursor: pointer;
}

@media (max-width: 800px) {
	
	.video-block div.full-screen iframe {    
		width: 100%;
		height: 70%;
	}
}

#center .logo-print {
	width: 100%;
	height: 100px;
	display: block;
	text-align: center;
	padding: 0;
	display: none;
}

@media print {
	.no-print {
		display: none;
	}
	
	#center .logo-print {
		display: block;
	}
}

.italic {
	font-family: robotolightitalic, sans-serif;
}

.main-img {
  position: relative;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
}

.main-img img {
  width: 100%;
	padding: 0;
	margin: 0;
}

.main-img p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0,0,0,0.07);               /* background: rgba(0,0,0,0.17); */
  font-size: 1.3em;  
  text-align: center;
  color: #fff;
  line-height: 42px;
  padding: 5px 0;
}

@media (max-width: 1000px) {
	.main-img img {
		width: 200%;
		margin: 0 -50%;
	}
}

@media (max-width: 800px) {
	.price-list {
		font-size: 16px!important;
	}	
	
	.price-list span {
		font-size: 16px!important;
	}
}

#google_translate_element {
	text-align: center;
	padding: 40px 0 40px;
}

.lic-hide .lic-block {
  display: none;
}

.lic-hide .fade-area-1 {
  display: none;
}	

.main-footer .lic-block, .main-footer .fade-area-1 {
  display: none;
}

.fade-area-1 {
	text-align: center;
}

.fade-area-1 img {
	width: 100%;
	max-width: 400px;
}

#promo-page .fade-area-1 img {
	width: auto;
	max-width: 400px;
	display: inline-block;
}

.footer #lic {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0 0;
}

.footer #lic > a {
  width: 23%;
  padding: 5px 1%;
}

.footer #lic img {
  width: 100%;
}

@media (max-width: 800px) {
  .footer #lic > a {
    width: 29.333%;
    padding: 5px 2%;
  }
}

@media (max-width: 600px) {
  .footer #lic > a {
    width: 43%;
    padding: 5px 3%;
  }
}

.line-through {
  text-decoration: line-through;
}

#snow {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

#sale #center {
	margin: 0 auto 0;
	padding: 50px 12px 35px;
}

#ins-video {
	width: 100%;
}

#ins-video video {
	width: 100%;
}

.wvicon {
	padding: 0 60px;
	background: url(images/new/wv.png) no-repeat center right;
	background-size: contain;
}

#main_button {
	background-color: #016a9e;
	border: 2px solid #016a9e;
	color: #fff;
	border-radius: 15px;
	padding: 4px 20px;
	font-size: 18px;
	cursor: pointer;
  display: block;
	width: 168px;
}

.video-youtube {
	line-height: 0;
}

.video-youtube a {
	display: inline-block;
	width: 33.3333%;
	vertical-align: top;
	position: relative;
}

.video-youtube img {
	width: 100%;
}

.video-youtube div {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-image: url(images/new/youtubeh.png);
	background-size: contain;
}

.video-youtube a:hover div {
	width: 65px;
	height: 65px;
}