@font-face {
  font-family: 'flower';
  src: url('fonts/p8ee2r7f-webfont.eot');
  src: url('fonts/p8ee2r7f-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/p8ee2r7f-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'buble';
  src: url('fonts/tkj8ch99-webfont.eot');
  src: url('fonts/tkj8ch99-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/tkj8ch99-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



body {
  margin: 0 auto;
  width: 100%;
  background: #fff;
  font-family: Comfortaa, Tahoma, sans-serif;
  line-height: 1.2;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-weight: normal;
  margin: 0;
}
b, strong {
 font-weight: normal;
}

ul, menu, dir {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
img {
  display: block;
  margin: 0;
}

a {
  text-decoration: none;
  color: #000;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
}
div, input {
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  position: relative;
}





.main_wr_1 {
  position: static;
  width: 100%;
  min-height: 100vh;
  background: url(images/bg_1.jpg) no-repeat center fixed;
  background-size: cover;
  overflow: hidden;
}
.wr1_div_right {
  float: right;
  width: 100%;
  z-index: 2;
  max-width: 55%;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 60px 70px 36px 30px;
  background: url(images/bg_2_round.png) repeat-y 10px top, url(images/bg_2.jpg) repeat center;
  color: #fff;
  text-align: right;
  animation: bounceInRight 1s 0.8s backwards;
  -webkit-animation: bounceInRight 1s 0.8s backwards;
}
.main_title_1 {
  font-size: 62px;
  display: block;
  font-family: buble;
  text-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2);
  animation: bounceInLeft 1s 1.5s backwards;
  -webkit-animation: bounceInLeft 1s 1.5s backwards;
}
.wr1_figure {
  display: inline-block;
  position: relative;
  margin: 50px 0 40px;
  animation: bounceInLeft 1s 1.8s backwards;
  -webkit-animation: bounceInLeft 1s 1.8s backwards;
}
.main_title_2 {
  font-size: 30px;
  font-family: buble;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
  animation: bounceInLeft 1s 2.1s backwards;
  -webkit-animation: bounceInLeft 1s 2.1s backwards;
}
.main_title_2 span {
  font-size: 46px;
}
.main_title_3 {
  font-size: 51px;
  font-family: buble;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
  margin: 40px 0 65px;
  animation: bounceInLeft 1s 2.4s backwards;
  -webkit-animation: bounceInLeft 1s 2.4s backwards;
}
.wr1_text1 {
  font-size: 18px;
  color: #1b5359;
  animation: bounceInRight 1s 2.7s backwards;
  -webkit-animation: bounceInRight 1s 2.7s backwards;
}


.wr1_div_left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wr1_girl_1 {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: bounceInUp 1s 0s;
  -webkit-animation: bounceInUp 1s 0s;
}
.wr1_girl_2 {
  position: absolute;
  width: 564px;
  height: 452px;
  background: url(images/girl_2.png) no-repeat top center;
  background-size: contain;
  bottom: 265px;
  left: 75px;
  box-sizing: border-box;
  text-align: center;
  padding: 128px 140px 0 112px;
  font-size: 36px;
  z-index: 1;
  color: #594e54;
  animation: bounceIn 1s 0.8s backwards;
  -webkit-animation: bounceIn 1s 0.8s backwards;
}












.main_wr_2 {
  position: static;
  width: 100%;
  background: url(images/bg_3.jpg) no-repeat center fixed #fff;
  background-size: cover;
  overflow: hidden;
  padding: 50px 15px 70px;
  box-sizing: border-box;
}
.wr_center {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.wr2_title {
  font-size: 48px;
  text-align: center;
  color: #d96d0e;
  font-family: flower;
  text-shadow: 5px 5px 0 rgba(242, 161, 90, 0.4);
}
.wr2_figure {
  position: relative;
  margin: 35px auto 45px;
}

.wr2_block_wr {
  text-align: left;
  font-size: 30px;
  color: #706573;
  box-sizing: border-box;
  padding: 5px 0 5px 235px;
  margin: 0 0 50px;
  min-height: 112px;
  cursor: pointer;
}
.wr2_bl_img {
  position: absolute;
  top: 0;
  left: 85px;
}
.wr2_bl_arr {
  position: absolute;
  top: 90px;
  left: 190px;
}
.wr2_bl_flash {
  position: absolute;
  left: 0;
  top: -3px;
  opacity: 0;
}
.wr2_block_wr:hover {
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
}
.wr2_block_wr:hover .wr2_bl_flash {
  opacity: 1;
}

.wr2_block1_wr {
  padding: 5px 110px 5px 170px;
  color: #e67e22;
}
.wr2_block1_wr .wr2_bl_img {
  left: 17px;
}
.wr2_block1_wr .wr2_bl_arr {
  left: 122px;
}
.wr2_block1_wr .wr2_bl_flash {
  left: -68px;
}


.a_subs_form {
  display: block;
  margin: 85px auto 0;
  color: #fff;
  font-family: flower;
  font-size: 48px;
  text-align: center;
  line-height: 1;
  height: 90px;
  width: 100%;
  max-width: 410px;
  box-sizing: border-box;
  padding: 21px 10px 0;
  border-radius: 45px;
  background-color: #bc121f;
  box-shadow: 3px 5px 0 0 rgba(188, 18, 31, 0.35);
}
.a_subs_form:hover {
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
}









.main_wr_3 {
  position: static;
  width: 100%;
  background: url(images/bg_4.jpg) repeat top left;
  overflow: hidden;
  padding: 95px 15px 60px;
  box-sizing: border-box;
  text-align: center;
}
.wr3_title {
  color: #36464f;
  text-shadow: 2px 2px 0 rgba(54, 70, 79, 0.35);
  font-size: 36px;
}
.wr3_arrow {
  margin: 20px auto 30px;
}

.wr3_block_wr {
  color: #36464f;
  font-size: 21px;
  box-sizing: border-box;
  padding: 5px 23px 40px;
  display: inline-block;
  vertical-align: top;
  width: 33%;
  cursor: pointer;
}
.wr3_bl_flash {
  position: absolute;
  left: 50%;
  top: -99px;
  margin: 0 0 0 -81.5px;
  opacity: 0;
}
.wr3_block_wr:hover {
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
}
.wr3_block_wr:hover .wr3_bl_flash {
  opacity: 1;
}

.wr3_bl_img {
  position: relative;
  margin: 0 auto 10px;
}






.main_wr_4 {
  position: static;
  width: 100%;
  background: url(images/bg_5.jpg) no-repeat top center fixed;
  background-size: cover;
  overflow: hidden;
  padding: 17px 15px 70px;
  box-sizing: border-box;
  text-align: center;
}
.wr4_title {
  color: #632222;
  font-family: flower;
  font-size: 48px;
  display: inline-block;
  line-height: 1;
  padding: 32px 75px;
  background: #fff;
  margin: 0 auto 40px;
  text-shadow: 5px 5px 0 rgba(99, 34, 34, 0.35);
}

.wr4_bl1_t_wr {
  text-align: left;
}
.wr4_bl1_title, .wr4_bl2_title, .wr4_bl3_title {
  color: #276163;
  font-size: 48px;
  display: inline-block;
  transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
.wr4_bl1_arr {
  position: absolute;
  right: -70px;
  top: 0;
}
.wr4_block1_wr {
  text-align: center;
  margin: 0 auto 30px;
}

.wr4_photo_wr {
  display: inline-block;
  vertical-align: top;
  width: 35%;
  text-align: right;
}
.wr4_photo_1 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
  max-width: 328px;
}

.wr4_bl1_wr {
  width: 64%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
  padding: 45px 0 25px 30px;
}
.wr4_name {
  font-size: 48px;
  color: #5d3a29;
  line-height: 1;
  box-sizing: border-box;
  display: inline-block;
  background-color: #fff;
  border-radius: 36px;
  padding: 10px 26px 14px;
  margin: 0 auto 45px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
}
.wr4_reg_wr {
  box-sizing: border-box;
  padding: 0 0 0 57px;
}
.wr4_reg {
  color: #5d3a29;
  font-size: 18px;
  line-height: 1;
  padding: 6px 9px 8px;
  background-color: #fff;
  border-radius: 16px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 13px;
  cursor: pointer;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
}
.wr4_reg_img {
  position: absolute;
  left: -40px;
  top: -1px;
}
.wr4_reg:hover {
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
}



.wr4_bl2_t_wr {
  text-align: right;
}
.wr4_bl2_title {
  transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
.wr4_bl2_arr {
  position: absolute;
  left: -70px;
  top: 0;
}
.wr4_block2_wr {
  text-align: center;
  color: #5d3a29;
  margin: 30px 0 40px;
}
.wr4_block2_wr div {
  display: inline-block;
  line-height: 23px;
  font-size: 21px;
  background-color: #fff;
  padding: 6px 9px;
  border-radius: 25px;
  max-width: 640px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
}
.wr4_block2_wr div.wr4_bl2_text {
  line-height: 34px;
  font-size: 34px;
  margin: 0 auto 5px;
  padding: 10px 13px;
}
.wr4_bl3_title {
  box-sizing: border-box;
  padding: 0 0 0 100px;
}






.main_wr_5 {
  position: static;
  width: 100%;
  background: url(images/bg_6.jpg) no-repeat top center fixed;
  background-size: cover;
  overflow: hidden;
  padding: 100px 15px 0;
  box-sizing: border-box;
  text-align: center;
}
.wr5_title {
  font-size: 48px;
  color: #5d2b2b;
  font-family: flower;
  text-shadow: 5px 5px 0 rgba(99, 34, 34, 0.35);
}
.wr5_arr {
  margin: 17px auto 30px;
}
.wr5_text {
  color: #fff;
  font-size: 24px;
  box-sizing: border-box;
  background-color: #5d2b2b;
  box-shadow: 4px 4px 0 rgba(99, 34, 34, 0.35);
  border-radius: 15px;
  padding: 15px;
  max-width: 830px;
  margin: 0 auto;
}






.site-footer-wr {
  width: 100%;
  min-height: 100px;
  padding: 20px 0;
  box-sizing: border-box;
  font-size: 14px;
}
.footer-center {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  max-width: 1100px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 20px;
}
.footer-cr {
  display: inline-block;
  width: 70%;
  text-align: left;
  margin: 10px auto;
  vertical-align: middle;
}

.footer-dev-wr {
  display: inline-block;
  width: 29%;
  text-align: right;
  vertical-align: middle;
  min-width: 220px;
}
.footer-dev {
  display: inline-block;
  padding: 0 0 0 103px;
  background: url(images/dev-by.png) no-repeat bottom left;
}





.hover_pattern {
  background: url(images/hover_pattern.png) repeat-x top left;
  width: 100%;
  position: absolute;
  z-index: 10;
  height: 60px;
  margin: -30px 0 0;
  left: 0;
}

#subs_form {
  max-width: 500px;
  width: 100%;
  margin: 100px auto 40px;
}




.wr2_title, .wr2_figure, .wr3_title, .wr3_arrow, .wr4_bl1_title, .wr4_bl2_title, .wr4_bl3_title, .wr5_arr {
  animation: bounceIn 1s 0.5s backwards;
  -webkit-animation: bounceIn 1s 0.5s backwards;
}
.wr2_block_wr, .wr4_block1_wr, .wr4_block3_wr {
  animation: bounceInLeft 1s 0.5s backwards;
  -webkit-animation: bounceInLeft 1s 0.5s backwards;
}
.wr2_block1_wr, .wr4_block2_wr, .wr5_text {
  animation: bounceInRight 1s 0.5s backwards;
  -webkit-animation: bounceInRight 1s 0.5s backwards;
}
.a_subs_form, .wr3_block_wr, .wr4_title, .wr5_title {
  animation: flipInX 1s 0.5s backwards;
  -webkit-animation: flipInX 1s 0.5s backwards;
}

.a_s_p {
  animation-play-state: paused;
}




@media screen and (max-width: 1000px) {

.wr1_div_right {
  padding: 40px 40px 36px 30px;
}
.main_title_1 {
  font-size: 50px;
}
.main_title_3 {
  font-size: 40px;
}
.wr1_girl_1 {
  width: 290px;
}
.wr1_girl_2 {
  width: 450px;
  height: 361px;
  bottom: 282px;
  left: 0px;
  padding: 109px 140px 0 112px;
  font-size: 26px;
}



.wr2_block_wr {
  font-size: 21px;
}



.wr3_block_wr {
  width: 49%;
}



}




@media screen and (max-width: 860px) {

.footer-cr, .footer-dev-wr {
  display: block;
  width: 100%;
  text-align: center;
}

}





@media screen and (max-width: 700px) {


.wr1_div_left {
  position: relative;
  height: auto;
}
.wr1_girl_2 {
  position: relative;
  bottom: auto;
  left: auto;
}
.wr1_girl_1 {
  position: relative;
  bottom: auto;
  left: auto;
}

.wr1_div_right {
  max-width: 100%;
  float: none;
  text-align: center;
  padding: 40px 20px 36px;
}




.wr2_block_wr, .wr2_block1_wr {
  padding: 5px;
  font-size: 18px;
  text-align: center;
}
.wr2_bl_img, .wr2_block1_wr .wr2_bl_img {
  position: relative;
  left: auto;
  top: auto;
  margin: 0 auto 11px;
}
.wr2_bl_arr, .wr2_block1_wr .wr2_bl_arr {
  left: 50%;
  margin: -8px 0 0 50px;
}
.wr2_bl_flash, .wr2_block1_wr .wr2_bl_flash {
  left: 50%;
  margin: 0 0 0 -127px;
}



.wr4_block1_wr {
  margin: 40px auto 30px;
}
.wr4_photo_wr {
  width: 100%;
  display: block;
  text-align: center;
}
.wr4_bl1_wr {
  width: 100%;
  display: block;
  padding: 45px 0 25px;
}
.wr4_bl1_title, .wr4_bl2_title, .wr4_bl3_title, .wr4_name {
  font-size: 36px;
}
.wr4_bl2_arr {
  left: -55px;
  width: 50px;
  height: auto;
}
.wr4_bl1_arr {
  right: -55px;
  width: 50px;
  height: auto;
}
.wr5_text {
  font-size: 18px;
}


}





@media screen and (max-width: 520px) {


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

}