@charset "UTF-8";

/* latin-ext */
@font-face {
  font-family:'Slabo 27px';
  font-style:normal;
  font-weight:400;
  src:local('Slabo 27px'),local(Slabo27px-Regular),url(https://fonts.gstatic.com/s/slabo27px/v3/LfR9_S_HMdQ73mwIHBRxoQsYbbCjybiHxArTLjt7FRU.woff2) format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'Slabo 27px';
  font-style:normal;
  font-weight:400;
  src:local('Slabo 27px'),local(Slabo27px-Regular),url(https://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7QzyDMXhdD8sAj6OAJTFsBI.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* oriya */
@font-face {
  font-family:'Baloo Bhaina';
  font-style:normal;
  font-weight:400;
  src:local('Baloo Bhaina'),local(BalooBhaina-Regular),url(https://fonts.gstatic.com/s/baloobhaina/v1/HxxbxOVf9WQem_hKo1MXSlOoq9F6gD9QryBafzizJpY.woff2) format("woff2");
  unicode-range:U+0964-0965,U+0B01-0B77,U+200B-200D,U+20B9,U+25CC;
}

/* vietnamese */
@font-face {
  font-family:'Baloo Bhaina';
  font-style:normal;
  font-weight:400;
  src:local('Baloo Bhaina'),local(BalooBhaina-Regular),url(https://fonts.gstatic.com/s/baloobhaina/v1/HxxbxOVf9WQem_hKo1MXSvgrLsWo7Jk1KvZser0olKY.woff2) format("woff2");
  unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;
}

/* latin-ext */
@font-face {
  font-family:'Baloo Bhaina';
  font-style:normal;
  font-weight:400;
  src:local('Baloo Bhaina'),local(BalooBhaina-Regular),url(https://fonts.gstatic.com/s/baloobhaina/v1/HxxbxOVf9WQem_hKo1MXSojoYw3YTyktCCer_ilOlhE.woff2) format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'Baloo Bhaina';
  font-style:normal;
  font-weight:400;
  src:local('Baloo Bhaina'),local(BalooBhaina-Regular),url(https://fonts.gstatic.com/s/baloobhaina/v1/HxxbxOVf9WQem_hKo1MXShampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

/* telugu */
@font-face {
  font-family:'Gidugu';
  font-style:normal;
  font-weight:400;
  src:local(Gidugu),url(https://fonts.gstatic.com/s/gidugu/v3/oA6pgnomGVUawwHvrWDLe3-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
  unicode-range:U+0951-0952,U+0964-0965,U+0C00-0C7F,U+1CDA,U+200C-200D,U+25CC;
}

/* latin */
@font-face {
  font-family:'Gidugu';
  font-style:normal;
  font-weight:400;
  src:local(Gidugu),url(https://fonts.gstatic.com/s/gidugu/v3/7grJmfGCiQptGAB7luwHU-vvDin1pK8aKteLpeZ5c0A.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

/* cyrillic */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/C6GGSmqIX4ribdvhAcF3zX-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* vietnamese */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/Z47oc0BtjIgiXLu7VsCGjX-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
  unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;
}

/* latin-ext */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/Qw6_9HvXRQGg5mMbFR3Phn-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

/*<----Test Area---->*/
#profile_password_photo_galleries .photo_gallery_link img {
  display:block;
  background-image:url(https://img.mfcimg.com/photos2/224/22426181/877-154-153-649-10349521.png);
  background-repeat:no-repeat;
  background-position:40% 25%;
  width:85px;
  height:80px;
  margin-left:15px;
  padding-top:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  padding-left:120px!important;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-shadow:0 0 0 #A09C94;
  -moz-box-shadow:0 0 0 #A09C94;
  -o-box-shadow:0 0 0 #A09C94;
  box-shadow:0 0 0 #A09C94;
}

.wiggler:hover {
  -webkit-animation:wiggle .5s infinite;
  -moz-animation:wiggle .5s infinite;
  animation:wiggle .5s infinite;
}

.pulse:hover {
  -webkit-animation-name:pulse;
  animation-name:pulse;
  -webkit-animation-duration:.75s;
  animation-duration:.75s;
  animation-iteration-count:infinite;
}

.jello:hover {
  -webkit-animation-name:jello;
  animation-name:jello;
  -webkit-animation-duration:1s;
  animation-duration:1s;
}

.bounce:hover {
  -webkit-animation-name:bounce;
  animation-name:bounce;
  -webkit-animation-duration:1s;
  animation-duration:1s;
}

.spin:hover {
  -webkit-animation-name:spin;
  -webkit-animation-duration:500ms;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name:spin;
  -moz-animation-duration:500ms;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
  -ms-animation-name:spin;
  -ms-animation-duration:500ms;
  -ms-animation-iteration-count:infinite;
  -ms-animation-timing-function:linear;
  animation-name:spin;
  animation-duration:500ms;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}

.flash:hover {
  -webkit-animation-name:flash;
  animation-name:flash;
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
}

.text_block_example {
  margin:auto;
  font-size:22px;
  width:800px;
}

#font_sample_one {
  font-family:'Oswald',sans-serif;
  color:#FFD700;
}

#font_sample_two {
  font-family:'Baloo Bhaina',cursive;
  color:#4CBB17;
}

#font_sample_three {
  font-family:'Gidugu',sans-serif;
  color:#87CEFF;
  font-size:40px;
}

/*<------Nav Bar------>*/
div#navigation {
  visibility:visible;
  font-family:'Slabo 27px';
  position:fixed;
  top:0;
  display:block;
  background-color:#003366;
  width:946px;
  height:50px;
  left:95px;
  border-radius:0 0 10px 10px;
  border-style:none inset inset;
  border-width:0 2px 2px;
  box-shadow:inset 5px 5px 10px -5px #000000;
}

div#navbar_links {
  padding:5px;
  display:flex;
  justify-content:space-around;
  margin-top:9px;
}

.navlinks {
  color:white;
  text-decoration:none;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}

.navlinks:hover {
  color:#ffd700;
}

.navlinks:hover div {
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
}

div#navigation {
  font-weight:bold;
  font-size:18px;
  color:white;
}

#cl_title {
  text-align:center;
  font-size:80px;
}

h1 {
  text-align:center;
  font-size:40px;
}

.crimson_info {
  color:white;
  margin:auto;
  width:80%;
  padding:10px;
  font-size:16px;
}

#icon-text {
  color:white;
  margin:auto;
  width:80%;
  padding:10px;
  font-size:16px;
}

#profile_interests_content,#average_rating_container,#rate_container {
  visibility:hidden;
}

#about_me_label {
  display:none;
}

