/*POPUP*/
.popup {
  background: #E70060;
  padding: 10px;
  position: absolute;
  width: 500px;
height: 575px;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -275px;
  z-index: 100;
  color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.popup h2 {
  text-align: center;
  margin: 25px auto;
  vertical-align: bottom;
}
.popup h2 .icon20 {
  background: url(images/icon20.jpg) no-repeat;
  height: 58px;
  width: 91px;
  margin-left: 5px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: bottom;
}

.popup .close {
  background: url(images/close.jpg) 100% 50% no-repeat;
  height: 29px;
  line-height: 29px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  padding-right: 35px;
  font-size: 9px;
  text-decoration: none;
}
.popup .close:hover
{
  text-decoration: underline;
}

.popup form {
  margin: 10px auto;
}
.popup form div{
  margin-bottom: 11px;
  text-align: center;
  margin: 0 auto;
}
.width_div{
width:400px
}
.popup form input, .popup form textarea {
    -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.popup form input {
  height: 30px;
  width: 70%;
  float: right;
}
.popup form button {
  font-size: 14px;
 text-align: center;
  width: 220px;
  height: 35px;
  color: #fff;
  border: none;
  background: #40a2cf;
  margin: 10px auto;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.popup form label {
  width: 30%;
  
}

.popup form textarea {
  width: 100%;
}
.popup ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.popup ul li {
  float: left;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  font-size: 9px;
  line-height: 11px;
}


.popup ul li.icon {
  float: left;
  /* margin: 0 1px; */

  width: 71px;
  height: 105px;
  position: relative;
  text-align: center;
  color: #E70060;
  cursor: pointer;

}

	.podskazka {
display: block;
position: absolute;
top: 167px;
left: 66px;
color: #666;
}

.popup ul li.icon i {
  display: inline-block;
  width: 51px;
  height: 75px;
  background: url(images/icon-sprite-3.png) no-repeat;
}


.popup ul li.icon:hover {
  background: #ea2473;
  -webkit-box-shadow:inset 0px 0px 10px 0 rgba(33,33,33,0.3);
  box-shadow:inset 0px 0px 10px 0 rgba(33,33,33,0.3);
  color: #fff;
}

.popup ul li.actv {
  background: #ea2473;
  -webkit-box-shadow:inset 0px 0px 10px 0 rgba(33,33,33,0.3);
  box-shadow:inset 0px 0px 10px 0 rgba(33,33,33,0.3);
  color: #fff;
}
.popup ul li.sun i {
background-position: -109px 0px;
}

.popup ul li.love i {
background-position: -159px 0;
}

.popup ul li.candy i {
background-position: -53px 0;
}

.popup ul li.flight i {
background-position: -212px 0;
}

.popup ul li.happy i {
background-position: -265px 0;
}

.popup ul li.holiday i {
background-position: -318px 0;
}






.wrapper.action {
	width: 1000px;
	margin: 0 auto;
  padding-top: 60px;


}
.wrapper.action .nav {
  width: 100%;
  margin: 0 auto 30px auto;
  clear: both;
}
.wrapper.action .nav ul {
	list-style: none;
	display: table;	

  width: 100%;
}
.wrapper.action .nav ul li {
	/*display: table-cell;*/
  float: left;
 
  height: 40px;
  line-height: 33px;
}
.wrapper.action .nav ul li.active a {
  text-decoration: none;
  color: #000;
}


.wrapper.action .nav ul li + li {
   margin-left: 65px;
}
.wrapper.action .nav ul li:last-child {
  margin-left: 75px;
}
.wrapper.action .nav ul li.photo {
	background: url(images/icon-menu-1.png) no-repeat;
	padding-left: 40px;

}

.wrapper.action .nav ul li.action {
  background: url(images/icon-menu-2.png) no-repeat;
  padding-left: 40px;

}

.wrapper.action .nav ul li.congratulation {
  background: url(images/icon-menu-3.png) no-repeat;
  padding-left: 45px;

}
.wrapper.action .nav ul li.interview {
  background: url(images/icon-menu-4.png) no-repeat;
  padding-left: 45px;

}

.wrapper.action  .splash {
  background: url(images/20years.png) no-repeat;
  height: 601px;
  width: 991px;
  position: relative;
  margin-top: 70px;
}

.wrapper.action  .splash div.icon-bubble {
  position: absolute;
}
.wrapper.action  .splash div.icon-bubble .circle {
  display: block;
  width: 90px;
  height: 90px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
  background: #fff;
  position: relative;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}


.wrapper.action  .splash div.icon-bubble:hover .circle {

 background: #e11863; 
 cursor: pointer;
}


.wrapper.action  .splash div.icon-bubble .circle i {
  width: 68px;
  height: 68px;
  display: block;
  background: url(images/icon-sprite.png) no-repeat;
  position: absolute;
  top: 11px;
  left: 11px;
}


.wrapper.action  .splash div.icon-1 {
  top: 230px;
  left: 372px;
}


.wrapper.action  .splash div.icon-2 {
  top: 131px;
  left: 397px;
}



.wrapper.action  .splash div.icon-3 {
  top: 36px;
  left: 462px;
}

.wrapper.action  .splash div.icon-4 {
  top: -14px;
  left: 550px;
}
.wrapper.action  .splash div.icon-5 {
  top: -38px;
  left: 653px;
}

.wrapper.action  .splash div.icon-6 {
  top: -14px;
  left: 755px;
}

.wrapper.action  .splash div.icon-7 {
  top: 36px;
  left: 838px;
}

.wrapper.action  .splash div.icon-8 {
  top: 131px;
  left: 903px;
}


.wrapper.action  .splash div.icon-9 {
  top: 230px;
  left: 920px;
}


.wrapper.action  .splash  div.icon-1:hover i {
  background-position: -68px 0;
}


.wrapper.action  .splash div.icon-2 .circle i {
  background-position: 0 -69px;
}

.wrapper.action  .splash  div.icon-2:hover i {
  background-position: -68px -69px;
}

.wrapper.action  .splash div.icon-3 .circle i {
  background-position: 0 -138px;
}

.wrapper.action  .splash  div.icon-3:hover i {
  background-position: -68px -138px;
}
.wrapper.action  .splash div.icon-4 .circle i {
  background-position: 0 -208px;
}
.wrapper.action  .splash  div.icon-4:hover i {
  background-position: -68px -208px;
}
.wrapper.action  .splash div.icon-5 .circle i {
  background-position: 0 -276px;
}
.wrapper.action  .splash  div.icon-5:hover i {
  background-position: -68px -276px;
}
.wrapper.action  .splash div.icon-6 .circle i {
  background-position: 0 -344px;
}
.wrapper.action  .splash  div.icon-6:hover i {
  background-position: -68px -344px;
}
.wrapper.action  .splash div.icon-7 .circle i {
  background-position: 0 -413px;
}
.wrapper.action  .splash  div.icon-7:hover i {
  background-position: -68px -413px;
}

.wrapper.action  .splash div.icon-8 .circle i {
  background-position: 0 -483px;
}
.wrapper.action  .splash  div.icon-8:hover i {
  background-position: -68px -483px;
}
.wrapper.action  .splash div.icon-9 .circle i {
  background-position: 0 -552px;
}
.wrapper.action  .splash  div.icon-9:hover i {
  background-position: -68px -552px;
}

.wrapper.action  .splash div.icon-bubble a {
  display: none;
  position: absolute;
  top: 20px;
  left: 100px;
  width: 170px;
}

.wrapper.action  .splash div.icon-bubble:hover a {
  display: block;
}

.wrapper.action  .splash div.icon-6 a {
  top: 10px;
}
.wrapper.action  .splash div.icon-5 a {
  top: -35px;
  left: -40px;
  width: 200px;
}

.wrapper.action  .splash div.icon-4 a {
  top: -45px;
  left: -40px;
  width: 220px;
}

.wrapper.action  .splash div.icon-3 a {
  top: 35px;
}
.wrapper.action  .splash div.icon-2 a {
  top: 35px;
}
.wrapper.action  .splash div.icon-1 a {
  top: 35px;
}

.wrapper.action .gallery {
  overflow: hidden;
}

.wrapper.action .gallery .year {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  margin-right: 50px;
  margin-bottom: 50px;
  font-size: 11px;
  line-height: 14px;
}

.wrapper.action .gallery .year span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  line-height: 42px;
}

.wrapper.action .gallery .photos {
  float: left;
  width: 700px;
   margin-bottom: 50px;
}

.wrapper.action .gallery .photos img {
  display: inline-block;
  float: left;
}

.wrapper.action .action-list {
  -webkit-column-count:4;  
  -moz-column-count:4;  
  column-count:4;  

}

.wrapper.action .action-list .item {
/*  float: left;
  width: 260px;*/
  height: 400px;
  /*margin: 20px;*/
 -webkit-column-break-inside:avoid;
        -moz-column-break-inside:avoid;
        column-break-inside:avoid;
        display: block;
        min-height: 200px;
}

.wrapper.action .action-list .item.active {
  opacity: 1;
  width: 248px;
}

.wrapper.action .action-list .item p {
  text-align: left;
  padding-right: 30px;
  font-size: 11px;
  wh
}

.wrapper.action .action-list .item .title {
  color: #e40d62;
  font-weight: 300;
  font-size: 16px;
}
.wrapper.action .action-list .item .title strong {
  font-weight: 700;
}

.wrapper.action .interview {
   overflow: hidden;
}

.wrapper.action .interview .item {
  float: left;
  width: 290px;
  margin: 20px;
  text-align: center;
}
.popup div.error {
position: absolute;
background: #000;
width: 100px;
border-radius: 5px;
font-size: 11px;
right: -57px;
}
.wrapper.action .interview .item .title {
  font-size: 30px;
  line-height: 32px;
  font-style: italic;
  font-family: Georgia, serif;
  margin-bottom: 10px;
}
.wrapper.action .interview .item p {
  font-size: 16px;
}
.wrapper.action .interview .item p span {
  font-size: 10px;
  display: block;
}


.wrapper.action .congratulation {
  overflow: hidden;
}

.wrapper.action .congratulation .item {
  float: left;
  margin: 20px 25px;
  text-align: center;

}

.wrapper.action .congratulation .item img {
  border: 4px solid #f0ebe8;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(33,33,33,0.3);
box-shadow: 2px 2px 2px 0 rgba(33,33,33,0.3);
}

.wrapper.action .congratulation .item p {
  font-size: 10px;
  line-height: 11px;
}
.wrapper.action .congratulation .item .title a {
  font-size: 12px;
}

.link-side {
  position: absolute;
  right: 0; 
  top: 50%;
  width: 75px;
  height: 51px;
  background: url(images/link-side.png) no-repeat;
  text-indent: -9999px;
}