@charset "utf-8";
@font-face {
    font-family: 'Helvetica Inserat Cyrillic';
    src: url('../fonts/HelveticaInseratCyr-Upright.woff2') format('woff2'),
        url('../fonts/HelveticaInseratCyr-Upright.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*===============================*/
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
body{
	font-family: "Lora", serif;
	font-weight:normal;
    color: #000;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
	padding:0;
	margin:0;
	list-style:none;
	background:#fff;
}
.container{
	width:970px;
	height:auto;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}
p, h1, h2, h3, ul{
	padding:0;
	margin:0;
}
li{list-style:none;}
a{text-decoration:none;}
.clearall{
	clear:both;
	height:1px;
	width:auto;
}
.position{position:relative;}
.dsplay{width:100%;display:table;box-sizing:border-box;}
*{box-sizing:border-box;}
.flt{float:left;width:100%;}
.ovrfl{overflow:hidden;}
.bdhding1, .bdhding2{
	font-weight:bold;	
	font-size:44px;
	line-height:54px;
	text-align:center;
}
.bdhding1 u, .bdhding2 u{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset: 6px;}
.bdfont{	
	font-size:24px;
	line-height:34px;
	text-align:left;
}
.bdfont span.span1{
	background:url(../images/txtbg.png) center center no-repeat;
	background-size:100%;
	padding:0 3px;
}
.bdfont2{	
	font-size:28px;
	line-height:38px;
	text-align:left;
}
.bdfont3{	
	font-size:30px;
	line-height:40px;
	text-align:left;
}
.bdfont4{	
	font-size:34px;
	line-height:40px;
	text-align:left;
}
.bdfont5{	
	font-size:26px;
	line-height:36px;
	text-align:left;
}
.bdfont u, .bdfont2 u, .bdfont3 u, .bdfont4 u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;}
.mar1{margin:34px 0 0 0;}
.mar2{margin:40px 0 0 0;}
.mar3{margin:25px 0 0 0;}
.mar4{margin: 10px 0 0 0;}
.mar5{margin-top:29px;}

.bold{font-weight:bold;}
.semibold{font-weight:600;}
.txlncntr{text-align:center;}
.blkcolor{color:000;}
.txlnlft{text-align:left;}
.txtdecoration{text-decoration:line-through;}
.blue{color:#292a5c;}
.yellow{color:#fff000;}
.white{color:#fff;}
@media only screen and (max-width: 1000px){
.container{ max-width:750px; width:100%; }
.bdhding1{
	font-size:36px;
	line-height:46px;
}
.bdfont{	
	font-size:20px;
	line-height:30px;
}
.bdfont2{	
	font-size:24px;
	line-height:34px;
}
.bdfont3{	
	font-size:26px;
	line-height:36px;
}
.bdfont4{font-size:30px;line-height:40px;}
.bdfont5{	
	font-size:22px;
	line-height:32px;
}
.mar1{margin:30px 0 0 0;}
.mar2{margin:35px 0 0 0;}
.mar5{margin-top:25px;}
}
@media only screen and (max-width: 767px){
.container{ width:100%;max-width:640px;}
.bdinpad{padding:0 10px;box-sizing:border-box;}

.bdhding1{
	font-size:32px;
	line-height:42px;
}
.bdhding1 u, .bdhding2 u{text-underline-offset: 4px;}
.bdfont{	
	font-size:18px;
	line-height:28px;
}
.bdfont2{	
	font-size:22px;
	line-height:32px;
}
.bdfont3{	
	font-size:24px;
	line-height:34px;
}
.bdfont4{font-size:26px;line-height:34px;}
.bdfont5{	
	font-size:20px;
	line-height:30px;
}
.mar1{margin:26px 0 0 0;}
.mar2{margin:34px 0 0 0;}
.mar4{margin: 5px 0 0 0;}
.mar5{margin-top:20px;}
}
@media only screen and (max-width: 479px){
.bdhding1{
	font-size:30px;
	line-height:40px;
}
.bdhding2{
	font-size:22px;
	line-height:32px;
}
}
@media only screen and (max-width: 389px){
.bdhding1{
	font-size:28px;
	line-height:36px;
}
.bdhding2{
	font-size:20px;
	line-height:28px;
}
.bdfont2{	
	font-size:20px;
	line-height:30px;
}
.bdfont3{font-size:22px;line-height:32px;}
.bdfont4{font-size:22px;line-height:32px;}
}
@media only screen and (max-width: 359px){
.bdhding1{
	font-size:26px;
	line-height:34px;
}	
}
.strikeout, .strikeout2 {position: relative;}
.strikeout::after, .strikeout2::after{
  border-bottom: 0.12em solid #F00;
  content: "";
  left: 0;
  margin-top: calc(0.120em / 2 * -1);
  position: absolute;
  right: 0;
  top: 54%;  
}
.strikeout::after{
	transform:rotate(-10deg);
  -webkit-  transform:rotate(-10deg);  
}
.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*===================================
			start footer
====================================*/
footer{padding:45px 0;border-top:1px solid #c5c5c5;}
ul.ftrlist{padding:0;text-align:center;}
ul.ftrlist li{
	display:inline-block;
	padding:0 15px 0 13px;
	font-size:16px;
	line-height:26px;
	text-align:center;
	position:relative;
}
ul.ftrlist li a{color:#333;}
ul.ftrlist li:after{
	content:"";
	position:absolute;
	right:0;
	top:6px;
	height:18px;
	background:#333;
	width:1px;
}
ul.ftrlist li:last-child:after{display:none;}
.ftrtxt, .ftrtxt2, .ftrtxt3{
	font-size:16px;
	line-height:26px;
	color:#333;
	text-align:center;
	margin-top:6px;
}
.ftrtxt2, .ftrtxt3{margin-top:10px;}
@media only screen and (max-width: 1000px){
ul.ftrlist li, .ftrtxt, .ftrtxt2, .ftrtxt3{font-size:14px;line-height:24px;}
ul.ftrlist li:after{height:14px;}
}
@media only screen and (max-width: 767px){
footer{padding:30px 0;}
ul.ftrlist li{
	padding:0 10px 0 8px;
	font-size:12px;
	line-height:22px;
}
ul.ftrlist li:after{top:5px;height:13px;}
.ftrtxt, .ftrtxt2, .ftrtxt3{
	font-size:12px;
	line-height:22px;
	margin-top:4px;
}
.ftrtxt2, .ftrtxt3{margin-top:6px;}
}
/*------------------animation-------------------*/
.vitaminAnimation{
	position: absolute;
    right: 295px;
    top: 225px;
}
.circle1, .circle2, .circle3{
	position: absolute;
	height: 90px;
	width: 90px;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	}
.circle1{
	opacity: .7;
	}	
.circle2 {
	box-shadow: inset 0 0 10px #ddd;
	border: 2px solid #ddd;
	border-radius: 50%;
	-webkit-animation: circle2 3s linear 1.5s infinite;
	animation: circle2 3s linear 1.5s infinite
	}
.circle3 {
	box-shadow: inset 0 0 10px #ddd;
	border: 2px solid #ddd;
	border-radius: 50%;
	-webkit-animation: circle3 3s linear 0s infinite;
	animation: circle3 3s linear 0s infinite
	}
.circle2-b{box-shadow: inset 0 0 10px #fff;border: 2px solid #fff;}
.circle3-b{box-shadow: inset 0 0 10px #fff;border: 2px solid #fff;}
	
@-webkit-keyframes circle2 {
0% {height:70px;width:70px}
100% {height:250px;width:250px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@keyframes circle2 {
0% {height:70px;width:70px}
100% {height:250px;width:250px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@-webkit-keyframes circle3 {
0% {height:70px;width:70px}
100% {height:250px;width:250px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@keyframes circle3 {
0% {height:70px;width:70px}
100% {height:250px;width:250px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}
@media only screen and (max-width: 1000px){
.circle1, .circle2, .circle3{
	height: 70px;
	width: 70px;
}
.vitaminAnimation{
    right: 175px;
    top: 144px;
}	
}
@media only screen and (max-width: 767px){
.circle1, .circle2, .circle3{
	height: 60px;
	width: 60px;
}
.vitaminAnimation{
    right: 196px;
    top: 130px;
}	
}

/*===============================*/
.show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .show-389{display:none;}
@media only screen and (max-width: 1000px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 389px){
.show-389{display:block;}
.hide-389{display:none;}
}
@media only screen and (max-width: 359px){
.hide-359{display:none;}
.show-359{display:block;}
}