#username_container,#header_bar,#profile_header,#gender_container,#sexual_preference_container,#profile_friends {
  display:none;
}

.photo_gallery_preview img {
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}

.social_icons img {
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}

.photo_gallery_preview:hover img {
  -webkit-transform:scale(1.25);
/* Safari and Chrome */
  -moz-transform:scale(1.25);
/* Firefox */
  -ms-transform:scale(1.25);
/* IE 9 */
  -o-transform:scale(1.25);
/* Opera */
  transform:scale(1.25);
}

#icons_one:hover img {
  -webkit-transform:scale(1.25);
/* Safari and Chrome */
  -moz-transform:scale(1.25);
/* Firefox */
  -ms-transform:scale(1.25);
/* IE 9 */
  -o-transform:scale(1.25);
/* Opera */
  transform:scale(1.25);
}

#icons_two:hover img {
  -webkit-transform:scale(1.25);
/* Safari and Chrome */
  -moz-transform:scale(1.25);
/* Firefox */
  -ms-transform:scale(1.25);
/* IE 9 */
  -o-transform:scale(1.25);
/* Opera */
  transform:scale(1.25);
}

#icons_three:hover img {
  -webkit-transform:scale(1.25);
/* Safari and Chrome */
  -moz-transform:scale(1.25);
/* Firefox */
  -ms-transform:scale(1.25);
/* IE 9 */
  -o-transform:scale(1.25);
/* Opera */
  transform:scale(1.25);
}

a:visited {
  color:#;
}

.about_img {
  margin:auto;
  width:80%;
}

.heading {
  visibility:hidden;
}

