@font-face {
    font-family: 'pf_kids_prograde_one';
    src: url('../fonts/pfkidspro-gradeone-webfont.eot');
    src: url('../fonts/pfkidspro-gradeone-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfkidspro-gradeone-webfont.woff2') format('woff2'),
         url('../fonts/pfkidspro-gradeone-webfont.woff') format('woff'),
         url('../fonts/pfkidspro-gradeone-webfont.ttf') format('truetype'),
         url('../fonts/pfkidspro-gradeone-webfont.svg#pf_kids_prograde_one') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_libera_proliberissima';
    src: url('../fonts/pfliberapro-libersma-webfont.eot');
    src: url('../fonts/pfliberapro-libersma-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfliberapro-libersma-webfont.woff2') format('woff2'),
         url('../fonts/pfliberapro-libersma-webfont.woff') format('woff'),
         url('../fonts/pfliberapro-libersma-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




.svg_1 .st0{fill:#EDCBB7;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
.svg_1 .st1{fill:#111212;}
.svg_1 .st2{fill:none;stroke:#000100;stroke-width:0.5;stroke-miterlimit:10;}
.svg_1 .st3{fill:#E6DCEC;}
.svg_1 .st4{fill:#CC254E;stroke:#000100;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st5{fill:#EFCEC7;stroke:#000100;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st6{fill:#EFCEC7;stroke:#000100;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st7{fill:#84287C;stroke:#010302;stroke-width:0.8624;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st8{fill:#84287C;}
.svg_1 .st9{fill:none;stroke:#111212;stroke-width:1.6;stroke-linejoin:bevel;stroke-miterlimit:10;}
.svg_1 .st10{fill:none;stroke:#000100;stroke-miterlimit:10;}
.svg_1 .st11{fill:#EEED92;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
.svg_1 .st12{fill:#000100;stroke:#000100;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st13{fill:#BC1B7A;}
.svg_1 .st14{fill:#494869;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
.svg_1 .st15{fill:#F0D332;}
.svg_1 .st16{fill:#F3EB46;}
.svg_1 .st17{fill:none;stroke:#000100;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st18{fill:none;stroke:#000100;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st19{font-family:'OldStandard-Bold';}
.svg_1 .st20{fill:#CC214D;stroke:#000100;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st21{fill:#B81C6E;stroke:#EFCEC7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st22{fill:#000100;stroke:#000100;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st23{fill:#E6DCEC;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
.svg_1 .st24{font-size:7.2;}
.svg_1 .st25{fill:none;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
.svg_1 .st26{fill:#84287C;stroke:#010302;stroke-width:1.0029;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st27{fill:#000100;}
.svg_1 .st28{fill:#010302;}
.svg_1 .st29{fill:#D98EA6;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
.svg_1 .st30{fill:none;stroke:#111212;stroke-width:1.8569;stroke-linecap:round;stroke-miterlimit:10;}
.svg_1 .st31{fill:#DDE150;}
.svg_1 .st32{fill:none;stroke:#000100;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st33{fill:#F8E7D6;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.svg_1 .st34{fill:none;stroke:#111212;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}


.svg_2 .st0{fill:#3C653D;stroke:#010302;stroke-width:0.8624;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st1{fill:#111212;}
    .svg_2 .st2{fill:#E0C1D9;}
    .svg_2 .st3{fill:#3C653D;stroke:#111212;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st4{fill:none;stroke:#111212;stroke-width:1.6;stroke-linejoin:bevel;stroke-miterlimit:10;}
    .svg_2 .st5{fill:#F0D332;}
    .svg_2 .st6{font-family:'OldStandard-Bold';}
    .svg_2 .st7{fill:#7DC3D2;stroke:#3A643C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st8{fill:none;stroke:#3A643C;stroke-miterlimit:10;}
    .svg_2 .st9{fill:#BC1A7A;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_2 .st10{fill:#C03F2B;stroke:#3A643C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st11{fill:#3C653D;stroke:#010302;stroke-width:1.0029;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st12{font-size:7.2;}
    .svg_2 .st13{fill:#D7C039;stroke:#3A643C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st14{fill:#DE8C38;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_2 .st15{fill:#CB244E;}
    .svg_2 .st16{fill:#EDC2A8;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_2 .st17{fill:#7CC3D2;stroke:#3A643C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st18{fill:#3A643C;stroke:#3A643C;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st19{fill:none;stroke:#3A643C;stroke-width:0.5;stroke-miterlimit:10;}
    .svg_2 .st20{fill:#C03F2B;stroke:#3A643C;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st21{fill:#010302;}
    .svg_2 .st22{fill:none;stroke:#3A643C;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st23{fill:none;stroke:#3A643C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st24{fill:none;stroke:#3A643C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st25{fill:#3A643C;}
    .svg_2 .st26{fill:none;stroke:#111212;stroke-width:1.8569;stroke-linecap:round;stroke-miterlimit:10;}
    .svg_2 .st27{fill:#3C653D;}
    .svg_2 .st28{fill:#D572A9;stroke:#7DC3D2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st29{fill:#3A643C;stroke:#3A643C;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st30{fill:#D6C03A;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_2 .st31{fill:#DE8C38;}
    .svg_2 .st32{fill:#3C653D;stroke:#111212;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_2 .st33{fill:none;stroke:#111212;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.svg_3 .st0{fill:#111212;}
    .svg_3 .st1{fill:#8F505C;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_3 .st2{fill:#F2EB46;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_3 .st3{fill:none;stroke:#1D353A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st4{fill:none;stroke:#1D353A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st5{fill:#1D353A;stroke:#1D353A;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st6{fill:#84287C;stroke:#010302;stroke-width:0.8624;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st7{fill:#84287C;}
    .svg_3 .st8{fill:#F3EB46;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_3 .st9{fill:#4E3962;stroke:#111212;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st10{fill:none;stroke:#111212;stroke-width:1.6;stroke-linejoin:bevel;stroke-miterlimit:10;}
    .svg_3 .st11{fill:#1D353A;}
    .svg_3 .st12{fill:#1E353A;}
    .svg_3 .st13{fill:none;stroke:#1E353A;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st14{fill:#CB3990;stroke:#1D353A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st15{fill:none;stroke:#1E353A;stroke-miterlimit:10;}
    .svg_3 .st16{fill:#BBDEE8;}
    .svg_3 .st17{fill:#F0D332;}
    .svg_3 .st18{fill:#F2EB46;}
    .svg_3 .st19{fill:#F3EB46;}
    .svg_3 .st20{fill:#EBC53C;stroke:#1D353A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st21{font-family:'OldStandard-Bold';}
    .svg_3 .st22{fill:#C2308E;stroke:#E1C9D6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st23{fill:#1D353A;stroke:#1D353A;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st24{font-size:7.2;}
    .svg_3 .st25{fill:#CB3990;stroke:#1D353A;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st26{fill:none;stroke:#1E353A;stroke-width:0.5;stroke-miterlimit:10;}
    .svg_3 .st27{fill:#84287C;stroke:#010302;stroke-width:1.0029;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st28{fill:#010302;}
    .svg_3 .st29{fill:none;stroke:#111212;stroke-width:1.8569;stroke-linecap:round;stroke-miterlimit:10;}
    .svg_3 .st30{fill:#84297C;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_3 .st31{fill:#DDE150;}
    .svg_3 .st32{fill:#CF80B1;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_3 .st33{fill:none;stroke:#111212;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st34{fill:#94C591;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_3 .st35{fill:#CA96BF;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_3 .st36{fill:#E1C9D6;stroke:#1D353A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_3 .st37{fill:#E1C9D6;stroke:#1D353A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st0{fill:#452218;stroke:#010302;stroke-width:0.8624;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st1{fill:#AAD5DB;}
    .svg_4 .st2{fill:#AAD5DB;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_4 .st3{fill:#111212;}
    .svg_4 .st4{fill:#452117;stroke:#111212;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st5{fill:#F2E3B8;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_4 .st6{fill:none;stroke:#111212;stroke-width:1.6;stroke-linejoin:bevel;stroke-miterlimit:10;}
    .svg_4 .st7{fill:#8B3C68;stroke:#F2E3B8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st8{fill:#AAD5DC;stroke:#452117;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st9{fill:none;stroke:#452117;stroke-miterlimit:10;}
    .svg_4 .st10{fill:#D76E2D;stroke:#452117;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st11{fill:#F2E3B8;stroke:#452117;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st12{fill:#F2E3B8;stroke:#452117;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st13{fill:#D76E2D;stroke:#452117;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st14{fill:#F0D332;}
    .svg_4 .st15{fill:none;stroke:#452117;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st16{font-family:'OldStandard-Bold';}
    .svg_4 .st17{fill:#CB244E;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_4 .st18{fill:#452218;stroke:#010302;stroke-width:1.0029;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st19{fill:none;stroke:#452117;stroke-width:0.5;stroke-miterlimit:10;}
    .svg_4 .st20{font-size:7.2;}
    .svg_4 .st21{fill:#D76E2E;stroke:#111212;stroke-width:1.6;stroke-miterlimit:10;}
    .svg_4 .st22{fill:#649E56;}
    .svg_4 .st23{fill:none;stroke:#452117;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st24{fill:none;stroke:#452117;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st25{fill:#452117;stroke:#452117;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st26{fill:#462013;stroke:#452117;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st27{fill:#010302;}
    .svg_4 .st28{fill:#F2E3B8;stroke:#111212;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st29{fill:none;stroke:#111212;stroke-width:1.8569;stroke-linecap:round;stroke-miterlimit:10;}
    .svg_4 .st30{fill:#D76E2E;}
    .svg_4 .st31{fill:#DDE150;}
    .svg_4 .st32{fill:#452117;stroke:#111212;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st33{fill:none;stroke:#111212;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
    .svg_4 .st34{fill:#452117;}
    .svg_4 .st35{fill:#452218;}

.svg-content-responsive {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.svg_div{
	width: 50%;
	display: inline-block;
  cursor: pointer;
}
.main_wrap{
    margin: 0 auto 100px auto;
    width: 55%;
    display: block;
}
.main_title{
  font-family: 'pf_libera_proliberissima';
    font-size: 46px;
    margin: 0 0 30px 0;
    text-align: center;
    color: #bc1b7a;
}
#pt{
    -webkit-transform: translate(0,150%);
  -ms-transform: translate(0,150%);
  -moz-transform: translate(0,150%);
  -o-transform: translate(0,150%);
  transform: translate(0,150%);
	/*display: none;*/
    opacity: 0;
}

#fb_wrap {
	margin: 10px 0 70px;
	text-align: center;
}

body{
	font-size: 0;
  margin: 0;
  padding: 0;
}
.svg_div .all_ob,
.svg_div .all_pt,
.svg_1 #ob .glasses,
.svg_2 #ob .hat_top,
.svg_2 #ob .hat_down_group,
.svg_3 #ob .left_ear,
.svg_3 #ob .right_ear,
.svg_4 #ob .beard,
.svg_3 #ob .tongue_group,
.svg_2 #ob .left_eye,
.svg_2 #ob .right_eye,
.svg_4 #ob .glasses,
.svg_div .snowflake,
.svg_1 .right_hand,
.svg_1 .left_hand_group,
.svg_2 .crest_top,
.svg_2 .group_belt,
.svg_3 .glasses,
.svg_4 .tail{
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
  -webkit-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
-webkit-animation: notransform 1.7s infinite ease;
-moz-animation: notransform 1.7s infinite ease;
-ms-animation: notransform 1.7s infinite ease;
-o-animation: notransform 1.7s infinite ease;
  animation: notransform 1.7s infinite ease;
}
.svg_1 .all_ob{
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
.svg_4 .all_pt{
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.svg_1 #ob .glasses{
 -webkit-transform: translate(0px, -75px);
  -ms-transform: translate(0px, -75px);
  -moz-transform: translate(0px, -75px);
  -o-transform: translate(0px, -75px);
  transform: translate(0px, -75px);   
}
.svg_2 #ob .hat_top,
.svg_2 #ob .hat_down_group{
 -webkit-transform: translate(0px, -55px);
  -ms-transform: translate(0px, -55px);
  -moz-transform: translate(0px, -55px);
  -o-transform: translate(0px, -55px);
  transform: translate(0px, -55px);   
}
.svg_3 #ob .left_ear,
.svg_3 #ob .right_ear{
 -webkit-transform: scale3d(4,1.5,1);
  -ms-transform: scale3d(4,1.5,1);
  -moz-transform: scale3d(4,1.5,1);
  -o-transform: scale3d(4,1.5,1);
  transform: scale3d(4,1.5,1);   
}
.svg_4 #ob .beard{
  transform-origin: 50% 10%;
  -webkit-transform-origin: 50% 10%;
    -ms-transform-origin: 50% 10%;
    -moz-transform-origin: 50% 10%;
    -o-transform-origin: 50% 10%;
 -webkit-transform: scale3d(1,1.5,1);
  -ms-transform: scale3d(1,1.5,1);
  -moz-transform: scale3d(1,1.5,1);
  -o-transform: scale3d(1,1.5,1);
  transform: scale3d(1,1.5,1);   
}
.svg_3 #ob .tongue_group{
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
 -webkit-transform: scale3d(1,-1,1);
  -ms-transform: scale3d(1,-1,1);
  -moz-transform: scale3d(1,-1,1);
  -o-transform: scale3d(1,-1,1);
  transform: scale3d(1,-1,1);  
 }
  .svg_2 #ob .left_eye,
  .svg_2 #ob .right_eye{
 -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);  
 }
 .svg_4 #ob .glasses{
 -webkit-transform: scale3d(1.1,2.3,1);
  -ms-transform: scale3d(1.1,2.3,1);
  -moz-transform: scale3d(1.1,2.3,1);
  -o-transform: scale3d(1.1,2.3,1);
  transform: scale3d(1.1,2.3,1);     
 }
 .svg_div .snowflake{
 -webkit-transform: rotate(360deg) scale3d(1.5,1.5,1);
  -ms-transform: rotate(360deg) scale3d(1.5,1.5,1);
  -moz-transform: rotate(360deg) scale3d(1.5,1.5,1);
  -o-transform: rotate(360deg) scale3d(1.5,1.5,1);
  transform: rotate(360deg) scale3d(1.5,1.5,1); 
 }
 .svg_1 .right_hand{
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
 -webkit-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  -moz-transform: rotate(-70deg);
  -o-transform: rotate(-70deg);
  transform: rotate(-70deg) 
 }
.svg_1 .left_hand_group{
     transform-origin: 0% 50%;
     -o-transform-origin: 0% 50%;
     -ms-transform-origin: 0% 50%;
     -webkit-transform-origin: 0% 50%;
     -moz-transform-origin: 0% 50%;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}    

  .svg_2 .crest_top{
    transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
 -webkit-transform: scale3d(-1,1,1);
  -ms-transform: scale3d(-1,1,1);
  -moz-transform: scale3d(-1,1,1);
  -o-transform: scale3d(-1,1,1);
  transform: scale3d(-1,1,1); 
 }

  .svg_2 .group_belt{
 -webkit-transform: rotate(720deg);
  -ms-transform: rotate(720deg);
  -moz-transform: rotate(720deg);
  -o-transform: rotate(720deg);
  transform: rotate(720deg);
 }
  .svg_3 .glasses,
  .svg_4 .tail{
 -webkit-transform: scale3d(2,2,1);
  -ms-transform: scale3d(2,2,1);
  -moz-transform: scale3d(2,2,1);
  -o-transform: scale3d(2,2,1);
  transform: scale3d(2,2,1); 
 }
.svg_4 .tail{
    transform-origin: 20% 50%;
    -o-transform-origin: 20% 50%;
     -ms-transform-origin: 20% 50%;
     -webkit-transform-origin: 20% 50%;
     -moz-transform-origin: 20% 50%;
 }



@-webkit-keyframes notransform {
  50% {
    -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  }
}
@-ms-keyframes notransform {
  50% {-webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;}
}
@-moz-keyframes notransform {
  50% {-webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;}
}
@-o-keyframes notransform {
  50% {-webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;}
}
@keyframes notransform {
  50% {-webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;}
}

@-webkit-keyframes outAnimation {
  100% {-webkit-transform: translate(0,-150%);
  -ms-transform: translate(0,-150%);
  -moz-transform: translate(0,-150%);
  -o-transform: translate(0,-150%);
  transform: translate(0,-150%);}
}
@-moz-keyframes outAnimation {
  100% {-webkit-transform: translate(0,-150%);
  -ms-transform: translate(0,-150%);
  -moz-transform: translate(0,-150%);
  -o-transform: translate(0,-150%);
  transform: translate(0,-150%);}
}
@-ms-keyframes outAnimation {
  100% {-webkit-transform: translate(0,-150%);
  -ms-transform: translate(0,-150%);
  -moz-transform: translate(0,-150%);
  -o-transform: translate(0,-150%);
  transform: translate(0,-150%);}
}
@-o-keyframes outAnimation {
  100% {-webkit-transform: translate(0,-150%);
  -ms-transform: translate(0,-150%);
  -moz-transform: translate(0,-150%);
  -o-transform: translate(0,-150%);
  transform: translate(0,-150%);}
}
@keyframes outAnimation {
  100% {-webkit-transform: translate(0,-150%);
  -ms-transform: translate(0,-150%);
  -moz-transform: translate(0,-150%);
  -o-transform: translate(0,-150%);
  transform: translate(0,-150%);}
}
@-webkit-keyframes inAnimation {
  100% {-webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);}
}
@-moz-keyframes inAnimation {
  100% {-webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);}
}
@-ms-keyframes inAnimation {
  100% {-webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);}
}
@-o-keyframes inAnimation {
  100% {-webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);}
}
@keyframes inAnimation {
  100% {-webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);}
}
@-webkit-keyframes downAnimation {
  100% {-webkit-transform: translate(0,120%);
  -ms-transform: translate(0,120%);
  -moz-transform: translate(0,120%);
  -o-transform: translate(0,120%);
  transform: translate(0,120%);}
}
@-moz-keyframes downAnimation {
  100% {-webkit-transform: translate(0,120%);
  -ms-transform: translate(0,120%);
  -moz-transform: translate(0,120%);
  -o-transform: translate(0,120%);
  transform: translate(0,120%);}
}
@-ms-keyframes downAnimation {
  100% {-webkit-transform: translate(0,120%);
  -ms-transform: translate(0,120%);
  -moz-transform: translate(0,120%);
  -o-transform: translate(0,120%);
  transform: translate(0,120%);}
}
@-o-keyframes downAnimation {
  100% {-webkit-transform: translate(0,120%);
  -ms-transform: translate(0,120%);
  -moz-transform: translate(0,120%);
  -o-transform: translate(0,120%);
  transform: translate(0,120%);}
}
@keyframes downAnimation {
  100% {-webkit-transform: translate(0,120%);
  -ms-transform: translate(0,120%);
  -moz-transform: translate(0,120%);
  -o-transform: translate(0,120%);
  transform: translate(0,120%);}
}

.wrapper{
  max-width: 1540px;
  width: 96%;
  margin: 0 auto 50px auto;
  display: block;
  border-bottom: 3px dashed #cdd9dc; 
}
.girlyanda{
  width: 100%;
  display: block;
  margin: 0 0 45px 0;
  background: url(../img/girlyanda.gif) repeat-x;
  height: 30px;
}
.buttons{
  width: 55%;
  margin: 0 auto 20px auto;
  text-align: right;
}
.description{
  font-family: 'pf_kids_prograde_one';
  margin: 0 auto 45px auto;
  width: 55%;
  font-size: 35px;
  color: #0e95ae;
  position: relative;
}
.description:before{
    content: '';
    width: 150px;
    height: 245px;
    background: url(../img/arrow.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: -150px;
    top: 40%;
}
.music_desc{
  font-family: 'pf_libera_proliberissima';
  font-size: 23px;
  color: #4fbb35;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
  padding: 0 0 30px 0;
}
.button_wrap{
  vertical-align: middle;
  display: inline-block;
      position: relative;
    padding: 0 0 30px 0;
}
.tumb1,
.tumb2,
.tumb3,
.tumb4{
    width: 64px;
    height: 64px;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 0 0;
    background: url(../img/sprite.png) no-repeat;
    background-size: 60px auto;
    background-position: 2px 3px;
    border-radius: 5px;
    border: 1px solid transparent;
}
.tumb1:hover{
  border: 1px solid #f6c0b3;
}
.tumb2:hover{
  border: 1px solid #83c9d7;
}
.tumb3:hover{
  border: 1px solid #acdfa0;
}
.tumb4:hover{
  border: 1px solid #dfb8e6;
}
.tumb1.pause{
  background-position: 2px 3px; 
}
.tumb1.play{
  background-position: 2px -297px; 
}
.tumb2.pause{
    background-position: 2px -57px;
}
.tumb2.play{
    background-position: 2px -357px;
}
.tumb3.pause{
    background-position: 2px -117px;
}
.tumb3.play{
    background-position: 2px -417px;
}
.tumb4.pause{
    background-position: 2px -177px;
}
.tumb4.play{
    background-position: 2px -477px;
}
.track_name{
  font-family: 'pf_kids_prograde_one';
  font-size: 23px;
  color: #5e5e5e;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.tumb:first-child .track_name{
/* .tumb.tumb2 .track_name{ */
  display: block;
}
.galanix{
  margin: 0 0 5px 0;
}
.galanix, .galanix a{
  text-align: center;
  font-family: 'pf_kids_prograde_one';
  font-size: 40px;
  color: #0e95ae;
  text-decoration: none;
  line-height: 1;
}
.galanix a:hover{
  border-bottom: 1px dashed;
}
.fb-like{
  width: 55%;
  margin: 0 auto 50px auto;
}

.h_img {
	width: 1px;
	height: 1px;
	opacity: 0.2;
	position: absolute;
	top: 0;
	left: 0;
}
.h_img img {
	width: 100%;
	height: auto;
}
.lang{
  position: absolute;
    top: 45px;
    right: 0;
}
.lang a{
      font-family: 'pf_kids_prograde_one';
    font-size: 25px;
    margin: 0 10px 0 0;
    opacity: 0.8;
    transition: 0.3s;
    text-decoration: none;
    font-weight: bold;
}
.lang .en:hover{
  text-decoration: underline;
  opacity: 1;
}
.lang .en{
  color: #4fbb35;
}
.lang .ru{
  text-decoration: line-through;
  opacity: 0.8;
  color: #bbb;
  cursor: default;
}


@media screen and (max-width:1100px){
  .description, .buttons, .main_wrap{
    width: 70%;
  }
}

@media screen and (max-width:900px){
  .main_title{
    font-size: 28px;
    line-height: 1.1;
  }
  .description{
    font-size: 25px;
    line-height: 1.1;
  }
  .description:before {
    width: 120px;
    height: 195px;
    left: -120px;
    top: 70%;
  }
  .music_desc{
    font-size: 18px;
  }
  .girlyanda{
    margin: 0 0 55px 0;
  }
}

@media screen and (max-width:750px){
  .description:before{
    display: none;
  }
  .description, .buttons, .main_wrap{
    width: 100%;
  }
  .wrapper{
    width: 94%;
  }
  .main_wrap{
    margin-bottom: 70px;
  }
}
@media screen and (max-width:550px){
  .description{
    margin-bottom: 20px;
  }
  .buttons{
    text-align: left;
  }
  .music_desc{
    display: block;
    padding: 0;
    margin: 0;
  }
  .galanix {
    margin: 0 0 5px 0;
  }
}