@font-face {
    font-family: Bebas; /* ��������� ������ */
    src: url(fonts/bebas.ttf); /* ��� � ����� �� ������� */
   }
   
   body{
     font-family: Bebas;
}

#wrapperButton{
    width: 300px;
	height: 50px;
	position: absolute;
	bottom: 20%;
	right: 40%;
    overflow:hidden;
    cursor: pointer;
}

a#first {
	background: url(../images/button1A.png) no-repeat center center;
	background-size: 100% 100%;
	width: 300px;
    height: 50px;
    display:block;
    display:inline-block;
    transition: transform 0.3s;
}
a#second {
	background: url(../images/button1B.png) no-repeat center center;
	background-size: 100% 100%;
	transition: 0.5s;
	width: 300px;
    height: 50px;
    display:block;
	transition: transform 0.3s;
}

div#wrapperButton:hover a#first,
div#wrapperButton:hover a#second {
    transform: translate(0,-100%);
	margin-top: -2px;
}

/*kaz version*/
a#firstKaz {
	background: url(../images/akcii/white.png) no-repeat center center;
	background-size: 100% 100%;
	width: 300px;
    height: 50px;
    display:block;
    display:inline-block;
    transition: transform 0.3s;
}
a#secondKaz {
	background: url(../images/akcii/yellow.png) no-repeat center center;
	background-size: 100% 100%;
	transition: 0.5s;
	width: 300px;
    height: 50px;
    display:block;
	transition: transform 0.3s;
}

div#wrapperButton:hover a#firstKaz,
div#wrapperButton:hover a#secondKaz {
    transform: translate(0, -100%);
	margin-top: -3px;
}
/*end kaz version*/

.promotionMoreButton{
	background: url(../images/button1A.png) no-repeat center center;
	background-size: 100% 100%;
	width: 247px;
	height: 45px;
	position: absolute;
	bottom: 20%;
	right: 40%;
}

.promotionMoreButton:hover{
	background: url(../images/button1B.png) no-repeat center center;
	background-size: 100% 100%;
	transition: 0.5s;
}