body,a:hover {
  cursor:url(http://cur.cursors-4u.net/nature/nat-2/nat146.cur),progress!important;
}

body {
  background-color:#990000;
  color:#ffffff;
  font-family:sans-serif;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  margin:auto;
}

.container {
  color:white;
}

.footer_links {
  display:none;
}

.profile_section_content {
  top:50px;
  color:#666666;
  border:0 none #;
  padding:50px;
  margin:50px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  margin-left:auto;
  margin-right:auto;
  width:900px;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:.2;
}

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  padding:5px;
  background-color:#8fb3e5;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

.content {
  padding:5px;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
}

.Tip_Menu_code_below {
}

#tip-me {
  margin:0 auto;
  width:675px;
}

.tip h3 {
  color:#6c3535;
}

.tip img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
}

.tip-me-right {
  float:right;
}

#tip-me a {
  text-decoration:none;
  color:#6c3535;
  font-size:15px;
}

#tip-me a:hover {
  text-decoration:none;
  color:#8b5a64;
}

#tip-me .tip {
  color:#6c3535;
  float:left;
  font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  padding:20px;
  position:relative;
  width:630px;
}

#tip-me h3 {
  background-color:rgba(238,238,238,0.2);
  font-size:60px;
  font-weight:normal;
  margin:-20px -20px 50px;
  padding:20px;
  text-align:center;
  border-bottom:1px solid #DDDDDD;
}

#tip-me h4 {
  background-image:rgba(0,0,0,0.5);
  font-size:20px;
  font-weight:normal;
  margin:-20px -20px 50px;
  padding:20px;
  text-align:center;
}

#tip-me ul {
  list-style:none;
  margin:0 0 40px;
  padding:0;
  color:#717171;
  font-family:tahoma;
  font-size:13px;
}

#tip-me li {
  border-bottom:1px solid #DDDDDD;
  padding:10px 40px;
}

/*<-----Video_Menu_CSS------>*/
div.long_video_preview_container {
  background-color:rgba(0,0,0,0.5);
  width:auto;
  min-width:556px;
  height:200px;
  margin:5px auto;
  display:block;
}

img.video_preview {
  height:200px;
}

div.preview_words {
  color:white;
  font-size:1.5em;
  padding:10px;
  height:180px;
  max-width:580px;
  min-width:380px;
}

div.video_info {
  font-size:15px;
}

#preview_one_words,#preview_three_words,#preview_five_words,#preview_seven_words {
  float:left;
}

#preview_two_words,#preview_four_words,#preview_six_words {
  float:right;
}

div#one_preview,div#three_preview,div#five_preview,div#seven_preview {
  float:right;
}

div#two_preview,div#four_preview,div#six_preview {
  float:left;
}

/*<-----Video_Bar_CSS------>*/
div#video_preview_section {
  background-color:#990000;
  padding:10px;
  width:900px;
  border-radius:10px;
}

div.video_preview_row {
  display:flex;
  justify-content:space-around;
  margin:10px 0;
}

div.video_preview_container {
  display:inline-block;
  position:relative;
  text-align:center;
  width:225px;
}

img.video_preview_gif {
  position:relative;
  width:225px;
  margin:0;
  border-radius:20px;
}

div.preview_info {
  position:absolute;
  top:0;
  left:0;
  height:169px;
  width:225px;
  border-radius:20px;
  background-color:rgba(0,0,0,0);
  color:rgba(0,0,0,0);
  vertical-align:middle;
  transition:background-color 1s,color 1s ease-in;
}

div.video_preview_container:hover div.preview_info {
  background-color:rgba(0,0,0,0.8);
  color:rgba(255,255,255,1);
}

div.preview_desc {
  padding:10px;
  font-size:15px;
}

h3.preview_title {
  position:relative;
  background-color:rgba(173,51,51,0.9);
  width:215px;
  padding:5px;
  margin-top:10px;
  margin-bottom:0;
  color:white;
}

ul#explain {
  text-align:left;
  width:550px;
  margin:auto;
}

