html,
body,
div,
span,
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,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
color: #fff;
}
ol,
ul {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
}
table td {
vertical-align: top;
}
input,
textarea,
select,
samp {
font-family: Verdana, arial, helvetica, sans-serif;
}
body {
font-family: Verdana, arial, helvetica, sans-serif;
}
@font-face {
font-family: 'futurastd_book';
src: url('../fonts/futurastd_book/futurastd_book.eot');
src: url('../fonts/futurastd_book/futurastd_book.eot?#iefix') format('embedded-opentype'), url('../fonts/futurastd_book/futurastd_book.woff') format('woff'), url('../fonts/futurastd_book/futurastd_book.ttf') format('truetype'), url('../fonts/futurastd_book/futurastd_book.svg#futurastd_book') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaFuturisBold';
src: url('../fonts/ftn65-webfont.eot');
src: url('../fonts/ftn65-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ftn65-webfont.woff') format('woff'), url('../fonts/ftn65-webfont.ttf') format('truetype'), url('../fonts/ftn65-webfont.svg#FuturaFuturisBold') format('svg');
font-weight: normal;
font-style: normal;
}/*
@font-face {
font-family: 'FuturaFuturisX';
src: url('../fonts/ftn95-webfont.eot');
src: url('../fonts/ftn95-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ftn95-webfont.woff') format('woff'), url('../fonts/ftn95-webfont.ttf') format('truetype'), url('../fonts/ftn95-webfont.svg#FuturaFuturisX') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaFuturisNormal';
src: url('../fonts/ftx55-webfont.eot');
src: url('../fonts/ftx55-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ftx55-webfont.woff') format('woff'), url('../fonts/ftx55-webfont.ttf') format('truetype'), url('../fonts/ftx55-webfont.svg#FuturaFuturisNormal') format('svg');
font-weight: normal;
font-style: normal;
}*/
body{
background-color: transparent;
}
.wrapper{
margin:0 auto;
overflow-x: hidden;
}
.wrapper .wrapper1265{
width: 1265px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.wrapper1265 .wrapper1007{
width:1007px;
margin:0 auto;
position: relative;
top:1px;
}
.wrapper1007 .top-menu{
background: url("../img/menu-bg.png") no-repeat scroll 0 0 transparent;
height: 79px;
left: 23%;
margin: 0 auto;
position: fixed;
top: 29px;
width: 809px;
z-index: 999;
}
.wrapper1007 .top-menu-chains{
position: absolute;
left: 0;
right: 0;
}
.wrapper1007 .top-menu-chains:before{
background: url("../img/chain-left.png") no-repeat scroll right bottom transparent;
content: "";
height: 68px;
left: -17px;
position: absolute;
top: -29px;
width: 23px;
z-index: -1;
}
.wrapper1007 .top-menu-chains:after{
background: url("../img/chain-right.png") no-repeat scroll 0 0 transparent;
content: "";
height: 68px;
position: absolute;
right: -18px;
top: -29px;
width: 23px;
z-index: -1;
}
.wrapper1007 .top-menu .menu{
text-transform: uppercase;
overflow: hidden;
height:60px;
}
.wrapper1007 .top-menu .menu li{
border-right: 1px solid #1E7FA8;
cursor: pointer;
float: left;
/*font-size: 32px;*/
font-size:27px;
line-height: 45px;
height: 50px;
margin: 5px 0;
overflow: hidden;
text-align: center;
/*font-family: "futurastd_book";*/
text-shadow: 1px 1px 5px #0060ff;
/*filter: dropshadow(color=#0060ff, offx=1, offy=1, Positive='true');*/
filter: Shadow(Color=#0060ff, Direction=90, Strength=3);}
}
.menu li:hover{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-8 */
}
.wrapper1007 .top-menu .menu li.move-philosophy{
width:210px;
}
.wrapper1007 .top-menu .menu li.move-video{
width:145px;
}
.wrapper1007 .top-menu .menu li.move-contest{
width:157px;
}
.wrapper1007 .top-menu .menu li.move-product{
width:197px;
}
.wrapper1007 .top-menu .menu li.move-sound{
width: 91px;
}
.wrapper1007 .top-menu .menu img{
width:38px;
height:36px;
margin: 7px 0;
}
.brends{
overflow: hidden;
margin-top: 183px;
}
.brends a{
display:block;
}
.brends .psy-logo{
float:left;
width:205px;
height:56px;
background: url("../img/pgy-link.png") 0 0 no-repeat;
margin-left: 35px;
}
.brends .biotherm-logo{
float: right;
width:261px;
height:123px;
background: url("../img/biotherm.png") 0 0 no-repeat;
}
.title{
text-transform: uppercase;
font-size:60px;
text-align: center;
text-shadow: 0 4px 3px #1A395D;
filter: dropshadow(color=#1a395d, offx=0, offy=2);
}
.text{
font-size:16px;
}
.philosophy{
margin-top:52px;
}
.philosophy p{
text-align: center;
margin-bottom: 23px;
}
.philosophy .scrolltext{
height:255px;
margin:100px 0px 95px 0px;
position: relative;
}
.philosophy .scrolltext:before{
background: url("../img/skope-left.png") no-repeat scroll 0 0 transparent;
content: "";
height: 448px;
left: -130px;
position: absolute;
top: -109px;
width: 145px;
}
.philosophy .scrolltext:after{
background: url("../img/skope-right.png") no-repeat scroll 0 0 transparent;
content: "";
height: 448px;
right: -130px;
position: absolute;
top: -109px;
width: 145px;
}
.philosophy .map{
display:block;
max-width: 100%;
height:764px;
background:url("../img/map.png") center center no-repeat;
}
.wrap-video-clip{
margin: 0 auto;
border:1px solid rgba(255,255,255,0.2);
position: relative;
width:925px;
height:520px;
padding:10px;
}
.wrap-video-clip:before{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
content: "";
height: 1px;
left: -1000px;
position: absolute;
top: 50%;
width: 1000px;
}
.wrap-video-clip:after{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
content: "";
height: 1px;
right: -1000px;
position: absolute;
top: 50%;
width: 1000px;
}
.wrap-video-clip .video-clip{
position: relative;
}
.wrap-video-clip .video-clip:before, .wrap-video-clip .video-clip:after{
content: "";
width:16px;
height:16px;
background: url("../img/shadow-ball.png") center center no-repeat;
top:48%;
position: absolute;
}
.wrap-video-clip .video-clip:before{
left:-19px;
}
.wrap-video-clip .video-clip:after{
right:-19px;
}
.about_product{
margin-top: 152px;
}
.about_product .wrapper775{
width:775px;
margin: 0 auto;
position: relative;
left:-16px;
}
.about_product .bottles{
height: 514px;
position: relative;
margin-top: 103px;
}
.bottles .item1, .bottles .item2, .bottles .item3, .bottles .item4{
position: absolute;
cursor:pointer;
}
.item1{
background: url("../img/product1.png") no-repeat scroll 0 0 transparent;
bottom: -38px;
height: 431px;
left: -100%;
width: 186px;
}
.item2{
background: url("../img/product2.png") no-repeat scroll 0 0 transparent;
bottom: -18px;
height: 514px;
left: -100%;
width: 164px;
}
.item4{
background: url("../img/product4.png") no-repeat scroll 0 0 transparent;
bottom: 0;
right: -100%;
width: 152px;
height: 418px;
}
.item3{
background: url("../img/product3.png") no-repeat scroll 0 0 transparent;
bottom: -40px;
height: 283px;
right: -100%;
width: 258px;
}
.bottles .callback{
display: none;
position: absolute;
background-position: 0 0;
background-repeat: no-repeat;
}
.shadow-bottles{
bottom: 40px;
left: 99px;
width: 599px;
height: 22px;
background-image: url("../img/shadow-bottles.png");
}
.blink-bottle {
top: 43px;
left: 59px;
width: 130px;
height: 130px;
background-image: url("../img/blink-bottle.png");
}
.wrap-products{
margin-top: 58px;
}
.list-products{
}
.list-products > li{
border-bottom: 1px dotted #fff;
padding:38px 0px;
}
.list-products > li:last-child{
border-bottom: none;
}
.list-products > li .list-products-img{
width:180px;
margin-right:17px;
float:left;
text-align: center;
}
.list-products > li .list-products-img img{
display:block;
margin: 0 auto;
}
.list-products > li .list-products-description{
margin-left: 200px;
padding-bottom: 10px;
}
.product-title{
text-align: center;
}
.product-description{
padding:10px 0px;
}
.product-title{
text-align: center;
border-bottom: 1px solid #4aa3bd;
}
.product-title .product_title1{
font-size: 24px;
color:#4aa3bd;
text-transform: uppercase;
margin-bottom: 14px;
}
.product-title .product_title2{
font-size:36px;
text-transform: uppercase;
margin-bottom: 14px;
}
.product-title .product_title3{
font-size:14px;
font-style: italic;
margin-bottom: 14px;
}
.product-description p{
margin-bottom: 10px;
text-align: justify;
font-size: 13px;
}
.product-video{
background: url("../img/camera.png") no-repeat scroll 7px 6px rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 12px;
padding: 4px 6px 6px 35px;
text-transform: uppercase;
}
.over-layer {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-8 */
height: 100%;
left: 0;
overflow: scroll;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
visibility: hidden;
}
.wrap-promo-video {
display: table;
height: 100%;
position: relative;
text-align: center;
vertical-align: middle;
width: 100%;
}
.container-video {
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
}
.over-layer .promo-video {
display: inline-block;
position: relative;
z-index: 1;
}
/* ���, �������� � ������ */
.wrapper .bubbles,
.wrapper .bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.wrapper .bg > div {
background-position: top center;
background-repeat: no-repeat;
}
.wrapper .bg .bg1 {
height: 2600px;
background-image: url(../img/bg1.jpg);
}
.wrapper .bg .bg2 {
height: 1700px;
background-image: url(../img/bg2.jpg);
}
.wrapper .bg .bg3 {
height: 1700px;
background-image: url(../img/bg3.jpg);
}
.wrapper .bubbles {
z-index: 3;
}
.wrapper .bubble {
position: absolute;
background-position: center center;
background-repeat: no-repeat;
}
.wrapper .bubbles .bubble-set {
top: 622px;
width: 100%;
height: 1944px;
background-image: url(../img/bubble-set1.png);
}
.wrapper .bubbles .bubble-set-bottom {
top: 3000px;
width: 100%;
height: 917px;
background-image: url(../img/bubble-set3.png);
}
.wrapper .bubbles .bubble-set-side{
top: 4500px;
width: 100%;
height: 917px;
background-image: url(../img/bubble-set3.png);
}
.wrapper .bubbles .bubble-set-side-bottom{
top: 5500px;
width: 100%;
height: 667px;
background-image: url(../img/bubble-set4.png);
}
.wrapper .bubble-side {
top: 2316px;
width: 100%;
height: 514px;
background-image: url(../img/bubble-side.png);
}
.wrapper .bubble-link {
position: absolute;
top: 790px;
right: 7%;
/*width: 338px;
height: 323px;*/
width:203px;
height:194px;
background: url(../img/bubble1.png) center center no-repeat;
background-size: cover;
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
z-index: 20;
}
.wrapper .bubble-link a {
display: block;
text-align: center;
width: 260px;
height: 257px;
margin: 16px auto 0; /*33px*/
background: url(../img/bubble-link.png) top left no-repeat;
overflow: hidden;
text-indent: -2000px;
margin-left: 25px;
}