.left_menu{
  display: none;
}
*{
  margin: 0px;
  padding: 0px;
}
.call_back_wrap{
  display: none;
}
.main_wrap{
  /*height: 730px;*/
  height: auto;
  background-color: #143173;
  /*background-image: url(../images/main_wrap_bg.png);*/
  background-repeat: no-repeat;
  background-position: center;
}
.header_center{
  width: 1024px;
  height: 139px;
  margin: 0 auto;
}
.logo{
  width: 227px;
  height: 149px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  float: left;
}
.menu_wrap{
  /*width: 718px;*/
  height: 158px;
  float: right;
}
ul.menu{
  padding-top: 60px;
}
ul.menu li{
  display: inline;
  margin-left: 19px;
}
ul.menu a{
  font-size: 22px;
  color: white;
  text-decoration: none;
}
ul.menu a:hover{
  color: #f4a20a;
}
.slider{
  /*height: 595px;*/
  /*width: 1024px;*/
  width: 100%;
  margin: 0 auto;
  /*mystyle*/
  height: auto;
  position: relative;
}
.wrap_one{
  height: 669px;
  background-image: url(../images/wrap_one_back.png);
  background-position: center;
}
.wrap_one_center{
  width: 1024px;
  height: 669px;
  margin: 0 auto;
}
.wrap_one_content{
   width: 436px;
   height: 669px;
   float: left;
}
.wrap_one_img{
  width: 557px;
  height: 699px;
  background-image: url(../images/wrap_one_img.png);
  margin-top: 57px;
  float: right;
}
p.wrap_one_title{
   color: #143173;
   font-size: 84px;
   margin-top: 66px;
}
p.wrap_one_un{
  color: #666666;
  font-size: 35px;
  margin-top: 10px;
}
p.wrap_one_cont{
  color: #0f0f0f;
  font-size: 19px;
  margin-top: 37px;
  line-height: 25px;
  font-family: Calibri;
}
.wrap_two{
   height: 667px;
   background-color:#153577;
   background-image: url(../images/wrap_two.jpg);
}
.wrap_two_center{
  width: 1024px;
  height:  667px;
  margin: 0 auto;
}
.drinks_wrap{
  width: 1024px;
  height: 1px;
  margin-top: 141px;
  float: left;
}
.drinks{
  width: 173px;
  height: 300px;
  float: left;
  margin-left: 38px;
}
.drinks1{
    width: 173px;
  height: 300px;
  float: left;
}
.drinks5{
      width: 173px;
  height: 300px;
  float: right;
     margin: 0 auto;
}
.drinks_img{
   width: 147px;
   height: 147px;
   background-image: url(../images/drinks/1.png);
   margin: 0 auto;
}
.drinks_img:hover{
  background-position: bottom;
}
.drinks_img1{
   width: 147px;
   height: 147px;
   background-image: url(../images/drinks/2.png);
      margin: 0 auto;
}
.drinks_img1:hover{
  background-position: bottom;
}
.drinks_img2{
   width: 147px;
   height: 147px;
   background-image: url(../images/drinks/3.png);
      margin: 0 auto;
}
.drinks_img2:hover{
  background-position: bottom;
}
.drinks_img3{
   width: 147px;
   height: 147px;
   background-image: url(../images/drinks/4.png);
      margin: 0 auto;
}
.drinks_img3:hover{
  background-position: bottom;
}
.drinks_img4{
   width: 147px;
   height: 147px;
   background-image: url(../images/drinks/5.png);
      margin: 0 auto;
}
.drinks_img4:hover{
  background-position: bottom;
}
#prev88{
  background-position: bottom;
  width: 38px;
  height: 38px;
  overflow: hidden;
}
.drinks_text{
  color: white;
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
}
.wrap_three{
  height: 100vh;
  background-image: url(../images/reklama.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.wrap_three_center{
  width: 1024px;
  height: 512px;
  margin: 0 auto;
}
.footer{
  height: 139px;
  background-color: #143173;
}
.footer_center{
  width: 1024px;
  height: 139px;
  margin: 0 auto;
}
.footer_logo{
  width: 158px;
  height: 103px;
  background-image: url(../images/footer_logo.png);
  float: left;
  margin-top: 20px;
}
.footer_adress{
  width: 261px;
  height: 103px;
  float: left;
  margin-left: 90px;
  margin-top: 10px;
}
.footer_adress img{
  padding-right: 10px;
}
p.footer_cont{
  font-size: 17px;
  color: #ffffff;
  line-height: 30px;
  margin-left: 30px;
}
.footer_menu{
  width: 147px;
  height: 103px;
  margin-left: 63px;
  float: left;
  margin-top: 4px;
}
ul.menufooter{
  
}
ul.menufooter li{
   display: block;
}
.footer_menu_right{
  float: left;
  width: 100px;
  height: 103px;
    margin-top: 4px;
}
ul.menufooter a{
  color: #ffffff;
}
ul.menufooter a:hover{
  text-decoration: none;
}
ul.menufooter li{
  margin-top: 11px;
}
.footer_designed{
   width: 88px;
   height: 69px;
   margin-top: 10px;
   margin-bottom: 20px;
   color: #fff;
   text-align: center;
}
.footer_designed a{
  color: inherit;
  text-decoration: underline;
}
.download{
  width: 135px;
  height: 24px;
  background-color: white;
  border-radius: 16px;
  text-align: center;
  color: #143173;
  margin-top: 18px;
}
.footer_right{
  float: right;
}
.contacts_wr{
  width: 100px;
  height: 300px;
  float: left;
}

.call_back_cotnt{
  display: none;
}

.drinks_img a{
  display: block; /* ����� ��� ����� ������� */
     text-align: center; /* ����������� �� ������ */
     height: 100%; /* ����� �� ��� ���� */
     color: #666; /* ���� ����� */
}
.drinks_img1 a {
     display: block; /* ����� ��� ����� ������� */
     text-align: center; /* ����������� �� ������ */
     height: 100%; /* ����� �� ��� ���� */
     color: #666; /* ���� ����� */
    }

   .drinks_img2 a {
     display: block; /* ����� ��� ����� ������� */
     text-align: center; /* ����������� �� ������ */
     height: 100%; /* ����� �� ��� ���� */
     color: #666; /* ���� ����� */
    }

    .drinks_img3 a {
     display: block; /* ����� ��� ����� ������� */
     text-align: center; /* ����������� �� ������ */
     height: 100%; /* ����� �� ��� ���� */
     color: #666; /* ���� ����� */
    }

    .drinks_img4 a {
     display: block; /* ����� ��� ����� ������� */
     text-align: center; /* ����������� �� ������ */
     height: 100%; /* ����� �� ��� ���� */
     color: #666; /* ���� ����� */
    }