/*<--------Animations-------->*/
/* safari and chrome */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform:rotate(8deg);
  }
  
  50% {
    -webkit-transform:rotate(-8deg);
  }
  
  100% {
    -webkit-transform:rotate(8deg);
  }
}

/* firefox */
@-moz-keyframes wiggle {
  0% {
    -moz-transform:rotate(8deg);
  }
  
  50% {
    -moz-transform:rotate(-8deg);
  }
  
  100% {
    -moz-transform:rotate(8deg);
  }
}

/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
  0% {
    transform:rotate(8deg);
  }
  
  50% {
    transform:rotate(-8deg);
  }
  
  100% {
    transform:rotate(8deg);
  }
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes pulse {
  from {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
  
  50% {
    -webkit-transform:scale3d(1.25,1.25,1.25);
    transform:scale3d(1.25,1.25,1.25);
  }
  
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

/* Standard syntax */
@keyframes pulse {
  from {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
  
  50% {
    -webkit-transform:scale3d(1.25,1.25,1.25);
    transform:scale3d(1.25,1.25,1.25);
  }
  
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

@-webkit-keyframes jello {
  from,11.1%,to {
    -webkit-transform:none;
    transform:none;
  }
  
  22.2% {
    -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
    transform:skewX(-12.5deg) skewY(-12.5deg);
  }
  
  33.3% {
    -webkit-transform:skewX(6.25deg) skewY(6.25deg);
    transform:skewX(6.25deg) skewY(6.25deg);
  }
  
  44.4% {
    -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
    transform:skewX(-3.125deg) skewY(-3.125deg);
  }
  
  55.5% {
    -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
    transform:skewX(1.5625deg) skewY(1.5625deg);
  }
  
  66.6% {
    -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
    transform:skewX(-0.78125deg) skewY(-0.78125deg);
  }
  
  77.7% {
    -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
    transform:skewX(0.390625deg) skewY(0.390625deg);
  }
  
  88.8% {
    -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,11.1%,to {
    -webkit-transform:none;
    transform:none;
  }
  
  22.2% {
    -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
    transform:skewX(-12.5deg) skewY(-12.5deg);
  }
  
  33.3% {
    -webkit-transform:skewX(6.25deg) skewY(6.25deg);
    transform:skewX(6.25deg) skewY(6.25deg);
  }
  
  44.4% {
    -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
    transform:skewX(-3.125deg) skewY(-3.125deg);
  }
  
  55.5% {
    -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
    transform:skewX(1.5625deg) skewY(1.5625deg);
  }
  
  66.6% {
    -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
    transform:skewX(-0.78125deg) skewY(-0.78125deg);
  }
  
  77.7% {
    -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
    transform:skewX(0.390625deg) skewY(0.390625deg);
  }
  
  88.8% {
    -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@-webkit-keyframes bounce {
  from,20%,53%,80%,to {
    -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
    animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
  
  40%,43% {
    -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0);
  }
  
  70% {
    -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
  }
  
  90% {
    -webkit-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from,20%,53%,80%,to {
    -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
    animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
  
  40%,43% {
    -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0);
  }
  
  70% {
    -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
  }
  
  90% {
    -webkit-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0);
  }
}

  
}

@-ms-keyframes spin {
  from {
    -ms-transform:rotate(0deg);
  }
  
  to {
    -ms-transform:rotate(360deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform:rotate(0deg);
  }
  
  to {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform:rotate(0deg);
  }
  
  to {
    -webkit-transform:rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  
  to {
    transform:rotate(360deg);
  }
}

@-webkit-keyframes flash {
  from,50%,to {
    opacity:1;
  }
  
  25%,75% {
    opacity:0;
  }
}

@keyframes flash {
  from,50%,to {
    opacity:1;
  }
  
  25%,75% {
    opacity:0;
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
  
  10%,20% {
    -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
    transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
  }
  
  30%,50%,70%,90% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  }
  
  40%,60%,80% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  }
  
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

@keyframes tada {
  from {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
  
  10%,20% {
    -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
    transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
  }
  
  30%,50%,70%,90% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  }
  
  40%,60%,80% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  }
  
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

.tada {
  -webkit-animation-name:tada;
  animation-name:tada;
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
  animation-timing-function:linear;
}