@charset "UTF-8";
/*!
* direction.less v0.1.0
*
* Copyright 2013 Moshe Simantov
* Licensed under the MIT license
* 
* Keep tracking: https://github.com/DevelopmentIL/direction.less
*/
/*
@rtl: ~`"@{direction}" === 'rtl' ? 'true' : 'false'`;
@left: ~`@{rtl} ? 'right' : 'left'`;
@right: ~`@{rtl} ? 'left' : 'right'`;
*/
/* Mixins.less
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
/* From Google Webfont
@mainFontLight:						'Lato', Arial, sans-serif;
@mainFontLightWeight:				300;
@mainFontRegular:					'Lato', Arial, sans-serif;
@mainFontRegularWeight:				400;
@mainFontBold:						'Lato', Arial, sans-serif;
@mainFontBoldWeight:				700;
@mainFontBlack:						'Lato', Arial, sans-serif;
@mainFontBlackWeight:				900;
*/
@import "../js/vendor/jquery-ui/jquery-ui.min.css";
@import "../js/vendor/jquery-ui/jquery-ui.structure.min.css";
@import "../js/vendor/jquery.magnific-popup/magnific-popup.css";
@font-face {
  font-family: 'FontAwesome';
  src: url(/_presentation/assets/css/fonts/fontawesome-webfont.eot?v6);
  src: url(/_presentation/assets/css/fonts/fontawesome-webfont.eot?v6#iefix) format('embedded-opentype'), url(/_presentation/assets/css/fonts/fontawesome-webfont.woff2?v6) format('woff2'), url(/_presentation/assets/css/fonts/fontawesome-webfont.woff?v6) format('woff'), url(/_presentation/assets/css/fonts/fontawesome-webfont.ttf?v6) format('truetype'), url(/_presentation/assets/css/fonts/fontawesome-webfont.svg?v6#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Forvo';
  src: url(/_presentation/assets/css/fonts/forvo-webfont.eot?v6);
  src: url(/_presentation/assets/css/fonts/forvo-webfont.eot?v6#iefix) format("embedded-opentype"), url(/_presentation/assets/css/fonts/forvo-webfont.woff?v6) format("woff"), url(/_presentation/assets/css/fonts/forvo-webfont.ttf?v6) format("truetype"), url(/_presentation/assets/css/fonts/forvo-webfont.svg?v6#forvo-webfont) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LatoLight';
  src: url(/_presentation/assets/css/fonts/lato/Lato-Light.eot?v6);
  src: url(/_presentation/assets/css/fonts/lato/Lato-Light.eot?v6#iefix) format('embedded-opentype'), url(/_presentation/assets/css/fonts/lato/Lato-Light.woff2?v6) format('woff2'), url(/_presentation/assets/css/fonts/lato/Lato-Light.woff?v6) format('woff'), url(/_presentation/assets/css/fonts/lato/Lato-Light.ttf?v6) format('truetype');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoMedium';
  src: url(/_presentation/assets/css/fonts/lato/Lato-Medium.eot?v6);
  src: url(/_presentation/assets/css/fonts/lato/Lato-Medium.eot?v6#iefix) format('embedded-opentype'), url(/_presentation/assets/css/fonts/lato/Lato-Medium.woff2?v6) format('woff2'), url(/_presentation/assets/css/fonts/lato/Lato-Medium.woff?v6) format('woff'), url(/_presentation/assets/css/fonts/lato/Lato-Medium.ttf?v6) format('truetype');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Lato';
  src: url(/_presentation/assets/css/fonts/lato/Lato-Bold.eot?v6);
  src: url(/_presentation/assets/css/fonts/lato/Lato-Bold.eot?v6#iefix) format('embedded-opentype'), url(/_presentation/assets/css/fonts/lato/Lato-Bold.woff2?v6) format('woff2'), url(/_presentation/assets/css/fonts/lato/Lato-Bold.woff?v6) format('woff'), url(/_presentation/assets/css/fonts/lato/Lato-Bold.ttf?v6) format('truetype');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoBlack';
  src: url(/_presentation/assets/css/fonts/lato/Lato-Black.eot?v6);
  src: url(/_presentation/assets/css/fonts/lato/Lato-Black.eot?v6#iefix) format('embedded-opentype'), url(/_presentation/assets/css/fonts/lato/Lato-Black.woff2?v6) format('woff2'), url(/_presentation/assets/css/fonts/lato/Lato-Black.woff?v6) format('woff'), url(/_presentation/assets/css/fonts/lato/Lato-Black.ttf?v6) format('truetype');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
.ui-selectmenu-button,
.ui-selectmenu-button[style] {
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: block;
  width: auto !important;
  outline: none;
}
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text,
.ui-selectmenu-button[style].ui-state-focus span.ui-selectmenu-text {
  border-color: #85afd6 !important;
}
.ui-selectmenu-button.ui-state-focus span.ui-icon:before,
.ui-selectmenu-button[style].ui-state-focus span.ui-icon:before {
  color: #3a9fd9;
}
.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-button[style] span.ui-selectmenu-text {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding-left: 25px;
  padding-right: 50px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 2.2rem;
  text-align: left;
}
.ui-selectmenu-button span.ui-icon,
.ui-selectmenu-button[style] span.ui-icon {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  right: auto;
  bottom: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon:before,
.ui-selectmenu-button[style] span.ui-icon:before {
  content: "\e614";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  font-size: 3.5rem;
  color: #e5e5e5;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon:hover:before,
.ui-selectmenu-button[style] span.ui-icon:hover:before {
  color: #3a9fd9;
}
.ui-selectmenu-menu {
  z-index: 9999;
}
.ui-selectmenu-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  overflow: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  border: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 24em;
}
.ui-selectmenu-menu ul b,
.ui-selectmenu-menu ul strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.ui-selectmenu-menu ul li,
.ui-selectmenu-menu ul li:hover {
  position: relative;
  list-style-image: none;
  margin: 0 !important;
  padding-top: 0.4em !important;
  padding-bottom: 0.4em !important;
  padding-left: 25px !important;
  padding-right: 10px !important;
  -webkit-transition: all 0.05s ease;
  -moz-transition: all 0.05s ease;
  -ms-transition: all 0.05s ease;
  -o-transition: all 0.05s ease;
  transition: all 0.05s ease;
}
.ui-selectmenu-menu ul li:hover,
.ui-selectmenu-menu ul li.ui-state-focus {
  background-color: #1d84c6;
  color: #ffffff;
}
.ui-selectmenu-menu ul li.ui-selectmenu-optgroup,
.ui-selectmenu-menu ul li.ui-selectmenu-optgroup:hover {
  background-color: #f7f7f7;
  color: #333333;
  font-weight: auto;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif !important;
  font-weight: normal !important;
}
.ui-selectmenu-menu ul li.ui-selectmenu-optgroup:before,
.ui-selectmenu-menu ul li.ui-selectmenu-optgroup:hover:before {
  content: "\f0dd";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.5em;
  position: absolute;
  left: 30px;
  bottom: -0.3em;
  z-index: 5;
  color: #f7f7f7;
}
.ui-autocomplete {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  overflow: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  border: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 24em;
}
.ui-autocomplete b,
.ui-autocomplete strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.ui-autocomplete li,
.ui-autocomplete li:hover {
  position: relative;
  list-style-image: none;
  margin: 0 !important;
  padding-top: 0.4em !important;
  padding-bottom: 0.4em !important;
  padding-left: 25px !important;
  padding-right: 10px !important;
  -webkit-transition: all 0.05s ease;
  -moz-transition: all 0.05s ease;
  -ms-transition: all 0.05s ease;
  -o-transition: all 0.05s ease;
  transition: all 0.05s ease;
}
.ui-autocomplete li:hover,
.ui-autocomplete li.ui-state-focus {
  background-color: #1d84c6;
  color: #ffffff;
}
.ui-autocomplete li.ui-selectmenu-optgroup,
.ui-autocomplete li.ui-selectmenu-optgroup:hover {
  background-color: #f7f7f7;
  color: #333333;
  font-weight: auto;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif !important;
  font-weight: normal !important;
}
.ui-autocomplete li.ui-selectmenu-optgroup:before,
.ui-autocomplete li.ui-selectmenu-optgroup:hover:before {
  content: "\f0dd";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.5em;
  position: absolute;
  left: 30px;
  bottom: -0.3em;
  z-index: 5;
  color: #f7f7f7;
}
.ui-tabs {
  margin: 0;
  padding: 0;
}
.ui-tabs > ul {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  border-bottom: 1px solid #cbcbcb;
}
.ui-tabs > ul > li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 180px;
  text-align: center;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #f2f2f2;
}
.ui-tabs > ul > li:first-child {
  border-left: 1px solid #f2f2f2;
}
.ui-tabs > ul > li.active + li {
  border-left: 1px solid #f2f2f2;
}
.ui-tabs > ul > li a {
  display: block;
  float: none !important;
  background: #f2f2f2;
  color: #666666;
  text-shadow: 0 0 1px #ffffff;
  padding: 0.5em 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.ui-tabs > ul > li a:hover {
  color: #333333 !important;
}
.ui-tabs > ul > li a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: #1d84c6;
}
.ui-tabs > ul > li.active,
.ui-tabs > ul > li.ui-state-active {
  border-top-color: #cbcbcb;
  border-left-color: #cbcbcb;
  border-right-color: #cbcbcb;
}
.ui-tabs > ul > li.active:after,
.ui-tabs > ul > li.ui-state-active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #ffffff;
}
.ui-tabs > ul > li.active a,
.ui-tabs > ul > li.ui-state-active a,
.ui-tabs > ul > li.active a:hover,
.ui-tabs > ul > li.ui-state-active a:hover {
  background: #ffffff;
  color: #1d84c6 !important;
}
.ui-tabs > ul > li.active a:before,
.ui-tabs > ul > li.ui-state-active a:before,
.ui-tabs > ul > li.active a:hover:before,
.ui-tabs > ul > li.ui-state-active a:hover:before {
  height: 0;
}
@media only screen and (max-width: 640px) {
  .ui-tabs > ul > li,
  .ui-tabs > ul li.active,
  .ui-tabs > ul li.ui-state-active {
    display: block;
    border: 1px solid #cbcbcb !important;
    margin-top: -1px !important;
  }
  .ui-tabs > ul > li a:before,
  .ui-tabs > ul li.active a:before,
  .ui-tabs > ul li.ui-state-active a:before,
  .ui-tabs > ul > li a:hover:before,
  .ui-tabs > ul li.active a:hover:before,
  .ui-tabs > ul li.ui-state-active a:hover:before {
    display: none;
  }
}
.ui-tabs .tab,
.ui-tabs .ui-tabs-panel {
  padding: 1.5em 0;
}
.mfp-wrap {
  /* mpf votes */
  /* mpf video */
  /* mpf student_teacher */
  /* mpf student_teacher */
}
.mfp-wrap .mfp-container .mfp-content {
  position: relative;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-wrap .mfp-container .mfp-content .mfp-close {
  position: absolute;
  right: -12px;
  left: auto;
  top: -12px;
}
.mfp-wrap.mfp_page_votes .mfp-close {
  display: none;
}
.mfp-wrap.mfp_page_votes .mfp-content {
  overflow: auto;
  margin: 0 auto;
  max-width: 560px;
  background: #ffffff;
  height: 400px;
  padding: 20px;
}
.mfp-wrap.mfp_page_video-mfp-detail .mfp-close {
  display: block;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup {
  overflow: auto;
  margin: 0 auto;
  max-width: 800px;
  background: #ffffff;
  max-height: 800px;
  padding: 20px;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container {
  width: 100%;
  min-width: 600px;
  height: auto;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls {
  border-bottom: 1px solid #cbcbcb;
  zoom: 1;
  color: #999999;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls:before,
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls:after {
  clear: both;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls a {
  color: #999999;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .title {
  color: #1d1d1b;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  padding-top: 0.5em;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons {
    float: none;
    padding-bottom: 10px;
    padding-top: 0;
  }
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .outer_share a:after {
  content: "\f064";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .views {
  margin-right: 0.5em;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .hand .advice {
  display: none;
  color: #3db385;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .hand:hover .advice {
  display: inline;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .follow {
  margin-left: 0.5em;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .follow:before {
    top: 0;
  }
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .follow .advice {
  display: none;
  color: #3db385;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .follow:hover .advice {
  display: inline;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .following {
  color: #3db385;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .active {
  color: #3db385;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons .active .advice {
  display: none!important;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .explain {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 1em 0;
}
@media only screen and (max-width: 960px) {
  .mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container {
    min-width: 80%;
  }
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls {
  border-bottom: 0px;
}
.mfp-wrap.mfp_page_video-mfp-detail .video-popup #video-container .controls .icons {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.mfp-wrap.mfp_page_student_teacher-mfp .mfp-close {
  display: block;
}
.mfp-wrap.mfp_page_student_teacher-mfp .mfp-content {
  overflow: hidden;
  margin: 0 auto;
  max-width: 850px;
  background: #ffffff;
  max-height: 600px;
  padding: 20px;
}
.mfp-wrap.mfp_page_student_teacher-mfp .mfp-content h2 {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 1em;
}
.mfp-wrap.mfp_page_student_teacher-mfp .mfp-content form.form .fields .field {
  padding-right: 0;
}
.mfp-wrap.mfp_page_student_teacher-mfp .mfp-content form.form .fields .field input[type="radio"] + label {
  margin-right: 40px;
}
@media only screen and (max-width: 640px) {
  .mfp-wrap.mfp_page_student_teacher-mfp .mfp-content form.form .fields .field span.label {
    margin-bottom: 1em;
  }
}
.mfp-wrap.mfp_page_student_teacher-mfp .mfp-content .link {
  margin-left: 170px;
  margin-top: 1em;
}
@media only screen and (max-width: 640px) {
  .mfp-wrap.mfp_page_student_teacher-mfp .mfp-content .link {
    margin-left: 0;
  }
}
.mfp-wrap.mfp_page_phrases-fntc .mfp-close {
  display: block;
  color: #ffffff;
  top: 18px!important;
  right: 0px!important;
}
.mfp-wrap.mfp_page_phrases-fntc .mfp-content {
  overflow: hidden;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.mfp-wrap.mfp_page_phrases-fntc .mfp-content article {
  height: 95%;
}
.mfp-wrap.mfp_page_phrases-fntc .mfp-content article a {
  display: block;
  min-width: 100%;
  min-height: 100%;
}
.mfp-wrap.mfp_page_phrases-fntc .mfp-content article a img {
  width: 100%;
}
.mfp-wrap.mfp_page_phrases-fntc .mfp-content article a.banner-small {
  display: none;
}
@media only screen and (max-width: 640px) {
  .mfp-wrap.mfp_page_phrases-fntc .mfp-content article a.banner-small {
    display: block;
  }
}
.mfp-wrap.mfp_page_phrases-fntc .mfp-content article a.banner-xl img {
  object-fit: contain;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .mfp-wrap.mfp_page_phrases-fntc .mfp-content article a.banner-xl {
    display: none;
  }
}
/*
.fonticon_user2() {
	.fonticon("\f007");
}
*/
@-webkit-keyframes play_loading {
  from {
    width: 0;
  }
  to {
    width: 17px;
  }
}
@keyframes play_loading {
  from {
    width: 0;
  }
  to {
    width: 17px;
  }
}
/* Generic */
/* Language */
/* Word */
/* Category */
/* Layout */
.loadMoreAjaxLoader {
  padding-top: 3em;
}
.loadMoreAjaxLoader #loadMoreLoading {
  max-width: 16px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
.loadMoreAjaxLoader #loadMoreMessage {
  text-align: center;
  display: none;
}
::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}
:-moz-placeholder {
  color: #999999;
  opacity: 1;
}
::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
.hidden {
  position: absolute;
  left: -9999px;
}
a {
  color: #1d84c6;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  text-decoration: none;
}
a:hover {
  color: #3a9fd9 !important;
  text-decoration: none;
}
a img {
  border: 0;
}
p {
  margin-top: 0;
  margin-bottom: 0;
}
p + p {
  margin-top: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-size: 1em;
}
strong {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.browserupgrade {
  color: #c09853;
  background-color: #fcf8e3;
  border: 2px solid #fbeed5;
  border-left: 0;
  border-right: 0;
  padding: 1em 3em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.browserupgrade a {
  color: inherit;
  text-decoration: underline;
}
.notice {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  margin-bottom: 1em;
}
.notice .explanation {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .notice .explanation {
    padding: 10px;
  }
}
.notice.error {
  color: #cc194f;
}
.notice.ok {
  color: #3db385;
}
.play {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.play.loading:before {
  color: #cbcbcb;
}
.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.play.error {
  color: #cc194f;
}
.record {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
a.favorite {
  font-size: 0;
}
a.favorite:before {
  content: "\f004";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  color: #999999;
}
a.favorite.active:before {
  color: #cc194f;
}
.best_pronunciation {
  font-size: 0;
}
.best_pronunciation:before {
  content: "\e60d";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #1d84c6;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
}
span.not_pronounced {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
span.not_pronounced:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 2px;
  top: 1px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1em;
  color: #cc194f;
}
.ad {
  max-width: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.ad.ad-fv-prehead {
  margin-bottom: 20px;
}
.ad.ad-fv-footer {
  margin: 20px auto;
}
@media only screen and (max-width: 640px) {
  .ad.ad-fv-leaderboard {
    margin: 0 auto 5px auto;
  }
}
a.rss:before {
  content: "\f09e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  display: inline-block;
  vertical-align: text-bottom;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  color: #ffffff !important;
  background: #f69c46;
  width: 1em;
  height: 1em;
  line-height: 1.2em;
  text-indent: 1px;
  padding: 1px 2px 3px;
  text-align: center;
}
/* Fonts */
/* Buttons */
.button,
a.button:hover {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
}
.button:focus,
a.button:hover:focus {
  border-color: #09557e;
}
.button:hover,
a.button:hover:hover {
  background-color: #3a9fd9;
}
.button.thin,
a.button:hover.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.button_ico,
a.button_ico {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
}
.button_ico:focus,
a.button_ico:focus {
  border-color: #09557e;
}
.button_ico:hover,
a.button_ico:hover {
  background-color: #3a9fd9;
}
.button_ico.thin,
a.button_ico.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.button_ico:before,
a.button_ico:before {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  line-height: 1rem !important;
  margin-top: 2px;
}
.button_ico.delete:before,
a.button_ico.delete:before {
  content: "\e60b";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
}
.button_ico.cancel:before,
a.button_ico.cancel:before {
  content: "\e608";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
  margin-top: 3px;
}
.button_ico.block_user:before,
a.button_ico.block_user:before {
  content: "\e603";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3.2rem;
}
.button_ico.unblock_user:before,
a.button_ico.unblock_user:before {
  content: "\e602";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3.2rem;
}
.button2,
a.button2 {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -ms-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  background-color: #f2f2f2;
  color: #333333 !important;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-color: #f2f2f2;
}
.button2:focus,
a.button2:focus {
  border-color: #09557e;
}
.button2:hover,
a.button2:hover {
  background-color: #3a9fd9;
}
.button2.thin,
a.button2.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.button2:focus,
a.button2:focus {
  border-color: #cbcbcb;
}
.button2:hover,
a.button2:hover {
  background-color: #3a9fd9;
  color: #ffffff !important;
}
.button2_ico,
a.button2_ico {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -ms-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  background-color: #f2f2f2;
  color: #333333 !important;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-color: #f2f2f2;
  position: relative;
  width: 70px;
  color: #f2f2f2 !important;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
.button2_ico:focus,
a.button2_ico:focus {
  border-color: #09557e;
}
.button2_ico:hover,
a.button2_ico:hover {
  background-color: #3a9fd9;
}
.button2_ico.thin,
a.button2_ico.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.button2_ico:focus,
a.button2_ico:focus {
  border-color: #cbcbcb;
}
.button2_ico:hover,
a.button2_ico:hover {
  background-color: #3a9fd9;
  color: #ffffff !important;
}
.button2_ico:hover,
a.button2_ico:hover {
  background-color: #f2f2f2;
  color: #f2f2f2 !important;
}
.button2_ico:hover:before,
a.button2_ico:hover:before {
  color: #1d84c6 !important;
}
.button2_ico:before,
a.button2_ico:before {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  text-align: inherit;
  text-indent: 0;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #bfbfbf !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 4rem;
  line-height: 35px !important;
}
@media only screen and (max-width: 780px) {
  .button2_ico:before,
  a.button2_ico:before {
    line-height: 30px !important;
  }
}
.button2_ico.send:before,
a.button2_ico.send:before {
  content: "\e601";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3rem;
}
.button2_ico.reply:before,
a.button2_ico.reply:before {
  content: "\e607";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2.6rem;
}
.button2_ico.delete:before,
a.button2_ico.delete:before {
  content: "\e60b";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
}
.button2_ico.unblock_user:before,
a.button2_ico.unblock_user:before {
  content: "\e602";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3.2rem;
}
.button2_ico.block_user:before,
a.button2_ico.block_user:before {
  content: "\e603";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3.2rem;
}
.button2_ico.back_inbox:before,
a.button2_ico.back_inbox:before {
  content: "\e609";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  padding-top: 2px;
  font-size: 2.3rem;
}
.button2_ico.delete:before,
a.button2_ico.delete:before {
  content: "\e60b";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
}
.button2_ico.markAsRead:before,
a.button2_ico.markAsRead:before {
  content: "\e60f";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2.6rem;
}
.button2_ico.markAsUnread:before,
a.button2_ico.markAsUnread:before {
  content: "\e600";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2.6rem;
}
/* Form */
.fieldbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px;
  -moz-border-radius: 0 0 0 0 5px 5px 5px;
  border-radius: 0 0 0 0 5px 5px 5px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em;
  line-height: 1em;
  border: 1px solid #cbcbcb;
  padding: 0 8px;
  height: 2em;
  vertical-align: middle;
  text-align: auto;
  -webkit-appearance: none;
}
.fieldbox.wauto {
  width: auto;
}
.fieldbox:focus {
  outline: none;
  border-color: #85afd6;
}
textarea {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: auto !important;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif !important;
  font-weight: normal !important;
}
.inputMultiple {
  position: absolute;
  left: -9999px;
}
.inputMultiple + ul {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px;
  -moz-border-radius: 0 0 0 0 5px 5px 5px;
  border-radius: 0 0 0 0 5px 5px 5px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em;
  border: 1px solid #cbcbcb;
  padding: 0 8px;
  height: 2em;
  vertical-align: middle;
  text-align: auto;
  -webkit-appearance: none;
  margin: 0;
  list-style-type: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  height: auto !important;
  padding: 0;
  padding-bottom: 4px;
  padding-right: 4px;
  min-height: 2.2em;
}
.inputMultiple + ul.wauto {
  width: auto;
}
.inputMultiple + ul:focus {
  outline: none;
  border-color: #85afd6;
}
.inputMultiple + ul li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: relative;
  margin: 0;
  margin-top: 4px;
  margin-left: 4px;
}
.inputMultiple + ul li.tagit-choice {
  background: #85afd6;
  color: #ffffff;
  padding: 4px;
  padding-right: 16px;
}
.inputMultiple + ul li.tagit-choice .tagit-close {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 1em;
  margin-top: -0.65em;
  color: #09557e !important;
  cursor: pointer;
  padding: 0.2em 5px;
}
.inputMultiple + ul input {
  border: 0;
  width: 40%;
  min-width: 140px;
  vertical-align: middle;
  margin: 0;
  padding: 2px 0;
  outline: none;
}
form.form .notice {
  margin-bottom: 20px;
  margin-left: 170px;
  margin-right: 210px;
}
form.form input[type="checkbox"] {
  margin: 0;
  padding: 0;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 0;
}
form.form input[type="checkbox"] + label:before {
  content: "";
  line-height: 15px;
  margin-right: 0.5em;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 15px;
  width: 15px;
  text-align: center;
  color: #1d84c6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 0px 1px #cbcbcb;
  -moz-box-shadow: 0 0 0px 1px #cbcbcb;
  box-shadow: 0 0 0px 1px #cbcbcb;
  background: #ffffff;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
form.form input[type="checkbox"]:focus + label:before {
  -webkit-box-shadow: 0 0 0px 1px #85afd6;
  -moz-box-shadow: 0 0 0px 1px #85afd6;
  box-shadow: 0 0 0px 1px #85afd6;
}
form.form input[type="checkbox"]:disabled + label:before {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
form.form input[type="checkbox"]:checked + label:before {
  border: 4.16666667px solid #ffffff;
  background: #1d84c6;
}
form.form input[type="radio"] {
  margin: 0;
  padding: 0;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 0;
}
form.form input[type="radio"] + label:before {
  content: "";
  line-height: 15px;
  margin-right: 0.5em;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 15px;
  width: 15px;
  text-align: center;
  color: #1d84c6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 0px 1px #cbcbcb;
  -moz-box-shadow: 0 0 0px 1px #cbcbcb;
  box-shadow: 0 0 0px 1px #cbcbcb;
  background: #ffffff;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
form.form input[type="radio"]:focus + label:before {
  -webkit-box-shadow: 0 0 0px 1px #85afd6;
  -moz-box-shadow: 0 0 0px 1px #85afd6;
  box-shadow: 0 0 0px 1px #85afd6;
}
form.form input[type="radio"]:disabled + label:before {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
form.form input[type="radio"]:checked + label:before {
  border: 4.16666667px solid #ffffff;
  background: #1d84c6;
}
form.form input[type="radio"] + label:before {
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
}
form.form .ui-selectmenu-text {
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-weight: bold !important;
  -webkit-border-radius: 0 0 0 0 !important;
  -moz-border-radius: 0 0 0 0 !important;
  border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px !important;
  -moz-border-radius: 0 0 0 0 5px 5px 5px !important;
  border-radius: 0 0 0 0 5px 5px 5px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em !important;
  line-height: 1em !important;
  border: 1px solid #cbcbcb !important;
  padding: 0 8px !important;
  height: 2em !important;
  vertical-align: middle !important;
  text-align: auto !important;
  -webkit-appearance: none !important;
  padding-top: 0.4em !important;
}
form.form .ui-selectmenu-text.wauto {
  width: auto !important;
}
form.form .ui-selectmenu-text:focus {
  outline: none !important;
  border-color: #85afd6 !important;
}
form.form .ui-selectmenu-button span.ui-icon::before {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2em;
  margin-top: -0.6em;
}
form.form .fields {
  margin-bottom: -20px;
}
form.form .fields .field {
  zoom: 1;
  margin-bottom: 20px;
  padding-left: 170px;
  padding-right: 210px;
}
form.form .fields .field:before,
form.form .fields .field:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
form.form .fields .field:after {
  clear: both;
}
form.form .fields .field > label,
form.form .fields .field > .label,
form.form .fields .field > .input,
form.form .fields .field > .help {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
}
form.form .fields .field > label,
form.form .fields .field > .label {
  float: left;
  text-align: right;
  margin-left: -170px;
  width: 150px;
  padding-top: 0.2em;
}
form.form .fields .field > .input {
  float: left;
  width: 100%;
}
form.form .fields .field > .input.value {
  padding-top: 0.4em;
}
form.form .fields .field > .input > input,
form.form .fields .field > .input > select,
form.form .fields .field > .input > textarea,
form.form .fields .field > .input > img + span input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px;
  -moz-border-radius: 0 0 0 0 5px 5px 5px;
  border-radius: 0 0 0 0 5px 5px 5px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em;
  line-height: 1em;
  border: 1px solid #cbcbcb;
  padding: 0 8px;
  height: 2em;
  vertical-align: middle;
  text-align: auto;
  -webkit-appearance: none;
}
form.form .fields .field > .input > input.wauto,
form.form .fields .field > .input > select.wauto,
form.form .fields .field > .input > textarea.wauto,
form.form .fields .field > .input > img + span input.wauto {
  width: auto;
}
form.form .fields .field > .input > input:focus,
form.form .fields .field > .input > select:focus,
form.form .fields .field > .input > textarea:focus,
form.form .fields .field > .input > img + span input:focus {
  outline: none;
  border-color: #85afd6;
}
form.form .fields .field > .input > img {
  vertical-align: top;
}
form.form .fields .field > .help {
  float: right;
  margin-right: -210px;
  width: 190px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  padding-top: 0.3em;
}
form.form .fields .field > .help .available {
  color: transparent;
  font-size: 0;
}
form.form .fields .field > .help .available:before {
  content: "\e60e";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #3db385;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1em;
}
form.form .fields .field > .help .not_available {
  color: transparent;
  font-size: 0;
}
form.form .fields .field > .help .not_available:before {
  content: "\e608";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
  color: #cc194f;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
form.form .fields .field.has_error > .help {
  color: #cc194f;
}
form.form .fields .field.required > label,
form.form .fields .field.required > .label {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
form.form .fields .field.mainfield > label,
form.form .fields .field.mainfield > .label {
  padding-top: 0.45em;
}
form.form .fields .field.mainfield > .input {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
form.form .fields .field.mainfield > .input input,
form.form .fields .field.mainfield > .input select {
  height: 1.7em;
}
form.form .fields .field.mainfield > .input.value {
  padding-top: 0.1em;
}
form.form .fields .field.biginput {
  padding-right: 0;
}
form.form .fields .field.biginput > .input {
  float: none;
}
form.form .fields .field.biginput > .help {
  float: none;
  margin-right: 0;
  width: 100%;
}
form.form > .actions {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
  margin-top: 60px;
  margin-left: 170px;
  zoom: 1;
}
form.form > .actions:before,
form.form > .actions:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
form.form > .actions:after {
  clear: both;
}
form.form > .actions .button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  height: 50px;
  line-height: 50%;
  min-width: 190px;
  margin-right: 20px;
}
@media only screen and (max-width: 780px) {
  form.form > .actions .button {
    min-width: 100px;
    height: auto;
  }
}
@media only screen and (max-width: 960px) {
  form.form .notice {
    margin-right: 0;
  }
  form.form .fields .field {
    padding-right: 0;
  }
  form.form .fields .field > .input {
    float: none;
  }
  form.form .fields .field > .help {
    float: none;
    margin-right: 0;
    width: auto;
  }
  form.form .fields .field.biginput {
    overflow: hidden;
  }
  form.form > .actions {
    margin-left: 0;
    text-align: center;
  }
  form.form > .actions .button {
    margin: 5px;
  }
}
@media only screen and (max-width: 640px) {
  form.form .notice {
    margin-left: 0;
    margin-right: 0;
  }
  form.form .fields .field {
    padding-left: 0;
  }
  form.form .fields .field > label,
  form.form .fields .field > .label {
    float: none;
    text-align: left;
    margin-left: 0;
    width: auto;
    padding-top: 0;
  }
}
nav.alphabet {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 1em 0;
}
nav.alphabet ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav.alphabet ul li {
  display: inline;
}
nav.alphabet ul li:before {
  content: " | ";
}
nav.alphabet ul li:first-child:before {
  content: "";
}
article.vote_list {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: relative;
}
article.vote_list header {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  background: #ffffff;
  top: -20px;
  margin: -20px -20px 0 -20px;
  padding: 20px 20px 25px;
  z-index: 1;
}
article.vote_list header h1 a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
article.vote_list > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
article.vote_list > ul li {
  position: relative;
  padding-top: 0.9em;
  padding-bottom: 1em;
  border-top: 1px solid #cbcbcb;
  padding-right: 100px;
}
article.vote_list > ul li a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
article.vote_list > ul li .from {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  article.vote_list > ul li .from {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
article.vote_list > ul li .from abbr {
  text-decoration: none;
  border: 0;
}
article.vote_list > ul li .vote_good,
article.vote_list > ul li .vote_wrong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 1em;
}
article.vote_list > ul li .vote_good {
  color: #3db385;
}
article.vote_list > ul li .vote_good:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-right: 0.5em;
}
article.vote_list > ul li .vote_wrong {
  color: #cc194f;
}
article.vote_list > ul li .vote_wrong:before {
  content: "\f088";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-right: 0.5em;
}
.action_confirm {
  padding: 20px;
  background: #f2f2f2;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .action_confirm {
    padding: 10px;
  }
}
.action_confirm header {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
}
.action_confirm .actions {
  margin: 1.2em 0 0 0 !important;
  border: 0 !important;
  padding: 0 !important;
}
.action_confirm .actions .button,
.action_confirm .actions .button_ico {
  min-width: 130px;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  margin-right: 0.5em;
}
.lang_xx {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .lang_xx {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.lang_xx abbr {
  text-decoration: none;
  border: 0;
}
.ico_rol {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  position: relative;
  width: 0;
  height: 15px;
  text-indent: -9999px;
  color: #ffffff;
}
.ico_rol.admin,
.ico_rol.editor,
.ico_rol.supereditor {
  width: 15px;
}
.ico_rol.admin:after,
.ico_rol.editor:after,
.ico_rol.supereditor:after {
  position: absolute;
  right: 0;
  top: -2px;
  width: 15px;
  height: 15px;
  line-height: 15px !important;
  color: #09557e;
  background: #e3f7ff;
  text-align: center;
}
.ico_rol.admin:after {
  content: "\e610";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.6rem;
}
.ico_rol.editor:after,
.ico_rol.supereditor:after {
  content: "\e60c";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.6rem;
}
article.top_pronouncers {
  padding: 20px;
  background: #f2f2f2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  article.top_pronouncers {
    padding: 10px;
  }
}
article.top_pronouncers h1,
article.top_pronouncers em {
  display: block;
  font-style: normal;
  margin-bottom: 0.75em;
}
article.top_pronouncers ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
article.top_pronouncers ul li {
  margin-bottom: 0.4em;
  color: #1d84c6;
}
article.top_pronouncers ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
article.top_pronouncers ul li:last-child {
  margin-bottom: 0;
}
article.top_pronouncers ul li {
  color: #666666;
}
article.top_pronouncers ul li a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
article.license,
article.privacy,
article.about,
article.recommendations {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  article.license,
  article.privacy,
  article.about,
  article.recommendations {
    padding: 10px;
  }
}
article.license h2,
article.privacy h2,
article.about h2,
article.recommendations h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  article.license h2,
  article.privacy h2,
  article.about h2,
  article.recommendations h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
article.license h3,
article.privacy h3,
article.about h3,
article.recommendations h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin: 1.3em 0;
}
.about_forvo {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .about_forvo {
    padding: 10px;
  }
}
.about_forvo h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  .about_forvo h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
article.user_info {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  article.user_info {
    padding: 10px;
  }
}
article.user_info em {
  display: block;
  font-style: normal;
}
article.user_info h1,
article.user_info h2,
article.user_info em {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.75em;
}
@media only screen and (max-width: 960px) {
  article.user_info h1,
  article.user_info h2,
  article.user_info em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
article.user_info h2 {
  margin-top: 0.75em;
}
article.user_info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #333333;
}
article.user_info ul li {
  margin-bottom: 0.2em;
  color: #1d84c6;
}
article.user_info ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
article.user_info ul li:last-child {
  margin-bottom: 0;
}
article.user_info ul li {
  color: #333333;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
article.user_info .map_profile {
  margin: 1em -20px;
}
article.user_info .map_profile #map,
article.user_info .map_profile #map[style] {
  width: 100% !important;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
article.stats {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  article.stats {
    padding: 10px;
  }
}
article.stats h1,
article.stats h2,
article.stats em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  article.stats h1,
  article.stats h2,
  article.stats em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
article.stats h1 a,
article.stats h2 a,
article.stats em a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
article.stats h2 {
  margin-top: 0.5em;
}
article.stats ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #333333;
}
article.stats ul li {
  margin-bottom: 0.2em;
  color: #1d84c6;
}
article.stats ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
article.stats ul li:last-child {
  margin-bottom: 0;
}
article.stats ul li {
  color: #333333;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
article.stats ul li * {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
article.stats .action {
  margin-top: 1em;
}
article.stats .action .button {
  width: 100%;
}
.record_instructions {
  padding: 20px;
  background: #f2f2f2;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .record_instructions {
    padding: 10px;
  }
}
.record_instructions strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.record_instructions h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 960px) {
  .record_instructions h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.record_instructions h3 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin: 1.2em 0;
}
.word_instructions {
  padding: 20px;
  background: #f2f2f2;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .word_instructions {
    padding: 10px;
  }
}
.word_instructions h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 960px) {
  .word_instructions h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.word_instructions h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin: 1.3em 0;
}
.word_instructions p strong[style] {
  color: inherit !important;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.word_instructions p a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.claim_pronounce {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .claim_pronounce {
    padding: 10px;
  }
}
.claim_pronounce h2 {
  margin: 0;
  padding: 0;
  display: inline;
}
.claim_pronounce header h1,
.claim_pronounce header em {
  display: block;
  font-style: normal;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
}
.claim_pronounce header h1 a,
.claim_pronounce header em a {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  display: block;
}
.claim_pronounce header h1 a:focus,
.claim_pronounce header em a:focus {
  border-color: #09557e;
}
.claim_pronounce header h1 a:hover,
.claim_pronounce header em a:hover {
  background-color: #3a9fd9;
}
.claim_pronounce header h1 a.thin,
.claim_pronounce header em a.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.claim_pronounce header h1 a:before,
.claim_pronounce header em a:before {
  content: "+";
  margin-right: 0.2em;
}
.claim_pronounce > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 1.2em;
}
.claim_pronounce > ul li {
  margin-bottom: 0.5em;
  color: #1d84c6;
}
.claim_pronounce > ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.claim_pronounce > ul li:last-child {
  margin-bottom: 0;
}
.claim_add_words {
  padding: 0 20px;
}
.claim_add_words p a {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  display: block;
}
.claim_add_words p a:focus {
  border-color: #09557e;
}
.claim_add_words p a:hover {
  background-color: #3a9fd9;
}
.claim_add_words p a.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.claim_add_words p a:before {
  content: "+";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-right: 0.2em;
  margin-top: -0.2em;
  font-size: 1.5em;
  line-height: 1em;
}
article.delete_account {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  article.delete_account {
    padding: 10px;
  }
}
article.delete_account h1,
article.delete_account em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
}
.claim_signup {
  padding: 20px;
  background: #f2f2f2;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .claim_signup {
    padding: 10px;
  }
}
.claim_signup header {
  margin-bottom: 0.5em;
}
.claim_signup header strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.claim_signup header h1,
.claim_signup header em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  .claim_signup header h1,
  .claim_signup header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.claim_signup header p,
.claim_signup header p:last-child {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  margin: 0;
}
.claim_signup h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
@media only screen and (max-width: 960px) {
  .claim_signup h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.claim_signup h2:first-child {
  margin-top: 0;
}
.claim_signup h2 + p.actions {
  margin-top: 0.5em;
}
.claim_signup h3 {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 1em;
  color: #1d84c6;
}
.claim_signup h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.claim_signup h3:last-child {
  margin-bottom: 0;
}
.claim_signup .actions,
.claim_signup p:last-child {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-top: 1em;
}
@media only screen and (max-width: 960px) {
  .claim_signup .actions,
  .claim_signup p:last-child {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.claim_signup .actions a,
.claim_signup p:last-child a {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  display: block;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.claim_signup .actions a:focus,
.claim_signup p:last-child a:focus {
  border-color: #09557e;
}
.claim_signup .actions a:hover,
.claim_signup p:last-child a:hover {
  background-color: #3a9fd9;
}
.claim_signup .actions a.thin,
.claim_signup p:last-child a.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.pagination {
  margin-top: 35px;
  text-align: center;
  padding: 0.2em 0 0.3em;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  color: #666666;
}
.pagination ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 0;
}
.pagination ol li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.pagination ol li a,
.pagination ol li strong {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding: 0.5em;
  color: inherit;
}
.pagination ol li a[rel=prev]:before,
.pagination ol li a[rel=next]:before {
  position: absolute;
  top: 50%;
  margin-top: -0.45em;
}
.pagination ol li a[rel=prev]:before {
  content: "\f104";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  left: -0.25em;
}
.pagination ol li a[rel=next]:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  right: -0.5em;
}
.pagination ol li strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #09557e;
}
.categories_cloud {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #999999;
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .categories_cloud {
    padding: 10px;
  }
}
.categories_cloud header {
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.categories_cloud header .lang_xx {
  color: inherit;
}
.categories_cloud header h1,
.categories_cloud header em {
  display: block;
  font-style: normal;
}
.categories_cloud ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.categories_cloud ul li {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-right: 0.8rem;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categories_cloud ul li:after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  width: 1px;
  background: #999999;
  height: 0.7em;
  margin-left: 0.8rem;
  overflow: hidden;
}
.categories_cloud ul li:last-child:after {
  display: none;
}
.categories_cloud ul li.level0 {
  font-size: 1.2rem;
}
.categories_cloud ul li.level1 {
  font-size: 1.4rem;
}
.categories_cloud ul li.level2 {
  font-size: 1.6rem;
}
.categories_cloud ul li.level3 {
  font-size: 1.8rem;
}
.categories_cloud ul li.level4 {
  font-size: 2rem;
}
.categories_cloud ul li.level5 {
  font-size: 2.2rem;
}
.categories_cloud p.more {
  margin-top: 1em;
}
.categories_cloud p.more strong {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
html,
body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 10px;
  line-height: 1.2em;
  background: #ffffff;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  html,
  body {
    font-size: 8px;
  }
}
body.rtl {
  direction: rtl;
  unicode-bidi: bidi-override;
}
body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
body.modal #wrap {
  height: 100%;
}
#wrap {
  min-height: 100%;
  margin-bottom: -200px;
}
#wrap:after {
  content: "";
  display: block;
  height: 200px;
}
@media only screen and (max-width: 640px) {
  #wrap {
    overflow: hidden;
  }
}
#header {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  position: relative;
  margin-bottom: 15px;
  background-color: #ffffff;
}
#header:before,
#header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#header:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  #header {
    margin-bottom: 0;
  }
}
#logo {
  float: left;
  margin-top: 10px;
  position: relative;
  z-index: 2;
}
#logo img {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: block;
  margin: 0 auto;
  width: 217px;
  height: 64.5px;
}
@media only screen and (max-width: 780px) {
  #logo img {
    width: 197.27272727px;
    height: 58.63636364px;
  }
}
@media only screen and (max-width: 640px) {
  #logo {
    float: none;
    text-align: center;
    overflow: hidden;
    height: 36.07142857px;
  }
  #logo img {
    width: 155px;
    height: 46.07142857px;
    display: inline;
  }
}
#nav_user {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #999999;
}
@media only screen and (max-width: 780px) {
  #nav_user {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
#nav_user p {
  margin: 0;
  display: inline;
}
#nav_user p strong {
  font-weight: inherit;
}
#nav_user ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
#nav_user ul li {
  display: inline;
  margin-left: 25px;
}
#nav_user ul li.active a {
  color: #1d84c6;
}
#nav_user ul li a {
  color: inherit;
}
#nav_user ul li a:before {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
#nav_user ul li.username,
#nav_user ul li.close {
  display: none;
}
#nav_user ul li.login a:before {
  content: "\f054";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-top: 2px;
}
#nav_user ul li.signup a:before {
  content: "\e612";
  font-family: 'Forvo';
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-top: 1px;
  font-size: 1.1em;
}
#nav_user ul li.editors a:before {
  content: "\f044";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.3em;
}
#nav_user ul li.forum a:before {
  content: "\f075";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.1em;
}
#nav_user ul li.account a:before {
  content: "\f015";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.3em;
  margin-top: -1px;
}
#nav_user ul li.words a:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  font-size: 1.2em;
}
#nav_user ul li.messages a:before {
  content: "\f0e0";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.1em;
}
#nav_user ul li.logout a:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.2em;
}
@media only screen and (max-width: 640px) {
  #nav_user {
    left: 0;
    right: 0;
    width: 100%;
  }
  #nav_user p.welcome {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 10px;
    margin: 0;
    font-size: 0;
  }
  #nav_user p.welcome:before {
    content: "\e615";
    font-family: 'Forvo';
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    font-size: 1.9rem;
    display: block;
    color: #ffffff;
    background: #1d84c6;
    text-align: center;
    height: 35px;
    width: 35px;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    margin: 0;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
    line-height: 35px;
    cursor: pointer;
  }
  #nav_user p.welcome:hover:before {
    background-color: #3a9fd9;
  }
  #nav_user ul li.login,
  #nav_user ul li.signup {
    position: absolute;
    z-index: 3;
    top: 0;
    margin: 0;
    font-size: 0;
  }
  #nav_user ul li.login a:before,
  #nav_user ul li.signup a:before {
    color: #ffffff;
    background: #1d84c6;
    text-align: center;
    height: 35px;
    width: 35px;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
  }
  #nav_user ul li.login a:hover:before,
  #nav_user ul li.signup a:hover:before {
    background-color: #3a9fd9;
  }
  #nav_user ul li.login {
    left: 10px;
  }
  #nav_user ul li.login a:before {
    content: "\f090";
    font-family: 'FontAwesome';
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    margin: 0;
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 1.2em;
    line-height: 35px;
  }
  #nav_user ul li.signup {
    right: 10px;
  }
  #nav_user ul li.signup a:before {
    content: "\f234";
    font-family: 'FontAwesome';
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    margin: 0;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.2em;
    line-height: 35px;
  }
  #nav_user.logged ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    z-index: 1001;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #09557e;
    color: #ffffff;
    border-bottom: 1px solid #09557e;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  #nav_user.logged ul.active {
    left: 0%;
  }
  #nav_user.logged ul li {
    display: block;
    text-align: center;
    margin: 0;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.2em;
    border-bottom: 1px solid #ffffff;
    font-family: 'LatoLight', 'Lato', Arial, sans-serif;
    font-weight: normal;
  }
  #nav_user.logged ul li a {
    display: block;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding: 1em 0;
  }
  #nav_user.logged ul li a:hover {
    color: #ffffff !important;
    background: #3a9fd9;
  }
  #nav_user.logged ul li.username {
    padding: 1em 50px;
    background: #1d84c6;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.2em;
    font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
    font-weight: normal;
  }
  #nav_user.logged ul li.username:after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    /* IE7 (hasLayout)*/
    *display: inline;
    /* IE */
    margin: 0;
    margin-left: 0.2em;
  }
  #nav_user.logged ul li.close {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    font-size: 0;
    border: 0;
  }
  #nav_user.logged ul li.close:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2em;
    margin: 0;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
  }
}
#nav_common {
  position: absolute;
  bottom: -3px;
  right: 10px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
#nav_common ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 0;
}
#nav_common ul li {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-left: 51px;
  position: relative;
}
#nav_common ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: -25px;
  top: 15%;
  width: 1px;
  height: 80%;
  background: #666666;
}
#nav_common ul li:first-child {
  margin-left: 0;
}
#nav_common ul li:first-child:before {
  display: none;
}
#nav_common ul li a {
  color: inherit;
}
@media only screen and (max-width: 640px) {
  #nav_common {
    position: static;
    bottom: auto;
    text-align: center;
    margin: 10px 0;
  }
  #nav_common ul li {
    margin-left: 21px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1em;
  }
  #nav_common ul li:before {
    left: -10px;
  }
  #nav_common ul li a {
    color: #1d84c6;
  }
}
#wrap_main_nav_and_search .trigger_menu {
  display: none;
}
@media only screen and (max-width: 640px) {
  #wrap_main_nav_and_search {
    position: relative;
    background: #09557e;
    padding-top: 50px;
    padding-left: 45px;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  #wrap_main_nav_and_search .trigger_menu {
    position: absolute;
    z-index: 10;
    display: block;
    left: 10px;
    top: 10px;
  }
  #wrap_main_nav_and_search .trigger_menu:before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    color: #ffffff;
    cursor: pointer;
    margin: 0;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.2em;
    width: 35px;
    height: 30px;
    text-align: center;
    line-height: 30px;
  }
  #wrap_main_nav_and_search #nav_main {
    display: none;
    margin-left: -35px;
    text-align: left;
    margin-left: -45px;
    margin-right: -10px;
    background: transparent;
  }
  #wrap_main_nav_and_search #nav_main ul {
    padding: 0;
  }
  #wrap_main_nav_and_search #nav_main ul li {
    display: block;
    border: 0;
    margin-bottom: 1px;
  }
  #wrap_main_nav_and_search #nav_main ul li a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.5em;
    display: block;
    padding: 0 10px;
  }
  #wrap_main_nav_and_search #nav_main ul li.active {
    background: #3a9fd9;
  }
  #wrap_main_nav_and_search #main_search {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 55px;
    padding-right: 40px;
    right: 10px;
    top: 10px;
    width: 100%;
  }
  #wrap_main_nav_and_search #main_search > .content {
    padding: 0;
  }
  #wrap_main_nav_and_search #main_search > .content #search_word_holder {
    width: 100%;
    height: auto;
    padding: 0;
  }
  #wrap_main_nav_and_search #main_search > .content #search_language_holder {
    display: none;
  }
  #wrap_main_nav_and_search #main_search > .content .actions {
    position: absolute;
    right: -40px;
    top: -5px;
    background: none;
  }
  #wrap_main_nav_and_search #main_search > .content .actions button {
    margin: 0;
  }
  #wrap_main_nav_and_search #main_search nav {
    display: none;
  }
}
#nav_main {
  background: #1d84c6;
  color: #ffffff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  #nav_main {
    display: block !important;
  }
}
#nav_main ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}
#nav_main ul li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  border-left: 1px solid #09557e;
}
#nav_main ul li:last-child {
  border-right: 1px solid #09557e;
}
#nav_main ul li a {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.5em;
  color: #ffffff;
  padding: 0 40px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#nav_main ul li a:hover {
  color: #ffffff !important;
  background-color: #3a9fd9;
  text-decoration: none;
}
#nav_main ul li.active {
  background-color: #09557e;
}
#main_search > .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: right;
  font-size: 0;
  position: relative;
}
#main_search nav,
#main_search .search_word_holder,
#main_search .search_language_holder,
#main_search .actions {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding: 5px 0;
}
#main_search nav {
  position: relative;
  z-index: 2;
  padding: 0;
}
#main_search nav:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 40px;
  background: #09557e;
}
#main_search nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}
#main_search nav ul li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
#main_search nav ul li a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 40px;
  line-height: 40px;
  position: relative;
  margin: 0 60px;
  background: #f2f2f2;
  padding-left: 10px;
  color: #666666;
}
#main_search nav ul li a:before,
#main_search nav ul li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 60px;
  height: 40px;
  background: url(/_presentation/assets/img/shapes/tabs.png) no-repeat;
  background-position: -436px -368px;
  background-size: 576px 460px;
}
#main_search nav ul li a:before {
  left: -60px;
  background-color: #ffffff;
  background-position: -436px -368px;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
#main_search nav ul li a:after {
  right: -60px;
}
#main_search nav ul li.classic {
  display: none;
}
#main_search .search_word_holder,
#main_search .search_language_holder,
#main_search .actions {
  background: #09557e;
  color: #ffffff;
}
#main_search .search_word_holder,
#main_search .search_language_holder {
  width: 235px;
}
#main_search .search_word_holder input,
#main_search .search_language_holder input,
#main_search .search_word_holder select,
#main_search .search_language_holder select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #333333;
  height: 30px;
  padding-right: 30px;
  padding-left: 20px;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#main_search .search_word_holder {
  z-index: 2;
}
#main_search .search_word_holder label {
  display: block;
  font-size: 0;
  height: 0;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
#main_search .search_word_holder label:before {
  content: "\f0dd";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.6rem;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.7em;
  z-index: 10;
  color: #e5e5e5;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  cursor: pointer;
}
#main_search .search_word_holder label:hover:before {
  color: #3a9fd9;
}
#main_search .search_language_holder {
  position: absolute;
  right: 10px;
}
#main_search .search_language_holder:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 20px;
  background: #cbcbcb;
  z-index: 1;
}
#main_search .search_language_holder label {
  display: none;
}
#main_search .search_language_holder .ui-selectmenu-button {
  height: 30px;
  color: #333333;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  line-height: 30px;
}
#main_search .search_language_holder .ui-selectmenu-button span.ui-selectmenu-text {
  background: #ffffff;
  height: 30px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  line-height: 30px;
}
#main_search .search_language_holder span.ui-icon:before {
  font-size: 2.2rem;
}
#main_search .actions {
  position: relative;
  width: 50px;
}
#main_search .actions:before {
  display: none;
  content: "";
  position: absolute;
  right: -60px;
  top: 0;
  width: 60px;
  height: 40px;
  background: url(/_presentation/assets/img/shapes/tabs.png) no-repeat;
  background-position: -70px -276px;
  background-size: 576px 460px;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
#main_search .actions button {
  position: relative;
  background: #1d84c6;
  color: #ffffff;
  margin: 0;
  padding: 0;
  border: 0;
  width: 40px;
  margin-right: 10px;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
#main_search .actions button:hover {
  background-color: #3a9fd9;
}
#main_search .actions button:before {
  content: "\f002";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
#main_search form.new nav ul li.classic {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
#main_search form.new nav ul li.new {
  display: none;
}
#main_search form.new .search_language_holder {
  position: relative;
  right: auto;
}
@media only screen and (min-width: 1200px) {
  #main_search .actions:before {
    display: block;
  }
  #main_search .actions button {
    width: 100%;
    margin-right: 0;
  }
}
body.rtl #main_search nav ul li a:before {
  -ms-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
body.rtl #main_search nav ul li a:after {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
body.rtl #main_search .actions:before {
  -ms-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#displayer {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 35px;
  padding-top: 5px;
}
.mainpage {
  zoom: 1;
  padding-right: 320px;
}
.mainpage:before,
.mainpage:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.mainpage:after {
  clear: both;
}
.mainpage > section.main_section {
  float: left;
  width: 100%;
}
.mainpage > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
}
.mainpage > section.main_section > header .title_holder,
.mainpage > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.mainpage > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.mainpage > section.main_section > header h1,
.mainpage > section.main_section > header h2,
.mainpage > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.mainpage > section.main_section > header h1 h1,
.mainpage > section.main_section > header h2 h1,
.mainpage > section.main_section > header em h1 {
  padding-bottom: 0;
}
.mainpage > section.main_section > header h1 > strong,
.mainpage > section.main_section > header h2 > strong,
.mainpage > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.mainpage > section.main_section > header h1 > span,
.mainpage > section.main_section > header h2 > span,
.mainpage > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .mainpage > section.main_section > header h1 > span,
  .mainpage > section.main_section > header h2 > span,
  .mainpage > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.mainpage > section.main_section > header h1 > .ico_rol:after,
.mainpage > section.main_section > header h2 > .ico_rol:after,
.mainpage > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.mainpage > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .mainpage > section.main_section > header h1,
  .mainpage > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .mainpage > section.main_section > header h1,
  .mainpage > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.mainpage > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .mainpage > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .mainpage > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.mainpage > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.mainpage > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .mainpage > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.mainpage > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.mainpage > section.main_section > header .info.ok {
  color: #3db385;
}
.mainpage > section.main_section > header .info.error {
  color: #cc194f;
}
.mainpage > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.mainpage > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.mainpage > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.mainpage > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.mainpage > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.mainpage > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.mainpage > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.mainpage > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.mainpage > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.mainpage > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .mainpage > section.main_section {
    float: none;
  }
}
.mainpage.fullpage {
  padding-right: 0;
}
.mainpage > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .mainpage {
    padding-right: 260px;
  }
  .mainpage > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .mainpage {
    padding-right: 0;
  }
  .mainpage > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
#footer {
  background: #ebebeb;
  color: #999999;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  min-height: 200px;
}
@media only screen and (max-width: 780px) {
  #footer {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
#footer > .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 150px;
}
#footer a {
  color: inherit;
}
#footer #footer_interfaz_langs h1,
#footer #footer_interfaz_langs em {
  color: #333333;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: block;
  font-style: normal;
}
#footer #footer_interfaz_langs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#footer #footer_interfaz_langs ul li {
  display: inline;
  white-space: nowrap;
  line-height: 1.8em;
  padding-right: 10px;
  border-right: 1px solid #999999;
  margin-right: 10px;
  color: #333333;
}
#footer #footer_interfaz_langs ul li a {
  white-space: nowrap;
  color: #999999;
}
#footer #footer_interfaz_langs #footer_main_languages_list {
  display: inline;
}
#footer #footer_interfaz_langs #interfaz_other_languages_trigger {
  display: inline;
}
#footer #footer_interfaz_langs #footer_other_languages_list {
  display: none;
}
#footer #footer_interfaz_langs #footer_other_languages_list li:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
#footer #footer_nav {
  position: relative;
  margin-top: 10px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  padding-right: 100px;
}
#footer #footer_nav h1,
#footer #footer_nav em {
  display: block;
  font-style: normal;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin-right: 10px;
  border-right: 1px solid #999999;
  padding-right: 10px;
}
#footer #footer_nav nav {
  display: inline;
}
#footer #footer_nav nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
#footer #footer_nav nav ul li {
  display: inline;
  margin-right: 10px;
  border-right: 1px solid #999999;
  padding-right: 10px;
}
#footer #footer_nav nav ul li:last-child {
  margin-right: 0;
  border-right: 0;
  padding-right: 0;
}
#footer #footer_nav nav ul li a {
  white-space: nowrap;
}
#footer #footer_nav #footer_donate {
  position: absolute;
  right: 0;
  top: 5px;
}
#footer #footer_nav #footer_donate * {
  border: 0;
}
@media only screen and (max-width: 1024px) {
  #footer #footer_nav {
    padding-right: 0;
  }
  #footer #footer_nav #footer_donate {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 25px;
  }
}
#fixed-banner {
  position: fixed;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}
#cookie_assistant {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  -webkit-transition: bottom 0.25s ease;
  -moz-transition: bottom 0.25s ease;
  -ms-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background: #1d84c6;
  color: #ffffff;
  border-top: 2px solid #ffffff;
}
#cookie_assistant a {
  color: #ffffff !important;
  text-decoration: underline;
  margin-left: 0.3em;
}
#cookie_assistant .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cookie_assistant .content * {
  display: inline;
}
#cookie_assistant .content h1,
#cookie_assistant .content em {
  display: block;
  font-style: normal;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.legacypage > section.main_section > .titulo {
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.legacypage > section.main_section > .titulo > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.legacypage > section.main_section > .titulo + .superdata {
  margin-top: 0;
}
.legacypage > section.main_section > .superdata {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 1.5em 0 ;
  padding: 0.7em 0;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.legacypage > section.main_section > .superdata strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.legacypage > section.main_section h2.help {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-top: 1.2em;
  margin-bottom: 0.2em;
}
@media only screen and (max-width: 960px) {
  .legacypage > section.main_section h2.help {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.legacypage > section.main_section p.textonormal {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.legacypage > section.main_section img {
  max-width: 100%;
}
.legacypage > section.main_section .headedby {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 44%;
  margin-right: 5%;
}
.legacypage > section.main_section .headedby h3 {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.4em 0;
}
.legacypage > section.main_section .headedby p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .legacypage > section.main_section .headedby p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_error404 > section.main_section > article {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  margin-top: 3em;
}
.page_error404 > section.main_section > article h1 {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.5em;
}
article#page_no-flash {
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
}
article#page_no-flash header {
  color: #cc194f;
  margin-bottom: 1em;
}
article#page_no-flash table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
}
article#page_no-flash table th,
article#page_no-flash table td {
  text-align: center;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.5em 0;
}
article#page_no-flash table th:first-child,
article#page_no-flash table td:first-child {
  text-align: left;
}
article#page_no-flash table .yes,
article#page_no-flash table .note,
article#page_no-flash table .no {
  font-size: 0;
}
article#page_no-flash table .yes:before,
article#page_no-flash table .note:before,
article#page_no-flash table .no:before {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-top: -5px;
}
article#page_no-flash table .yes:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #1d84c6;
  font-size: 2rem;
  color: #3db385;
}
article#page_no-flash table .no:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
  color: #cc194f;
}
article#page_no-flash table .note:before {
  content: "\f069";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #1d84c6;
  font-size: 1.5rem;
  color: #3a9fd9;
}
article#page_no-flash footer {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-top: 1.5em;
}
@media only screen and (max-width: 780px) {
  article#page_no-flash footer {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
article#page_no-flash footer p:before {
  content: "\f069";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #1d84c6;
  display: inline-block;
  vertical-align: text-top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-right: 0.5em;
  font-size: 0.8em;
  color: #3a9fd9;
}
html.audio article#page_no-flash table .note:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #1d84c6;
  font-size: 2rem;
  color: #3db385;
}
html.audio article#page_no-flash footer {
  display: none;
}
.page_home {
  padding-right: 320px;
  padding-top: 25px;
}
@media only screen and (max-width: 640px) {
  .page_home {
    padding-top: 5px;
  }
}
.page_home > section.main_section {
  margin-left: -20px;
  float: left;
  width: 100%;
  font-size: 0;
}
.page_home > section.main_section > article {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  padding-left: 20px;
  width: 50%;
  margin-bottom: 1.5em;
}
.page_home > section.main_section article.today_language header {
  background: #f2f2f2;
  padding: 20px;
}
@media only screen and (max-width: 640px) {
  .page_home > section.main_section article.today_language header {
    padding: 10px;
  }
}
.page_home > section.main_section article.today_language header h1,
.page_home > section.main_section article.today_language header em {
  display: block;
  font-style: normal;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  .page_home > section.main_section article.today_language header h1,
  .page_home > section.main_section article.today_language header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_home > section.main_section article.today_language header h1 span,
.page_home > section.main_section article.today_language header em span {
  white-space: nowrap;
}
.page_home > section.main_section article.today_language header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
.page_home > section.main_section article.today_language header ul li {
  position: relative;
  padding: 0.25em 0;
  padding-left: 27px;
}
.page_home > section.main_section article.today_language header ul li:before {
  position: absolute;
  left: 0;
  top: 4px;
}
.page_home > section.main_section article.today_language header ul li.speakers:before {
  content: "\e615";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  left: 1px;
  color: #999999;
}
.page_home > section.main_section article.today_language header ul li.forvo_speakers:before {
  content: "\e616";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  top: 3px;
  color: #1d84c6;
}
.page_home > section.main_section article.today_language header ul li.pronunciations:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #1d84c6;
}
.page_home > section.main_section article.today_language header ul li.not_pronounced:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
}
.page_home > section.main_section article.categories header {
  padding-top: 20px;
}
.page_home > section.main_section article.categories header h1,
.page_home > section.main_section article.categories header em {
  display: block;
  font-style: normal;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.7em;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.7em;
}
@media only screen and (max-width: 960px) {
  .page_home > section.main_section article.categories header h1,
  .page_home > section.main_section article.categories header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_home > section.main_section article.categories header ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_home > section.main_section article.categories header ul > li {
  margin-bottom: 0.5em;
}
.page_home > section.main_section article.categories header ul li a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: relative;
  color: #1d84c6;
  padding-left: 27px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_home > section.main_section article.categories header ul li a:before {
  content: "\e604";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #999999;
  position: absolute;
  left: 1px;
  top: 2px;
}
.page_home > section.main_section article.categories header ul li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.page_home > section.main_section article.lang_pronunciations header h1,
.page_home > section.main_section article.category_pronunciations header h1,
.page_home > section.main_section article.lang_pronunciations header em,
.page_home > section.main_section article.category_pronunciations header em {
  display: block;
  font-style: normal;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 1em;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.5em;
}
.page_home > section.main_section article.lang_pronunciations header h1 a,
.page_home > section.main_section article.category_pronunciations header h1 a,
.page_home > section.main_section article.lang_pronunciations header em a,
.page_home > section.main_section article.category_pronunciations header em a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_home > section.main_section article.lang_pronunciations > ul,
.page_home > section.main_section article.category_pronunciations > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_home > section.main_section article.lang_pronunciations > ul > li,
.page_home > section.main_section article.category_pronunciations > ul > li {
  margin-bottom: 0.5em;
}
.page_home > section.main_section article.lang_pronunciations > ul > li,
.page_home > section.main_section article.category_pronunciations > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play,
.page_home > section.main_section article.category_pronunciations > ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play:before,
.page_home > section.main_section article.category_pronunciations > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play.loading:before,
.page_home > section.main_section article.category_pronunciations > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play.loading:after,
.page_home > section.main_section article.category_pronunciations > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play.error,
.page_home > section.main_section article.category_pronunciations > ul > li a.play.error {
  color: #cc194f;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play:before,
.page_home > section.main_section article.category_pronunciations > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play.loading:before,
.page_home > section.main_section article.category_pronunciations > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play.loading:after,
.page_home > section.main_section article.category_pronunciations > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.play.error,
.page_home > section.main_section article.category_pronunciations > ul > li a.play.error {
  color: #cc194f;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.record,
.page_home > section.main_section article.category_pronunciations > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.record:before,
.page_home > section.main_section article.category_pronunciations > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_home > section.main_section article.lang_pronunciations > ul > li a.record:before,
.page_home > section.main_section article.category_pronunciations > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_home > section.main_section article.lang_pronunciations > ul > li .lang_xx,
.page_home > section.main_section article.category_pronunciations > ul > li .lang_xx,
.page_home > section.main_section article.lang_pronunciations > ul > li .notes,
.page_home > section.main_section article.category_pronunciations > ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_home > section.main_section article.lang_pronunciations > ul > li .lang_xx,
  .page_home > section.main_section article.category_pronunciations > ul > li .lang_xx,
  .page_home > section.main_section article.lang_pronunciations > ul > li .notes,
  .page_home > section.main_section article.category_pronunciations > ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_home > section.main_section article.lang_pronunciations > ul > li .lang_xx abbr,
.page_home > section.main_section article.category_pronunciations > ul > li .lang_xx abbr,
.page_home > section.main_section article.lang_pronunciations > ul > li .notes abbr,
.page_home > section.main_section article.category_pronunciations > ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_home > section.main_section article.lang_pronunciations > ul > li.not_pronounced .notes,
.page_home > section.main_section article.category_pronunciations > ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_home > section.main_section article.lang_pronunciations p.more,
.page_home > section.main_section article.category_pronunciations p.more {
  margin-top: 1.2em;
}
.page_home > section.main_section article.lang_pronunciations p.more a,
.page_home > section.main_section article.category_pronunciations p.more a {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  position: relative;
  padding-left: 27px;
  color: #999999;
}
.page_home > section.main_section article.lang_pronunciations p.more a:before,
.page_home > section.main_section article.category_pronunciations p.more a:before {
  content: "\e612";
  font-family: 'Forvo';
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 4px;
  top: 2px;
  width: 27px;
}
.page_home > aside {
  float: right;
  margin-right: -320px;
  width: 300px;
}
.page_home > aside article {
  margin-bottom: 10px;
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .page_home > aside article {
    padding: 10px;
  }
}
.page_home > aside article.brief {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
}
.page_home > aside article.brief h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin: 1.2em 0 0.5em;
}
@media only screen and (max-width: 960px) {
  .page_home > aside article.brief h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_home > aside article.brief h2:first-child {
  margin-top: 0;
}
.page_home > aside article.brief a,
.page_home > aside article.brief strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_home > aside article.brief img {
  width: 15px;
  height: auto;
  vertical-align: text-bottom;
  margin: 0 3px;
}
.page_home > aside article.brief .join_promo {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1em;
  display: block;
  width: 100%;
  margin: 1.5em 0;
}
.page_home > aside article.brief .join_promo:focus {
  border-color: #09557e;
}
.page_home > aside article.brief .join_promo:hover {
  background-color: #3a9fd9;
}
.page_home > aside article.brief .join_promo.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.page_home > aside article.news {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 780px) {
  .page_home > aside article.news {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_home > aside article.news h1,
.page_home > aside article.news em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  .page_home > aside article.news h1,
  .page_home > aside article.news em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_home > aside article.news ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #666666;
}
.page_home > aside article.news ul li {
  margin-top: 0.4em;
}
.page_home > aside article.news ul li a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_home > section.last_pronunciations {
  padding-bottom: 15px;
  margin-right: -320px;
  clear: both;
}
.page_home > section.last_pronunciations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_home > section.last_pronunciations .lang_xx {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_home > section.last_pronunciations .lang_xx {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_home > section.last_pronunciations .lang_xx abbr {
  text-decoration: none;
  border: 0;
}
.page_home > section.last_pronunciations > header {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
  margin-bottom: 15px;
}
.page_home > section.last_pronunciations > header h1,
.page_home > section.last_pronunciations > header em {
  display: block;
  font-style: normal;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_home > section.last_pronunciations > .content {
  zoom: 1;
  padding-right: 320px;
}
.page_home > section.last_pronunciations > .content:before,
.page_home > section.last_pronunciations > .content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_home > section.last_pronunciations > .content:after {
  clear: both;
}
.page_home > section.last_pronunciations > .content > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  width: 100%;
}
.page_home > section.last_pronunciations > .content > ul > li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  color: #1d84c6;
  margin-bottom: 15px;
}
.page_home > section.last_pronunciations > .content > ul > li h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_home > section.last_pronunciations > .content > ul > li ul li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.2em 0;
}
.page_home > section.last_pronunciations > .content > aside {
  position: relative;
  float: right;
  margin-right: -320px;
  width: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
}
.page_home > section.last_pronunciations > .content > aside h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 15px;
}
.page_home > section.last_pronunciations > .content > aside ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.22em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 0;
}
.page_home > section.last_pronunciations > .content > aside ul > li {
  margin-bottom: 0.22em;
}
.page_home > section.last_pronunciations > .content > aside ul li {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 45%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}
.page_home > section.last_pronunciations > .content > aside ul li:nth-child(odd) {
  margin-right: 10%;
}
@media only screen and (max-width: 960px) {
  .page_home {
    padding-right: 0;
  }
  .page_home > section.main_section {
    float: none;
  }
  .page_home > aside {
    zoom: 1;
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    width: auto;
    display: block;
    background: #f2f2f2;
  }
  .page_home > aside:before,
  .page_home > aside:after {
    display: table;
    content: "";
    zoom: 1;
    *display: inline;
  }
  .page_home > aside:after {
    clear: both;
  }
  .page_home > aside article.brief,
  .page_home > aside article.stats {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    max-width: 45%;
  }
  .page_home > aside article.news {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 50%;
    margin-right: 20px;
  }
  .page_home > section.last_pronunciations {
    margin-right: 0;
  }
  .page_home > section.last_pronunciations > .content {
    padding-right: 0;
  }
  .page_home > section.last_pronunciations > .content > ul {
    float: none;
    display: block;
  }
  .page_home > section.last_pronunciations > .content > aside {
    float: none;
    margin-right: 0;
    width: auto;
  }
  .page_home > section.last_pronunciations > .content > ul > li {
    width: 25%;
  }
  .page_home > section.last_pronunciations > .content > aside ul li {
    width: 25%;
  }
  .page_home > section.last_pronunciations > .content > aside ul li:nth-child(odd) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 780px) {
  .page_home > aside article.news ul li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) {
  .page_home > section.main_section {
    margin-left: 0;
  }
  .page_home > section.main_section > article {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .page_home > section.main_section > article.today_language {
    display: block;
    width: auto;
  }
  .page_home > aside {
    zoom: 1;
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    width: auto;
    background: #f2f2f2;
  }
  .page_home > aside:before,
  .page_home > aside:after {
    display: table;
    content: "";
    zoom: 1;
    *display: inline;
  }
  .page_home > aside:after {
    clear: both;
  }
  .page_home > aside article.brief,
  .page_home > aside article.stats,
  .page_home > aside article.news {
    float: none;
    width: 100%;
    max-width: none;
    margin-right: 0;
  }
  .page_home > aside article.news {
    padding-top: 0;
  }
  .page_home > section.last_pronunciations > .content > ul > li {
    width: 33.33%;
  }
  .page_home > section.last_pronunciations > .content > aside ul li {
    width: 33.33%;
  }
  .page_home > section.last_pronunciations > .content > aside ul li:nth-child(odd) {
    margin-right: 0;
  }
}
body.rtl .page_home > aside article.brief img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.page_homenew .interesting_info .donationsimg img {
  width: 100%;
}
#page_homenew #displayer {
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  padding-bottom: 0;
}
body.rtl .page_homenew .main_search > .content form nav ul li a:before,
body.rtl .page_homenew .main_search > .content form nav ul li a:after {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.page_homenew .main_search {
  background: url(/_presentation/assets/img/pages/home/bg_people.jpg) no-repeat 50% 0%;
  background-color: #ccc;
  background-size: cover;
  padding-top: 100px;
  min-height: 350px;
}
.page_homenew .main_search > .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_homenew .main_search > .content > header {
  color: #ffffff;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1.6em;
}
.page_homenew .main_search > .content > header em {
  display: block;
  font-style: normal;
}
.page_homenew .main_search > .content > header em h1 {
  display: inline;
}
.page_homenew .main_search > .content > header strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_homenew .main_search > .content > header a,
.page_homenew .main_search > .content > header a:hover {
  color: inherit !important;
}
.page_homenew .main_search > .content form {
  position: relative;
  padding-right: 170px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}
.page_homenew .main_search > .content form .form_content {
  position: relative;
  height: 70px;
}
.page_homenew .main_search > .content form nav {
  position: absolute;
  z-index: 10;
  height: 30px;
  top: -30px;
}
.page_homenew .main_search > .content form nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  zoom: 1;
}
.page_homenew .main_search > .content form nav ul:before,
.page_homenew .main_search > .content form nav ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_homenew .main_search > .content form nav ul:after {
  clear: both;
}
.page_homenew .main_search > .content form nav ul li {
  position: relative;
  float: left;
  font-size: NaNpx;
  font-size: 1.6emrem;
  line-height: 1.2em;
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
  margin-right: 0;
  z-index: 1;
}
.page_homenew .main_search > .content form nav ul li:hover {
  z-index: 2;
}
.page_homenew .main_search > .content form nav ul li a {
  position: relative;
  float: left;
  background: #1d84c6;
  color: #ffffff;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  margin-left: 75px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  min-width: 200px;
}
.page_homenew .main_search > .content form nav ul li a:hover {
  background-color: #3a9fd9;
  color: #ffffff !important;
}
.page_homenew .main_search > .content form nav ul li a:before,
.page_homenew .main_search > .content form nav ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  width: 75px;
  height: 30px;
  background-image: url(/_presentation/assets/img/shapes/tabs.png);
  background-repeat: no-repeat;
  background-size: auto 315.78947368px;
}
.page_homenew .main_search > .content form nav ul li a:before {
  background-position: -40px -63px;
  left: -75px;
}
.page_homenew .main_search > .content form nav ul li a:after {
  background-position: -340px -63px;
  right: -75px;
}
.page_homenew .main_search > .content form nav ul li a:hover:before {
  background-position: -40px -126px;
}
.page_homenew .main_search > .content form nav ul li a:hover:after {
  background-position: -340px -126px;
}
.page_homenew .main_search > .content form nav ul li.active {
  z-index: 3;
  pointer-events: none;
}
.page_homenew .main_search > .content form nav ul li.active a,
.page_homenew .main_search > .content form nav ul li.active a:hover {
  background-color: #ffffff !important;
  color: #999999 !important;
  pointer-events: none;
  cursor: default;
}
.page_homenew .main_search > .content form nav ul li.active a:before,
.page_homenew .main_search > .content form nav ul li.active a:hover:before {
  background-position: -40px 0;
}
.page_homenew .main_search > .content form nav ul li.active a:after,
.page_homenew .main_search > .content form nav ul li.active a:hover:after {
  background-position: -340px 0;
}
.page_homenew .main_search > .content form .search_word_holder {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
}
.page_homenew .main_search > .content form .search_word_holder:hover:before {
  color: #3a9fd9;
}
.page_homenew .main_search > .content form .search_word_holder label {
  display: block;
  font-size: 0;
  height: 0;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
.page_homenew .main_search > .content form .search_word_holder label:before {
  content: "\f0dd";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3rem;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -0.7em;
  z-index: 10;
  color: #e5e5e5;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  cursor: pointer;
}
.page_homenew .main_search > .content form .search_word_holder label:hover:before {
  color: #3a9fd9;
}
.page_homenew .main_search > .content form .search_word_holder input[type=text] {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 70px;
  padding: 0 50px 0 25px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 2.2rem;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.page_homenew .main_search > .content form .search_language_holder {
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  left: 55%;
  bottom: 0;
  width: 45%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
  padding-left: 1px;
  background: #ffffff;
  z-index: 2;
}
.page_homenew .main_search > .content form .search_language_holder:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 50px;
  background: #cbcbcb;
  z-index: 10;
}
.page_homenew .main_search > .content form .search_language_holder label {
  display: none;
}
.page_homenew .main_search > .content form .search_language_holder select {
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
}
.page_homenew .main_search > .content form .actions {
  position: absolute;
  bottom: 0;
  right: -170px;
  width: 170px;
  height: 70px;
}
.page_homenew .main_search > .content form .actions button[type=submit] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  width: 170px;
  height: 70px;
  background: #1d84c6;
  color: #ffffff;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.page_homenew .main_search > .content form .actions button[type=submit]:hover {
  background-color: #3a9fd9;
}
.page_homenew .main_search > .content form .actions button[type=submit]:before {
  content: "\f002";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.page_homenew .main_search > .content form.new .search_word_holder {
  width: 55%;
}
.page_homenew .main_search > .content form.new .search_language_holder {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .page_homenew .main_search > .content form nav ul li a {
    min-width: auto;
  }
}
@media only screen and (max-width: 780px) {
  .page_homenew .main_search > .content form {
    padding-right: 100px;
  }
  .page_homenew .main_search > .content form nav ul li a {
    padding: 0 5px;
  }
  .page_homenew .main_search > .content form .actions {
    width: 100px;
    right: -100px;
  }
  .page_homenew .main_search > .content form .actions button[type=submit] {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .page_homenew .main_search {
    padding-top: 60px;
    padding-bottom: 60px;
    min-height: 1px;
  }
  .page_homenew .main_search > .content > header {
    margin-bottom: 0.7em;
  }
  .page_homenew .main_search > .content form {
    padding-right: 50px;
  }
  .page_homenew .main_search > .content form .form_content {
    height: 40px;
  }
  .page_homenew .main_search > .content form nav {
    display: none;
  }
  .page_homenew .main_search > .content form .search_word_holder input[type=text] {
    height: 40px;
  }
  .page_homenew .main_search > .content form .actions {
    width: 50px;
    height: 40px;
    right: -50px;
  }
  .page_homenew .main_search > .content form .actions button[type=submit] {
    height: 40px;
  }
  .page_homenew .main_search > .content form .actions button[type=submit]:before {
    font-size: 2.4rem;
  }
}
.page_homenew .interesting_info {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_homenew .interesting_info > .content {
  display: table;
  border-collapse: collapse;
  margin-top: 10px;
  width: 100%;
}
.page_homenew .interesting_info > .content > .block {
  display: table-cell;
  vertical-align: top;
  background: #f7f7f7;
  width: 33.33%;
}
.page_homenew .interesting_info > .content > .block img {
  width: 100%;
}
.page_homenew .interesting_info > .content > .block:first-child {
  border-right: 10px solid #ffffff;
}
.page_homenew .interesting_info > .content > .block:last-child {
  border-left: 10px solid #ffffff;
}
.page_homenew .interesting_info > .content > .block:nth-child(2) {
  padding: 0;
}
.page_homenew .interesting_info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_homenew .interesting_info h1,
.page_homenew .interesting_info em {
  display: block;
  font-style: normal;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 0.9em;
  margin-bottom: 0.9em;
}
.page_homenew .interesting_info h1 a,
.page_homenew .interesting_info em a {
  line-height: 1.3em;
}
.page_homenew .interesting_info article {
  padding: 17px;
}
.page_homenew .interesting_info article.trending ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_homenew .interesting_info article.trending ul > li {
  margin-bottom: 0.5em;
}
.page_homenew .interesting_info article.trending ul > li {
  position: relative;
  padding-left: 27px;
}
.page_homenew .interesting_info article.trending ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_homenew .interesting_info article.trending ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_homenew .interesting_info article.trending ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_homenew .interesting_info article.trending ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_homenew .interesting_info article.trending ul > li a.play.error {
  color: #cc194f;
}
.page_homenew .interesting_info article.trending ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_homenew .interesting_info article.trending ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_homenew .interesting_info article.trending ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_homenew .interesting_info article.trending ul > li a.play.error {
  color: #cc194f;
}
.page_homenew .interesting_info article.trending ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_homenew .interesting_info article.trending ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_homenew .interesting_info article.trending ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_homenew .interesting_info article.trending ul > li .lang_xx,
.page_homenew .interesting_info article.trending ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_homenew .interesting_info article.trending ul > li .lang_xx,
  .page_homenew .interesting_info article.trending ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_homenew .interesting_info article.trending ul > li .lang_xx abbr,
.page_homenew .interesting_info article.trending ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_homenew .interesting_info article.trending ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_homenew .interesting_info article.hot_categories ul,
.page_homenew .interesting_info .categories ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_homenew .interesting_info article.hot_categories ul > li,
.page_homenew .interesting_info .categories ul > li {
  margin-bottom: 0.5em;
}
.page_homenew .interesting_info article.hot_categories ul li a,
.page_homenew .interesting_info .categories ul li a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: relative;
  color: #1d84c6;
  padding-left: 27px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_homenew .interesting_info article.hot_categories ul li a:before,
.page_homenew .interesting_info .categories ul li a:before {
  content: "\e604";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #999999;
  position: absolute;
  left: 1px;
  top: 2px;
}
.page_homenew .interesting_info article.hot_category ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_homenew .interesting_info article.hot_category ul > li {
  margin-bottom: 0.5em;
}
.page_homenew .interesting_info article.hot_category ul > li {
  position: relative;
  padding-left: 27px;
}
.page_homenew .interesting_info article.hot_category ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_homenew .interesting_info article.hot_category ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_homenew .interesting_info article.hot_category ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_homenew .interesting_info article.hot_category ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_homenew .interesting_info article.hot_category ul > li a.play.error {
  color: #cc194f;
}
.page_homenew .interesting_info article.hot_category ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_homenew .interesting_info article.hot_category ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_homenew .interesting_info article.hot_category ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_homenew .interesting_info article.hot_category ul > li a.play.error {
  color: #cc194f;
}
.page_homenew .interesting_info article.hot_category ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_homenew .interesting_info article.hot_category ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_homenew .interesting_info article.hot_category ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_homenew .interesting_info article.hot_category ul > li .lang_xx,
.page_homenew .interesting_info article.hot_category ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_homenew .interesting_info article.hot_category ul > li .lang_xx,
  .page_homenew .interesting_info article.hot_category ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_homenew .interesting_info article.hot_category ul > li .lang_xx abbr,
.page_homenew .interesting_info article.hot_category ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_homenew .interesting_info article.hot_category ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_homenew .interesting_info article.hot_category .more {
  margin-top: 1.5em;
}
.page_homenew .interesting_info article.hot_category .more a {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  position: relative;
  padding-left: 27px;
}
.page_homenew .interesting_info article.hot_category .more a:before {
  content: "\e612";
  font-family: 'Forvo';
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 4px;
  top: 2px;
  width: 27px;
}
.page_homenew .interesting_info article.news ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_homenew .interesting_info article.news ul > li {
  margin-bottom: 0.5em;
}
.page_homenew .interesting_info article.news a {
  position: relative;
  display: block;
  padding-left: 27px;
}
.page_homenew .interesting_info article.news a:before {
  content: "\e613";
  font-family: 'Forvo';
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #b3bfc4;
  position: absolute;
  left: 3px;
  top: 0;
  font-size: 1em;
}
.page_homenew .interesting_info article.language header {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 0.9em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.4em;
}
.page_homenew .interesting_info article.language h1,
.page_homenew .interesting_info article.language em {
  display: block;
  font-style: normal;
  margin-bottom: 0;
}
.page_homenew .interesting_info article.language h2 {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #1d84c6;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_homenew .interesting_info article.language h2 a {
  line-height: 1.3em;
}
.page_homenew .interesting_info article.language h2 .lang_xx {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
  vertical-align: middle;
  padding-top: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_homenew .interesting_info article.language h2 .lang_xx {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_homenew .interesting_info article.language h2 .lang_xx abbr {
  text-decoration: none;
  border: 0;
}
.page_homenew .interesting_info article.language dl,
.page_homenew .interesting_info article.language dt,
.page_homenew .interesting_info article.language dd {
  margin: 0;
  padding: 0;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_homenew .interesting_info article.language dl dl,
.page_homenew .interesting_info article.language dt dl,
.page_homenew .interesting_info article.language dd dl {
  margin-bottom: -10px;
}
.page_homenew .interesting_info article.language dl dt,
.page_homenew .interesting_info article.language dt dt,
.page_homenew .interesting_info article.language dd dt {
  color: #999999;
}
.page_homenew .interesting_info article.language dl dd,
.page_homenew .interesting_info article.language dt dd,
.page_homenew .interesting_info article.language dd dd {
  color: #1d84c6;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 0.9em;
  margin-bottom: 10px;
}
.page_homenew .interesting_info article.language dl dd:last-child,
.page_homenew .interesting_info article.language dt dd:last-child,
.page_homenew .interesting_info article.language dd dd:last-child {
  margin-bottom: 0;
}
.page_homenew .interesting_info article.banner em {
  margin-bottom: 0.9em;
  display: block;
}
.page_homenew .interesting_info article.trending {
  background-image: url(/_presentation/assets/img/pages/home/bg-hashtag.png);
  background-position: right -350% bottom -160px;
  background-repeat: no-repeat;
  counter-reset: section;
}
@media only screen and (max-width: 640px) {
  .page_homenew .interesting_info article.trending {
    background-position: right -125% bottom -163px;
  }
}
.page_homenew .interesting_info article.trending header em:after {
  content: "";
  background-image: url(/_presentation/assets/img/pages/home/trend.svg);
  display: inline-block;
  height: 23px;
  width: 19px;
  background-repeat: no-repeat;
  margin-left: 0.4em;
}
.page_homenew .interesting_info article.trending ul {
  margin-left: 25px;
}
.page_homenew .interesting_info article.trending ul li:before {
  counter-increment: section;
  /* Increment the section counter*/
  content: "#" counter(section) "  ";
  position: absolute;
  left: -25px;
  color: #bfbfbf;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-style: italic;
}
.page_homenew .interesting_info article.trending .more {
  margin-top: 1.5em;
}
.page_homenew .interesting_info article.trending .more a {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  position: relative;
  padding-left: 27px;
}
.page_homenew .interesting_info article.trending .more a:before {
  content: "\e612";
  font-family: 'Forvo';
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 4px;
  top: 2px;
  width: 27px;
}
.page_homenew .interesting_info .block article:nth-child(2n) {
  border-top: 10px solid #ffffff;
}
@media only screen and (max-width: 960px) {
  .page_homenew .interesting_info > .content > .block {
    width: 50%;
  }
  .page_homenew .interesting_info > .content > .block:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .page_homenew .interesting_info > .content {
    display: block;
  }
  .page_homenew .interesting_info > .content > .block {
    display: block;
    width: auto;
  }
  .page_homenew .interesting_info > .content > .block:first-child {
    border: 0;
  }
  .page_homenew .interesting_info > .content > .block:nth-child(2) {
    border-top: 10px solid #ffffff;
  }
  .page_homenew .interesting_info > .content > .block:nth-child(3) {
    display: block;
    border-left: 0;
    border-top: 10px solid #ffffff;
  }
  .page_homenew .interesting_info h1,
  .page_homenew .interesting_info em {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1em;
  }
  .page_homenew .interesting_info article.language header {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 1em;
  }
  .page_homenew .interesting_info article.language dl {
    zoom: 1;
  }
  .page_homenew .interesting_info article.language dl:before,
  .page_homenew .interesting_info article.language dl:after {
    display: table;
    content: "";
    zoom: 1;
    *display: inline;
  }
  .page_homenew .interesting_info article.language dl:after {
    clear: both;
  }
  .page_homenew .interesting_info article.language dl dt,
  .page_homenew .interesting_info article.language dl dd {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    /* IE7 (hasLayout)*/
    *display: inline;
    /* IE */
    float: left;
  }
  .page_homenew .interesting_info article.language dl dt {
    clear: both;
    margin-top: 0.55em;
    margin-right: 4px;
  }
  .page_homenew .interesting_info article.language dl dd {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1em;
    margin: 0;
  }
}
.page_homenew .last_pronunciations {
  margin-top: 10px;
  background: #f7f7f7;
  padding-bottom: 15px;
}
.page_homenew .last_pronunciations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_homenew .last_pronunciations .lang_xx {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_homenew .last_pronunciations .lang_xx {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_homenew .last_pronunciations .lang_xx abbr {
  text-decoration: none;
  border: 0;
}
.page_homenew .last_pronunciations > .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
}
.page_homenew .last_pronunciations > .content:before,
.page_homenew .last_pronunciations > .content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_homenew .last_pronunciations > .content:after {
  clear: both;
}
.page_homenew .last_pronunciations > .content > header {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
  margin-bottom: 15px;
  margin-left: 10px;
}
.page_homenew .last_pronunciations > .content > header h1,
.page_homenew .last_pronunciations > .content > header em {
  display: block;
  font-style: normal;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_homenew .last_pronunciations > .content > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  width: 66.66%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  padding-left: 10px;
}
.page_homenew .last_pronunciations > .content > ul > li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  color: #1d84c6;
  margin-bottom: 15px;
}
.page_homenew .last_pronunciations > .content > ul > li h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_homenew .last_pronunciations > .content > ul > li ul li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.2em 0;
}
.page_homenew .last_pronunciations > .content > aside {
  position: relative;
  float: right;
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
}
.page_homenew .last_pronunciations > .content > aside:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 15px;
  top: 0;
  background: #e5e5e5;
}
.page_homenew .last_pronunciations > .content > aside h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 15px;
}
.page_homenew .last_pronunciations > .content > aside ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.39em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 0;
}
.page_homenew .last_pronunciations > .content > aside ul > li {
  margin-bottom: 0.39em;
}
.page_homenew .last_pronunciations > .content > aside ul li {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 45%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}
.page_homenew .last_pronunciations > .content > aside ul li:nth-child(odd) {
  margin-right: 10%;
}
@media only screen and (max-width: 1024px) {
  .page_homenew .last_pronunciations > .content > ul {
    float: none;
    width: 100%;
  }
  .page_homenew .last_pronunciations > .content > aside {
    float: none;
    width: auto;
    padding-left: 10px;
  }
  .page_homenew .last_pronunciations > .content > aside:before {
    display: none;
  }
  .page_homenew .last_pronunciations > .content > aside ul li,
  .page_homenew .last_pronunciations > .content > aside ul li:nth-child(odd) {
    width: auto;
    margin-right: 10px;
    white-space: nowrap;
  }
  .page_homenew .last_pronunciations > .content > aside ul li:before,
  .page_homenew .last_pronunciations > .content > aside ul li:nth-child(odd):before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 10%;
    width: 1px;
    height: 80%;
    background: #cbcbcb;
  }
  .page_homenew .last_pronunciations > .content > aside ul li:last-child,
  .page_homenew .last_pronunciations > .content > aside ul li:nth-child(odd):last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .page_homenew .last_pronunciations > .content > aside ul li:last-child:before,
  .page_homenew .last_pronunciations > .content > aside ul li:nth-child(odd):last-child:before {
    display: none;
  }
}
@media only screen and (max-width: 780px) {
  .page_homenew .last_pronunciations > .content > ul > li {
    width: 33.33%;
  }
}
.page_search section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_search section.main_section > header .title_holder,
.page_search section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_search section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_search section.main_section > header h1,
.page_search section.main_section > header h2,
.page_search section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_search section.main_section > header h1 h1,
.page_search section.main_section > header h2 h1,
.page_search section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_search section.main_section > header h1 > strong,
.page_search section.main_section > header h2 > strong,
.page_search section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_search section.main_section > header h1 > span,
.page_search section.main_section > header h2 > span,
.page_search section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_search section.main_section > header h1 > span,
  .page_search section.main_section > header h2 > span,
  .page_search section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_search section.main_section > header h1 > .ico_rol:after,
.page_search section.main_section > header h2 > .ico_rol:after,
.page_search section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_search section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_search section.main_section > header h1,
  .page_search section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_search section.main_section > header h1,
  .page_search section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_search section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_search section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_search section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_search section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_search section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_search section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_search section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_search section.main_section > header .info.ok {
  color: #3db385;
}
.page_search section.main_section > header .info.error {
  color: #cc194f;
}
.page_search section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_search section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_search section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_search section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_search section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_search section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_search section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_search section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_search section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_search section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
.page_search section.main_section > .nav_langs {
  margin: 1.6em 0;
}
.page_search section.main_section > .nav_langs > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: -10px;
  margin-top: -10px;
}
.page_search section.main_section > .nav_langs > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-left: 10px;
  margin-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
.page_search section.main_section > .nav_langs > ul > li > a,
.page_search section.main_section > .nav_langs > ul > li > span {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  min-width: 90px;
  padding-top: 0.3em;
  padding-bottom: 0.4em;
}
.page_search section.main_section > .nav_langs > ul > li > a:focus,
.page_search section.main_section > .nav_langs > ul > li > span:focus {
  border-color: #09557e;
}
.page_search section.main_section > .nav_langs > ul > li > a:hover,
.page_search section.main_section > .nav_langs > ul > li > span:hover {
  background-color: #3a9fd9;
}
.page_search section.main_section > .nav_langs > ul > li > a.thin,
.page_search section.main_section > .nav_langs > ul > li > span.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.page_search section.main_section > .nav_langs > ul > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 10px;
  position: absolute;
  z-index: 5;
  right: 0;
  width: 120px;
  max-height: 120px;
  overflow: auto;
  background: #3a9fd9;
  display: none;
}
.page_search section.main_section > .nav_langs > ul > li ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_search section.main_section > .nav_langs > ul > li ul li a {
  display: block;
  color: #ffffff !important;
  padding: 0.1em 0.2em 0.2em;
  margin: 2px 0;
}
.page_search section.main_section > .nav_langs > ul > li ul li.active a,
.page_search section.main_section > .nav_langs > ul > li ul li a:hover {
  background-color: #1d84c6;
}
.page_search section.main_section > .nav_langs > ul > li:hover > a,
.page_search section.main_section > .nav_langs > ul > li:hover > span {
  background-color: #3a9fd9;
}
.page_search section.main_section > .nav_langs > ul > li:hover ul {
  display: block;
}
.page_search section.main_section > .nav_langs > ul > li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_search section.main_section > .nav_langs > ul > li > a,
.page_search section.main_section > .nav_langs > ul > li > span {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #333333 !important;
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -ms-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}
.page_search section.main_section > .nav_langs > ul > li > a:hover,
.page_search section.main_section > .nav_langs > ul > li > span:hover {
  color: #ffffff !important;
}
.page_search section.main_section > .nav_langs > ul > li.active > a {
  background-color: #3a9fd9;
  color: #ffffff !important;
}
.page_search section.main_section > .nav_langs > ul > li ul {
  width: 180px;
  right: auto;
  left: 0;
}
.page_search section.main_section > .nav_langs > ul > li.more > span {
  min-width: 50px;
}
.page_search section.main_section > .nav_langs > ul > li.more:hover > span {
  color: #ffffff !important;
}
.page_search section.main_section .ad {
  margin: 1.4em 0 1em;
}
.page_search section.main_section .num_items {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_search section.main_section .tip {
  margin: 2em 0;
  text-align: center;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
.page_search section.main_section .tip a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_search section.main_section article.search_words.empty {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_search section.main_section article.search_words.empty .actions {
  margin-top: 2em;
  text-align: center;
}
.page_search section.main_section article.search_words > h1,
.page_search section.main_section article.search_translations > h1,
.page_search section.main_section article.search_categories > h1 {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 1em;
}
.page_search section.main_section article.search_words + article,
.page_search section.main_section article.search_translations + article,
.page_search section.main_section article.search_categories + article {
  margin-top: 1.8em;
}
.page_search section.main_section article.search_words > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
  margin-bottom: 0;
}
.page_search section.main_section article.search_words > ul > li {
  margin-bottom: 0.5em;
}
.page_search section.main_section article.search_words > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_search section.main_section article.search_words > ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_search section.main_section article.search_words > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_search section.main_section article.search_words > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_search section.main_section article.search_words > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_search section.main_section article.search_words > ul > li a.play.error {
  color: #cc194f;
}
.page_search section.main_section article.search_words > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_search section.main_section article.search_words > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_search section.main_section article.search_words > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_search section.main_section article.search_words > ul > li a.play.error {
  color: #cc194f;
}
.page_search section.main_section article.search_words > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_search section.main_section article.search_words > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_search section.main_section article.search_words > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_search section.main_section article.search_words > ul > li .lang_xx,
.page_search section.main_section article.search_words > ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_search section.main_section article.search_words > ul > li .lang_xx,
  .page_search section.main_section article.search_words > ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_search section.main_section article.search_words > ul > li .lang_xx abbr,
.page_search section.main_section article.search_words > ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_search section.main_section article.search_words > ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_search section.main_section article.search_translations > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_search section.main_section article.search_translations > ul > li {
  padding-bottom: 1.6em;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 1.2em;
}
.page_search section.main_section article.search_translations > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.page_search section.main_section article.search_translations > ul > li > p {
  margin-bottom: 1em;
}
.page_search section.main_section article.search_translations > ul > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
  margin-bottom: 0;
}
.page_search section.main_section article.search_translations > ul > li ul > li {
  margin-bottom: 0.5em;
}
.page_search section.main_section article.search_translations > ul > li ul > li {
  position: relative;
  padding-left: 27px;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play.error {
  color: #cc194f;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.play.error {
  color: #cc194f;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_search section.main_section article.search_translations > ul > li ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_search section.main_section article.search_translations > ul > li ul > li .lang_xx,
.page_search section.main_section article.search_translations > ul > li ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_search section.main_section article.search_translations > ul > li ul > li .lang_xx,
  .page_search section.main_section article.search_translations > ul > li ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_search section.main_section article.search_translations > ul > li ul > li .lang_xx abbr,
.page_search section.main_section article.search_translations > ul > li ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_search section.main_section article.search_translations > ul > li ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_search section.main_section article.search_categories > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_search section.main_section article.search_categories > ul > li {
  padding-bottom: 1.6em;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 1.2em;
}
.page_search section.main_section article.search_categories > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.page_search section.main_section article.search_categories > ul > li > p.category {
  margin-bottom: 1em;
}
.page_search section.main_section article.search_categories > ul > li > p.category a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: relative;
  color: #1d84c6;
  padding-left: 27px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_search section.main_section article.search_categories > ul > li > p.category a:before {
  content: "\e604";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #999999;
  position: absolute;
  left: 1px;
  top: 2px;
}
.page_search section.main_section article.search_categories > ul > li > p.results {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_search section.main_section article.search_categories > ul > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
.page_search section.main_section article.search_categories > ul > li ul li {
  display: inline;
  white-space: nowrap;
  color: #999999;
}
.page_search section.main_section article.search_categories > ul > li ul li:after {
  content: ",";
}
.page_search section.main_section article.search_categories > ul > li ul li:last-child:after {
  content: "";
}
.page_search {
  zoom: 1;
  padding-right: 320px;
}
.page_search:before,
.page_search:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_search:after {
  clear: both;
}
.page_search > section.main_section {
  float: left;
  width: 100%;
}
.page_search > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_search > section.main_section > header .title_holder,
.page_search > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_search > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_search > section.main_section > header h1,
.page_search > section.main_section > header h2,
.page_search > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_search > section.main_section > header h1 h1,
.page_search > section.main_section > header h2 h1,
.page_search > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_search > section.main_section > header h1 > strong,
.page_search > section.main_section > header h2 > strong,
.page_search > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_search > section.main_section > header h1 > span,
.page_search > section.main_section > header h2 > span,
.page_search > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_search > section.main_section > header h1 > span,
  .page_search > section.main_section > header h2 > span,
  .page_search > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_search > section.main_section > header h1 > .ico_rol:after,
.page_search > section.main_section > header h2 > .ico_rol:after,
.page_search > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_search > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_search > section.main_section > header h1,
  .page_search > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_search > section.main_section > header h1,
  .page_search > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_search > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_search > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_search > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_search > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_search > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_search > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_search > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_search > section.main_section > header .info.ok {
  color: #3db385;
}
.page_search > section.main_section > header .info.error {
  color: #cc194f;
}
.page_search > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_search > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_search > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_search > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_search > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_search > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_search > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_search > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_search > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_search > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_search > section.main_section {
    float: none;
  }
}
.page_search.fullpage {
  padding-right: 0;
}
.page_search > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_search {
    padding-right: 260px;
  }
  .page_search > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_search {
    padding-right: 0;
  }
  .page_search > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_search .main_section div > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_search .main_section div > ul > li {
  margin-bottom: 0.5em;
}
.page_search .main_section div > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_search .main_section div > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_search .main_section div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_search .main_section div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_search .main_section div > ul > li .lang_xx,
.page_search .main_section div > ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_search .main_section div > ul > li .lang_xx,
  .page_search .main_section div > ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_search .main_section div > ul > li .lang_xx abbr,
.page_search .main_section div > ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
@media only screen and (max-width: 640px) {
  .page_search .main_section div {
    overflow: hidden;
  }
}
.page_search .main_section div h2 {
  width: 50%;
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
  background: #f7f7f7;
  padding: 8px;
  width: 100%;
}
.page_search .main_section .words {
  width: calc(40% - 40px);
  width: -moz-calc(40% - 40px);
  width: -webkit-calc(40% - 40px);
  width: -o-calc(40% - 40px);
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_search .main_section .words {
    width: 100%;
    margin-bottom: 1em;
  }
}
.page_search .main_section .sentences {
  width: 60%;
  float: right;
}
@media only screen and (max-width: 640px) {
  .page_search .main_section .sentences {
    width: 100%;
  }
}
.page_search .main_section .first-list ul,
.page_search .main_section .second-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
}
.page_search .main_section .first-list ul li,
.page_search .main_section .second-list ul li {
  padding-left: 0;
  width: 50%;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_search .main_section .first-list ul li,
  .page_search .main_section .second-list ul li {
    width: 100%;
    float: none;
  }
}
.page_search .main_section .first-list ul li h2,
.page_search .main_section .second-list ul li h2 {
  width: calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -o-calc(100% - 40px);
}
@media only screen and (max-width: 640px) {
  .page_search .main_section .first-list ul li h2,
  .page_search .main_section .second-list ul li h2 {
    display: none;
  }
}
.page_search .main_section .first-list ul li ul,
.page_search .main_section .second-list ul li ul {
  padding-left: 25px;
}
.page_search .main_section .first-list ul li ul li,
.page_search .main_section .second-list ul li ul li {
  float: none;
  width: 100%;
  margin-bottom: 0.5em;
}
.page_search .main_section .first-list ul li ul li .play,
.page_search .main_section .second-list ul li ul li .play {
  position: absolute;
  left: 0;
}
.page_tools img.tool_img {
  display: block;
  margin: 1em 0 0.5em;
  width: 180px;
  height: auto;
}
.page_tools .textonormal a img {
  width: 85px;
  height: auto;
  vertical-align: text-bottom;
  margin: 0 4px;
}
.page_tools article.badges {
  margin-top: 2em;
}
.page_tools article.badges ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_tools article.badges > form > ul {
  font-size: 0;
}
.page_tools article.badges > form > ul > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 100px;
  margin-top: 20px;
  position: relative;
}
.page_tools article.badges > form > ul > li:first-child {
  margin-top: 0;
}
.page_tools article.badges > form > ul > li h1,
.page_tools article.badges > form > ul > li em {
  display: block;
  font-style: normal;
  position: absolute;
  left: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  bottom: 0;
  margin-bottom: 0.2em;
}
.page_tools article.badges > form > ul > li li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  width: 50%;
  text-align: center;
}
.page_tools article.badges > form > ul > li li label {
  display: block;
  margin-bottom: 0.75em;
}
.page_tools article.badges > form > ul > li li input {
  width: 125px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_tools article.badges > form > ul > li li input {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 960px) {
  .page_tools article.badges > form > ul > li {
    padding-left: 0;
  }
  .page_tools article.badges > form > ul > li h1 {
    position: static;
    left: auto;
    bottom: auto;
    margin-bottom: 0.75em;
    text-align: center;
  }
}
.page_listen-and-learn-old section.main_section > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
  font-size: 0;
}
.page_listen-and-learn-old section.main_section > ul > li {
  margin-bottom: 0.5em;
}
.page_listen-and-learn-old section.main_section > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_listen-and-learn-old section.main_section > ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_listen-and-learn-old section.main_section > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_listen-and-learn-old section.main_section > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_listen-and-learn-old section.main_section > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_listen-and-learn-old section.main_section > ul > li a.play.error {
  color: #cc194f;
}
.page_listen-and-learn-old section.main_section > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_listen-and-learn-old section.main_section > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_listen-and-learn-old section.main_section > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_listen-and-learn-old section.main_section > ul > li a.play.error {
  color: #cc194f;
}
.page_listen-and-learn-old section.main_section > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_listen-and-learn-old section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_listen-and-learn-old section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_listen-and-learn-old section.main_section > ul > li .lang_xx,
.page_listen-and-learn-old section.main_section > ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn-old section.main_section > ul > li .lang_xx,
  .page_listen-and-learn-old section.main_section > ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_listen-and-learn-old section.main_section > ul > li .lang_xx abbr,
.page_listen-and-learn-old section.main_section > ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_listen-and-learn-old section.main_section > ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_listen-and-learn-old section.main_section > ul > li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-right: 10px;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn-old section.main_section > ul > li {
    display: block;
    width: auto;
  }
}
.page_listen-and-learn-old section.main_section .more {
  text-align: center;
  margin-top: 35px;
  border-top: 1px solid #cbcbcb;
  padding-top: 35px;
}
.page_listen-and-learn-old section.main_section .more a {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3em;
}
.page_listen-and-learn-old section.main_section .more a:focus {
  border-color: #09557e;
}
.page_listen-and-learn-old section.main_section .more a:hover {
  background-color: #3a9fd9;
}
.page_listen-and-learn-old section.main_section .more a.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.page_listen-and-learn-old aside article {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn-old aside article {
    padding: 10px;
  }
}
.page_listen-and-learn-old aside article h1,
.page_listen-and-learn-old aside article em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 1em;
}
.page_listen-and-learn-old aside article ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_listen-and-learn-old aside article ul li {
  margin-bottom: 0.6em;
  color: #1d84c6;
}
.page_listen-and-learn-old aside article ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.page_listen-and-learn-old aside article ul li:last-child {
  margin-bottom: 0;
}
.page_listen-and-learn-old aside article ul + h1,
.page_listen-and-learn-old aside article ul + em {
  margin-top: 1em;
}
.page_listen-and-learn {
  zoom: 1;
  padding-right: 320px;
}
.page_listen-and-learn:before,
.page_listen-and-learn:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_listen-and-learn:after {
  clear: both;
}
.page_listen-and-learn > section.main_section {
  float: left;
  width: 100%;
}
.page_listen-and-learn > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_listen-and-learn > section.main_section > header .title_holder,
.page_listen-and-learn > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_listen-and-learn > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_listen-and-learn > section.main_section > header h1,
.page_listen-and-learn > section.main_section > header h2,
.page_listen-and-learn > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_listen-and-learn > section.main_section > header h1 h1,
.page_listen-and-learn > section.main_section > header h2 h1,
.page_listen-and-learn > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_listen-and-learn > section.main_section > header h1 > strong,
.page_listen-and-learn > section.main_section > header h2 > strong,
.page_listen-and-learn > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_listen-and-learn > section.main_section > header h1 > span,
.page_listen-and-learn > section.main_section > header h2 > span,
.page_listen-and-learn > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section > header h1 > span,
  .page_listen-and-learn > section.main_section > header h2 > span,
  .page_listen-and-learn > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_listen-and-learn > section.main_section > header h1 > .ico_rol:after,
.page_listen-and-learn > section.main_section > header h2 > .ico_rol:after,
.page_listen-and-learn > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_listen-and-learn > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn > section.main_section > header h1,
  .page_listen-and-learn > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_listen-and-learn > section.main_section > header h1,
  .page_listen-and-learn > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_listen-and-learn > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_listen-and-learn > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_listen-and-learn > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_listen-and-learn > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_listen-and-learn > section.main_section > header .info.ok {
  color: #3db385;
}
.page_listen-and-learn > section.main_section > header .info.error {
  color: #cc194f;
}
.page_listen-and-learn > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_listen-and-learn > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_listen-and-learn > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_listen-and-learn > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_listen-and-learn > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_listen-and-learn > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_listen-and-learn > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_listen-and-learn > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_listen-and-learn > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_listen-and-learn > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn > section.main_section {
    float: none;
  }
}
.page_listen-and-learn.fullpage {
  padding-right: 0;
}
.page_listen-and-learn > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_listen-and-learn {
    padding-right: 260px;
  }
  .page_listen-and-learn > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn {
    padding-right: 0;
  }
  .page_listen-and-learn > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_listen-and-learn * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
}
.page_listen-and-learn > section.main_section section {
  margin-top: 2em;
}
.page_listen-and-learn > section.main_section section img {
  vertical-align: middle;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.page_listen-and-learn > section.main_section section #video_content {
  background: #333333;
  padding: 1em;
  zoom: 1;
}
.page_listen-and-learn > section.main_section section #video_content:before,
.page_listen-and-learn > section.main_section section #video_content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_listen-and-learn > section.main_section section #video_content:after {
  clear: both;
}
.page_listen-and-learn > section.main_section section #video_content #content_big {
  position: relative;
  width: 75%;
  float: left;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section section #video_content #content_big {
    width: 100%;
  }
}
.page_listen-and-learn > section.main_section section #video_content #content_big .time {
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #ffffff;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  z-index: 55;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0.9;
  text-shadow: 1px 1px 2px #333333;
}
.page_listen-and-learn > section.main_section section #video_content #content_big .player is-splash {
  background: #333333;
  background-size: cover;
}
.page_listen-and-learn > section.main_section section #video_content .content_small {
  position: relative;
  width: 23.2%;
  margin-bottom: 0.7em;
  float: right;
  height: 90px;
  overflow: hidden;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section section #video_content .content_small {
    display: none;
  }
}
.page_listen-and-learn > section.main_section section #video_content .content_small:last-child {
  margin-bottom: 0;
}
.page_listen-and-learn > section.main_section section #video_content .content_small .video_hover {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0;
  z-index: 99;
}
.page_listen-and-learn > section.main_section section #video_content .content_small .video_hover:before {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 38%;
  top: 29%;
  cursor: pointer;
  border: 2px solid #ffffff;
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
  padding: 1em;
  border-radius: 50%;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 0.7;
}
.page_listen-and-learn > section.main_section section #video_content .content_small .video_hover:hover {
  opacity: 1;
}
.page_listen-and-learn > section.main_section section #video_content .content_small .video_title {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 100%;
  color: #ffffff;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.page_listen-and-learn > section.main_section section #video_content .content_small:hover .video_title {
  opacity: 0 !important;
}
.page_listen-and-learn > section.main_section section .video_info {
  background: #f7f7f7;
  padding: 1.2em;
}
.page_listen-and-learn > section.main_section section .video_info .small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
}
.page_listen-and-learn > section.main_section section .video_info .icons {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  overflow: auto;
  padding-top: 1em;
}
.page_listen-and-learn > section.main_section section .video_info .icons .left {
  float: left;
  margin-left: 1em;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn > section.main_section section .video_info .icons .left {
    margin-left: 0px;
    margin-right: 1em;
  }
}
.page_listen-and-learn > section.main_section section .video_info .icons .views {
  margin-right: 0.5em;
}
.page_listen-and-learn > section.main_section section .video_info .icons .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_listen-and-learn > section.main_section section .video_info .icons .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_listen-and-learn > section.main_section section .video_info .icons .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.page_listen-and-learn > section.main_section section .video_info .icons .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_listen-and-learn > section.main_section section .video_info .icons .hand .advice {
  display: none;
  color: #3db385;
}
.page_listen-and-learn > section.main_section section .video_info .icons .hand:hover .advice {
  display: inline;
}
.page_listen-and-learn > section.main_section section .video_info .icons .follow {
  margin-left: 0.5em;
}
.page_listen-and-learn > section.main_section section .video_info .icons .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn > section.main_section section .video_info .icons .follow:before {
    top: 0;
  }
}
.page_listen-and-learn > section.main_section section .video_info .icons .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.page_listen-and-learn > section.main_section section .video_info .icons .follow .advice {
  display: none;
  color: #3db385;
}
.page_listen-and-learn > section.main_section section .video_info .icons .follow:hover .advice {
  display: inline;
}
.page_listen-and-learn > section.main_section section .video_info .icons .following {
  color: #3db385;
}
.page_listen-and-learn > section.main_section section .video_info .icons .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.page_listen-and-learn > section.main_section section .video_info .icons .active {
  color: #3db385;
}
.page_listen-and-learn > section.main_section section .video_info .icons .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_listen-and-learn > section.main_section section .video_info .icons .active .advice {
  display: none!important;
}
.page_listen-and-learn > section.main_section section #videos {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
}
.page_listen-and-learn > section.main_section section #videos li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section section #videos li {
    width: 48.5%;
    margin-right: 3%;
  }
}
@media only screen and (min-width: 780px) {
  .page_listen-and-learn > section.main_section section #videos li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section section #videos li:nth-child(2n) {
    margin-right: 0px !important;
  }
}
.page_listen-and-learn > section.main_section section #videos li a {
  display: block;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_content {
  border: 1px solid #cbcbcb;
  overflow: auto;
  padding: 4px;
  border-radius: 3px;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_content .thumbnail {
  position: relative;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_content .thumbnail img {
  object-fit: cover;
  max-height: 127px;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_content .thumbnail:hover img {
  opacity: 0.5;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_content .thumbnail:hover a {
  background: #000;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_content .thumbnail:hover a:after {
  width: 11px;
  height: 11px;
  position: absolute;
  left: 41%;
  top: 35%;
  cursor: pointer;
  border: 2px solid #ffffff;
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
  padding: 1em;
  border-radius: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 0.8;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section section #videos li .thumbnail_content .thumbnail:hover a:after {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 41%;
    top: 35%;
    cursor: pointer;
    border: 2px solid #ffffff;
    content: "\e606";
    font-family: 'Forvo';
    font-size: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2em;
    line-height: 1em;
    color: #ffffff;
    text-align: center;
    padding: 1em;
    border-radius: 50%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 0.8;
  }
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_content .thumbnail .time {
  position: absolute;
  left: 10px;
  bottom: 5px;
  color: #ffffff;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  z-index: 55;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px #333333;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info {
  margin-top: 0.5em;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 780px) {
  .page_listen-and-learn > section.main_section section #videos li .thumbnail_info p {
    margin-bottom: 0.5em;
  }
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info span {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
  color: #999999;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .views {
  margin-right: 0.5em;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .hand .advice {
  display: none;
  color: #3db385;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .hand:hover .advice {
  display: inline;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .follow {
  margin-left: 0.5em;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn > section.main_section section #videos li .thumbnail_info .follow:before {
    top: 0;
  }
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .follow .advice {
  display: none;
  color: #3db385;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .follow:hover .advice {
  display: inline;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .following {
  color: #3db385;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .active {
  color: #3db385;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_listen-and-learn > section.main_section section #videos li .thumbnail_info .active .advice {
  display: none!important;
}
.page_listen-and-learn > aside.main_aside {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .page_listen-and-learn > aside.main_aside {
    padding: 10px;
  }
}
.page_listen-and-learn > aside.main_aside header h1,
.page_listen-and-learn > aside.main_aside header em {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  .page_listen-and-learn > aside.main_aside header h1,
  .page_listen-and-learn > aside.main_aside header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_listen-and-learn > aside.main_aside p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  margin-bottom: 1em;
}
.page_listen-and-learn > aside.main_aside form label {
  display: none;
}
.page_listen-and-learn > aside.main_aside form .ui-selectmenu-text {
  border-top: 1px solid #C6C6C6 !important;
  border-right: 1px solid #E8E8E8  !important;
  border-bottom: 1px solid #E8E8E8 !important;
  border-left: 1px solid #C6C6C6!important;
  background: #ffffff;
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1) !important;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  line-height: 1.2em !important;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif !important;
  color: #999999 !important;
}
.page_listen-and-learn > aside.main_aside form .button {
  margin-top: 1em;
  width: 100%;
}
.page_language > section.main_section > header {
  margin-bottom: 2.5em;
}
.page_language > section.main_section > header .info {
  position: relative;
  padding-right: 320px !important;
}
.page_language > section.main_section > header .info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #666666;
}
.page_language > section.main_section > header .info ul li {
  position: relative;
  padding: 0.25em 0 0.25em 27px;
}
.page_language > section.main_section > header .info ul li:before {
  position: absolute;
  left: 0;
  top: 4px;
}
.page_language > section.main_section > header .info ul li.speakers:before {
  content: "\e615";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  left: 1px;
  color: #999999;
}
.page_language > section.main_section > header .info ul li.forvo_speakers:before {
  content: "\e616";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  top: 3px;
  color: #1d84c6;
}
.page_language > section.main_section > header .info ul li.pronunciations:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #1d84c6;
}
.page_language > section.main_section > header .info ul li.not_pronounced:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
}
.page_language > section.main_section > header .info ul li.image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.page_language > section.main_section > header .info ul li.image img {
  display: none;
}
.page_language > section.main_section > header .info ul li.image .author {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  position: absolute;
  right: 0;
  bottom: -20px;
  white-space: nowrap;
}
@media only screen and (max-width: 780px) {
  .page_language > section.main_section > header .info ul li.image .author {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 1200px) {
  .page_language > section.main_section > header .info {
    padding-right: 270px !important;
  }
  .page_language > section.main_section > header .info ul li.image {
    width: 250px;
  }
}
@media only screen and (max-width: 960px) {
  .page_language > section.main_section > header .info {
    padding-right: 20px !important;
  }
  .page_language > section.main_section > header .info ul li.image {
    display: none;
  }
}
.page_language > section.main_section > .ad {
  margin: 1.2em 0;
}
.page_language > section.main_section section.words {
  font-size: 0;
  margin-left: -20px;
}
.page_language > section.main_section section.words > article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  padding-left: 20px;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
@media only screen and (max-width: 640px) {
  .page_language > section.main_section section.words > article {
    display: block;
    width: auto;
    margin-bottom: 40px;
  }
}
.page_language > section.main_section section.words > article header {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.page_language > section.main_section section.words > article em {
  display: block;
  font-style: normal;
}
.page_language > section.main_section section.words > article p.empty {
  text-align: center;
  color: #666666;
}
.page_language > section.main_section section.words > article p.more {
  margin-top: 1.2em;
}
.page_language > section.main_section section.words > article p.more a {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  position: relative;
  padding-left: 27px;
  color: #999999;
}
.page_language > section.main_section section.words > article p.more a:before {
  content: "\e612";
  font-family: 'Forvo';
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 4px;
  top: 2px;
  width: 27px;
}
.page_language > section.main_section section.words > article.pronunciations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_language > section.main_section section.words > article.pronunciations ul > li {
  margin-bottom: 0.5em;
}
.page_language > section.main_section section.words > article.pronunciations ul > li {
  position: relative;
  padding-left: 27px;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play.error {
  color: #cc194f;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.play.error {
  color: #cc194f;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language > section.main_section section.words > article.pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language > section.main_section section.words > article.pronunciations ul > li .lang_xx,
.page_language > section.main_section section.words > article.pronunciations ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_language > section.main_section section.words > article.pronunciations ul > li .lang_xx,
  .page_language > section.main_section section.words > article.pronunciations ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_language > section.main_section section.words > article.pronunciations ul > li .lang_xx abbr,
.page_language > section.main_section section.words > article.pronunciations ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_language > section.main_section section.words > article.pronunciations ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_language > section.main_section section.words > article.not_pronounced header h1 a,
.page_language > section.main_section section.words > article.not_pronounced header em a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-left: 1em;
}
@media only screen and (max-width: 780px) {
  .page_language > section.main_section section.words > article.not_pronounced header h1 a,
  .page_language > section.main_section section.words > article.not_pronounced header em a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_language > section.main_section section.words > article.not_pronounced ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_language > section.main_section section.words > article.not_pronounced ul > li {
  margin-bottom: 0.5em;
}
.page_language > section.main_section section.words > article.not_pronounced ul > li {
  position: relative;
  padding-left: 27px;
}
.page_language > section.main_section section.words > article.not_pronounced ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_language > section.main_section section.words > article.not_pronounced ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language > section.main_section section.words > article.not_pronounced ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language > section.main_section section.words > article.not_pronounced ul > li .lang_xx,
.page_language > section.main_section section.words > article.not_pronounced ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_language > section.main_section section.words > article.not_pronounced ul > li .lang_xx,
  .page_language > section.main_section section.words > article.not_pronounced ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_language > section.main_section section.words > article.not_pronounced ul > li .lang_xx abbr,
.page_language > section.main_section section.words > article.not_pronounced ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_languages {
  zoom: 1;
  padding-right: 320px;
}
.page_languages:before,
.page_languages:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_languages:after {
  clear: both;
}
.page_languages > section.main_section {
  float: left;
  width: 100%;
}
.page_languages > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_languages > section.main_section > header .title_holder,
.page_languages > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_languages > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_languages > section.main_section > header h1,
.page_languages > section.main_section > header h2,
.page_languages > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_languages > section.main_section > header h1 h1,
.page_languages > section.main_section > header h2 h1,
.page_languages > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_languages > section.main_section > header h1 > strong,
.page_languages > section.main_section > header h2 > strong,
.page_languages > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_languages > section.main_section > header h1 > span,
.page_languages > section.main_section > header h2 > span,
.page_languages > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_languages > section.main_section > header h1 > span,
  .page_languages > section.main_section > header h2 > span,
  .page_languages > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_languages > section.main_section > header h1 > .ico_rol:after,
.page_languages > section.main_section > header h2 > .ico_rol:after,
.page_languages > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_languages > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_languages > section.main_section > header h1,
  .page_languages > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_languages > section.main_section > header h1,
  .page_languages > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_languages > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_languages > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_languages > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_languages > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_languages > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_languages > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_languages > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_languages > section.main_section > header .info.ok {
  color: #3db385;
}
.page_languages > section.main_section > header .info.error {
  color: #cc194f;
}
.page_languages > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_languages > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_languages > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_languages > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_languages > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_languages > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_languages > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_languages > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_languages > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_languages > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_languages > section.main_section {
    float: none;
  }
}
.page_languages.fullpage {
  padding-right: 0;
}
.page_languages > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_languages {
    padding-right: 260px;
  }
  .page_languages > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_languages {
    padding-right: 0;
  }
  .page_languages > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_languages section.main_section > header {
  margin-bottom: 0 !important;
}
.page_languages section.main_section > header > nav.order {
  border-bottom: 0 !important;
}
.page_languages section.main_section > ul.popularity {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: -10px;
}
.page_languages section.main_section > ul.popularity > li {
  background: #f2f2f2;
  margin-top: 10px;
  padding: 20px 25px;
}
.page_languages section.main_section > ul.popularity > li.level1 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
}
.page_languages section.main_section > ul.popularity > li.level2 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.2em;
}
.page_languages section.main_section > ul.popularity > li.level3 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
}
.page_languages section.main_section > ul.popularity > li.level4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
}
.page_languages section.main_section > ul.popularity > li.level5 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
.page_languages section.main_section > ul.popularity > li > h2 {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
.page_languages section.main_section > ul.popularity > li > h2 strong {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_languages section.main_section > ul.popularity > li > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_languages section.main_section > ul.popularity > li > ul > li {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-right: 5px;
  padding: 0 0;
  white-space: nowrap;
}
.page_languages section.main_section > ul.popularity > li > ul > li h3 {
  display: inline;
}
.page_languages section.main_section > ul.popularity > li > ul > li .lang_xx {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_languages section.main_section > ul.popularity > li > ul > li .lang_xx {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_languages section.main_section > ul.popularity > li > ul > li .lang_xx abbr {
  text-decoration: none;
  border: 0;
}
.page_languages section.main_section > ul.alphabetically {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_languages section.main_section > ul.alphabetically > li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 0.7em 0 0.8em;
  border-top: 1px solid #cbcbcb;
}
.page_languages section.main_section > ul.alphabetically > li strong {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_languages section.main_section > ul.alphabetically > li h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_languages section.main_section > ul.alphabetically > li > p {
  display: inline;
}
.page_languages section.main_section > ul.alphabetically > li h3 {
  display: inline;
}
.page_languages section.main_section > ul.alphabetically > li h3:before {
  content: "|";
  margin: 0 0.1em;
  display: inline;
}
.page_languages section.main_section > ul.alphabetically > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}
.page_languages section.main_section > ul.alphabetically > li ul li {
  display: inline;
}
.page_languages section.main_section > ul.alphabetically > li ul li:after {
  content: ",";
  display: inline;
}
.page_languages section.main_section > ul.alphabetically > li ul li:last-child:after {
  content: "";
}
.page_languages section.main_section .view_more {
  margin-top: 10px;
}
.page_languages section.main_section .view_more a {
  display: block;
  background: #f2f2f2;
  text-align: center;
  padding: 1.5em 0;
}
.page_languages section.main_section .claim_add_language {
  margin: 0;
  text-align: center;
  padding: 1em 0;
  border-bottom: 1px solid #cbcbcb;
}
.page_languages aside.main_aside {
  position: relative;
  top: auto;
}
.page_languages aside.main_aside header {
  margin-bottom: 1.3em;
}
.page_languages aside.main_aside header h1,
.page_languages aside.main_aside header em {
  display: block;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
}
.page_languages aside.main_aside ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: -10px;
  counter-reset: section;
}
.page_languages aside.main_aside ol li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 10px;
  background: #f2f2f2;
  padding: 16px 0;
  padding-left: 86px;
  counter-increment: section;
}
.page_languages aside.main_aside ol li:before {
  content: counter(section);
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #999999;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1em;
  border-right: 1px solid #cbcbcb;
  text-align: center;
  margin-left: -86px;
  width: 70px;
  margin-right: 10px;
}
.page_languages aside.main_aside ol li:nth-child(-n+9):before {
  content: '0' counter(section);
}
.page_languages aside.main_aside ol li p {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 100%;
}
.page_languages aside.main_aside ol li span {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: block;
  color: #666666;
}
.page_language-pronunciations {
  zoom: 1;
  padding-right: 320px;
}
.page_language-pronunciations:before,
.page_language-pronunciations:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_language-pronunciations:after {
  clear: both;
}
.page_language-pronunciations > section.main_section {
  float: left;
  width: 100%;
}
.page_language-pronunciations > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_language-pronunciations > section.main_section > header .title_holder,
.page_language-pronunciations > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_language-pronunciations > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_language-pronunciations > section.main_section > header h1,
.page_language-pronunciations > section.main_section > header h2,
.page_language-pronunciations > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_language-pronunciations > section.main_section > header h1 h1,
.page_language-pronunciations > section.main_section > header h2 h1,
.page_language-pronunciations > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_language-pronunciations > section.main_section > header h1 > strong,
.page_language-pronunciations > section.main_section > header h2 > strong,
.page_language-pronunciations > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_language-pronunciations > section.main_section > header h1 > span,
.page_language-pronunciations > section.main_section > header h2 > span,
.page_language-pronunciations > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_language-pronunciations > section.main_section > header h1 > span,
  .page_language-pronunciations > section.main_section > header h2 > span,
  .page_language-pronunciations > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_language-pronunciations > section.main_section > header h1 > .ico_rol:after,
.page_language-pronunciations > section.main_section > header h2 > .ico_rol:after,
.page_language-pronunciations > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_language-pronunciations > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_language-pronunciations > section.main_section > header h1,
  .page_language-pronunciations > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_language-pronunciations > section.main_section > header h1,
  .page_language-pronunciations > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_language-pronunciations > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_language-pronunciations > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_language-pronunciations > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_language-pronunciations > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_language-pronunciations > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_language-pronunciations > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_language-pronunciations > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_language-pronunciations > section.main_section > header .info.ok {
  color: #3db385;
}
.page_language-pronunciations > section.main_section > header .info.error {
  color: #cc194f;
}
.page_language-pronunciations > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_language-pronunciations > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_language-pronunciations > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_language-pronunciations > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_language-pronunciations > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_language-pronunciations > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_language-pronunciations > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_language-pronunciations > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_language-pronunciations > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_language-pronunciations > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_language-pronunciations > section.main_section {
    float: none;
  }
}
.page_language-pronunciations.fullpage {
  padding-right: 0;
}
.page_language-pronunciations > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_language-pronunciations {
    padding-right: 260px;
  }
  .page_language-pronunciations > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_language-pronunciations {
    padding-right: 0;
  }
  .page_language-pronunciations > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_language-pronunciations section.main_section > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_language-pronunciations section.main_section > ul > li {
  margin-bottom: 0.5em;
}
.page_language-pronunciations section.main_section > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_language-pronunciations section.main_section > ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_language-pronunciations section.main_section > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_language-pronunciations section.main_section > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_language-pronunciations section.main_section > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_language-pronunciations section.main_section > ul > li a.play.error {
  color: #cc194f;
}
.page_language-pronunciations section.main_section > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_language-pronunciations section.main_section > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_language-pronunciations section.main_section > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_language-pronunciations section.main_section > ul > li a.play.error {
  color: #cc194f;
}
.page_language-pronunciations section.main_section > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_language-pronunciations section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language-pronunciations section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language-pronunciations section.main_section > ul > li .lang_xx,
.page_language-pronunciations section.main_section > ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_language-pronunciations section.main_section > ul > li .lang_xx,
  .page_language-pronunciations section.main_section > ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_language-pronunciations section.main_section > ul > li .lang_xx abbr,
.page_language-pronunciations section.main_section > ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_language-pronunciations section.main_section > ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_language-pronunciations section.main_section .empty {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
}
.page_language-not_pronounced section.main_section > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_language-not_pronounced section.main_section > ul > li {
  margin-bottom: 0.5em;
}
.page_language-not_pronounced section.main_section > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_language-not_pronounced section.main_section > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_language-not_pronounced section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language-not_pronounced section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_language-not_pronounced section.main_section > ul > li .lang_xx,
.page_language-not_pronounced section.main_section > ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_language-not_pronounced section.main_section > ul > li .lang_xx,
  .page_language-not_pronounced section.main_section > ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_language-not_pronounced section.main_section > ul > li .lang_xx abbr,
.page_language-not_pronounced section.main_section > ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_languages-codes section.main_section table {
  width: 100%;
  border-collapse: collapse;
}
.page_languages-codes section.main_section table th {
  text-align: left;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_languages-codes section.main_section table th,
.page_languages-codes section.main_section table td {
  padding-top: 0.5em;
  padding-right: 20px;
  vertical-align: top;
}
.page_languages-codes section.main_section table td {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_languages-codes section.main_section table td a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_languages-codes aside.main_aside .contact {
  background: #f2f2f2;
  padding: 0 20px 20px;
  color: #666666;
  text-align: center;
}
.page_languages-codes aside.main_aside .contact a span {
  display: block;
  color: #666666;
}
.page_categories section.main_section ul.categories {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: -2.5rem;
  margin-left: -20px;
  font-size: 0;
}
.page_categories section.main_section ul.categories > li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-left: 20px;
  margin-top: 2.5rem;
}
@media only screen and (max-width: 640px) {
  .page_categories section.main_section ul.categories > li {
    width: 100%;
  }
}
.page_categories section.main_section ul.categories > li h2 {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: relative;
  color: #1d84c6;
  padding-left: 27px;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 0.3em;
  padding-bottom: 0.3em;
}
.page_categories section.main_section ul.categories > li h2:before {
  content: "\e604";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #999999;
  position: absolute;
  left: 1px;
  top: 2px;
}
.page_categories section.main_section ul.categories > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_categories section.main_section ul.categories > li ul > li {
  margin-bottom: 0.5em;
}
.page_categories section.main_section ul.categories > li ul > li {
  position: relative;
  padding-left: 27px;
}
.page_categories section.main_section ul.categories > li ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_categories section.main_section ul.categories > li ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_categories section.main_section ul.categories > li ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_categories section.main_section ul.categories > li ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_categories section.main_section ul.categories > li ul > li a.play.error {
  color: #cc194f;
}
.page_categories section.main_section ul.categories > li ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_categories section.main_section ul.categories > li ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_categories section.main_section ul.categories > li ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_categories section.main_section ul.categories > li ul > li a.play.error {
  color: #cc194f;
}
.page_categories section.main_section ul.categories > li ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_categories section.main_section ul.categories > li ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_categories section.main_section ul.categories > li ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_categories section.main_section ul.categories > li ul > li .lang_xx,
.page_categories section.main_section ul.categories > li ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_categories section.main_section ul.categories > li ul > li .lang_xx,
  .page_categories section.main_section ul.categories > li ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_categories section.main_section ul.categories > li ul > li .lang_xx abbr,
.page_categories section.main_section ul.categories > li ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_categories section.main_section ul.categories > li ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_category {
  zoom: 1;
  padding-right: 320px;
}
.page_category:before,
.page_category:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_category:after {
  clear: both;
}
.page_category > section.main_section {
  float: left;
  width: 100%;
}
.page_category > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_category > section.main_section > header .title_holder,
.page_category > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_category > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_category > section.main_section > header h1,
.page_category > section.main_section > header h2,
.page_category > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_category > section.main_section > header h1 h1,
.page_category > section.main_section > header h2 h1,
.page_category > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_category > section.main_section > header h1 > strong,
.page_category > section.main_section > header h2 > strong,
.page_category > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_category > section.main_section > header h1 > span,
.page_category > section.main_section > header h2 > span,
.page_category > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_category > section.main_section > header h1 > span,
  .page_category > section.main_section > header h2 > span,
  .page_category > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_category > section.main_section > header h1 > .ico_rol:after,
.page_category > section.main_section > header h2 > .ico_rol:after,
.page_category > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_category > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_category > section.main_section > header h1,
  .page_category > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_category > section.main_section > header h1,
  .page_category > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_category > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_category > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_category > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_category > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_category > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_category > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_category > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_category > section.main_section > header .info.ok {
  color: #3db385;
}
.page_category > section.main_section > header .info.error {
  color: #cc194f;
}
.page_category > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_category > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_category > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_category > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_category > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_category > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_category > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_category > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_category > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_category > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_category > section.main_section {
    float: none;
  }
}
.page_category.fullpage {
  padding-right: 0;
}
.page_category > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_category {
    padding-right: 260px;
  }
  .page_category > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_category {
    padding-right: 0;
  }
  .page_category > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_category section.main_section > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_category section.main_section > ul > li {
  margin-bottom: 0.5em;
}
.page_category section.main_section > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_category section.main_section > ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_category section.main_section > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_category section.main_section > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_category section.main_section > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_category section.main_section > ul > li a.play.error {
  color: #cc194f;
}
.page_category section.main_section > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_category section.main_section > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_category section.main_section > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_category section.main_section > ul > li a.play.error {
  color: #cc194f;
}
.page_category section.main_section > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_category section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_category section.main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_category section.main_section > ul > li .lang_xx,
.page_category section.main_section > ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_category section.main_section > ul > li .lang_xx,
  .page_category section.main_section > ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_category section.main_section > ul > li .lang_xx abbr,
.page_category section.main_section > ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_category section.main_section > ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_category section.main_section .empty {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
}
.page_categories-all {
  zoom: 1;
  padding-right: 320px;
}
.page_categories-all:before,
.page_categories-all:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_categories-all:after {
  clear: both;
}
.page_categories-all > section.main_section {
  float: left;
  width: 100%;
}
.page_categories-all > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_categories-all > section.main_section > header .title_holder,
.page_categories-all > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_categories-all > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_categories-all > section.main_section > header h1,
.page_categories-all > section.main_section > header h2,
.page_categories-all > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_categories-all > section.main_section > header h1 h1,
.page_categories-all > section.main_section > header h2 h1,
.page_categories-all > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_categories-all > section.main_section > header h1 > strong,
.page_categories-all > section.main_section > header h2 > strong,
.page_categories-all > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_categories-all > section.main_section > header h1 > span,
.page_categories-all > section.main_section > header h2 > span,
.page_categories-all > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_categories-all > section.main_section > header h1 > span,
  .page_categories-all > section.main_section > header h2 > span,
  .page_categories-all > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_categories-all > section.main_section > header h1 > .ico_rol:after,
.page_categories-all > section.main_section > header h2 > .ico_rol:after,
.page_categories-all > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_categories-all > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_categories-all > section.main_section > header h1,
  .page_categories-all > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_categories-all > section.main_section > header h1,
  .page_categories-all > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_categories-all > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_categories-all > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_categories-all > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_categories-all > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_categories-all > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_categories-all > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_categories-all > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_categories-all > section.main_section > header .info.ok {
  color: #3db385;
}
.page_categories-all > section.main_section > header .info.error {
  color: #cc194f;
}
.page_categories-all > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_categories-all > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_categories-all > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_categories-all > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_categories-all > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_categories-all > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_categories-all > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_categories-all > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_categories-all > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_categories-all > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_categories-all > section.main_section {
    float: none;
  }
}
.page_categories-all.fullpage {
  padding-right: 0;
}
.page_categories-all > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_categories-all {
    padding-right: 260px;
  }
  .page_categories-all > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_categories-all {
    padding-right: 0;
  }
  .page_categories-all > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_categories-all ul.categories_with_totals {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_categories-all ul.categories_with_totals > li {
  margin-bottom: 0.5em;
}
.page_categories-all ul.categories_with_totals li a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: relative;
  color: #1d84c6;
  padding-left: 27px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_categories-all ul.categories_with_totals li a:before {
  content: "\e604";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #999999;
  position: absolute;
  left: 1px;
  top: 2px;
}
.page_categories-all ul.categories_with_totals li {
  padding-left: 130px;
  position: relative;
}
.page_categories-all ul.categories_with_totals li .total {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 120px;
  text-align: right;
  color: #666666;
}
.page_contact .conditions_container {
  margin-top: 15px;
}
.page_contact .conditions_container label {
  float: left;
  margin-left: 170px;
  padding-top: 5px;
}
@media only screen and (max-width: 640px) {
  .page_contact .conditions_container label {
    margin-left: 0;
  }
}
.page_contact .conditions_container p {
  display: block;
  margin-left: 200px;
}
@media only screen and (max-width: 640px) {
  .page_contact .conditions_container p {
    margin-left: 25px;
  }
}
.page_contact .conditions_container p span {
  display: block;
  margin-top: 15px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #cc194f;
}
.page_user section.main_section .empty {
  margin: 2em 0;
  text-align: center;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_user section.main_section .tabs {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 1.5rem !important;
}
.page_user section.main_section .tabs > li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 180px;
  text-align: center;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #f2f2f2;
}
.page_user section.main_section .tabs > li:first-child {
  border-left: 1px solid #f2f2f2;
}
.page_user section.main_section .tabs > li.active + li {
  border-left: 1px solid #f2f2f2;
}
.page_user section.main_section .tabs > li a {
  display: block;
  float: none !important;
  background: #f2f2f2;
  color: #666666;
  text-shadow: 0 0 1px #ffffff;
  padding: 0.5em 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.page_user section.main_section .tabs > li a:hover {
  color: #333333 !important;
}
.page_user section.main_section .tabs > li a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: #1d84c6;
}
.page_user section.main_section .tabs > li.active,
.page_user section.main_section .tabs > li.ui-state-active {
  border-top-color: #cbcbcb;
  border-left-color: #cbcbcb;
  border-right-color: #cbcbcb;
}
.page_user section.main_section .tabs > li.active:after,
.page_user section.main_section .tabs > li.ui-state-active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #ffffff;
}
.page_user section.main_section .tabs > li.active a,
.page_user section.main_section .tabs > li.ui-state-active a,
.page_user section.main_section .tabs > li.active a:hover,
.page_user section.main_section .tabs > li.ui-state-active a:hover {
  background: #ffffff;
  color: #1d84c6 !important;
}
.page_user section.main_section .tabs > li.active a:before,
.page_user section.main_section .tabs > li.ui-state-active a:before,
.page_user section.main_section .tabs > li.active a:hover:before,
.page_user section.main_section .tabs > li.ui-state-active a:hover:before {
  height: 0;
}
@media only screen and (max-width: 640px) {
  .page_user section.main_section .tabs > li,
  .page_user section.main_section .tabs li.active,
  .page_user section.main_section .tabs li.ui-state-active {
    display: block;
    border: 1px solid #cbcbcb !important;
    margin-top: -1px !important;
  }
  .page_user section.main_section .tabs > li a:before,
  .page_user section.main_section .tabs li.active a:before,
  .page_user section.main_section .tabs li.ui-state-active a:before,
  .page_user section.main_section .tabs > li a:hover:before,
  .page_user section.main_section .tabs li.active a:hover:before,
  .page_user section.main_section .tabs li.ui-state-active a:hover:before {
    display: none;
  }
}
.page_user section.main_section table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 1em;
}
.page_user section.main_section table th {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_user section.main_section table th.favourite {
  font-size: 0;
}
.page_user section.main_section table td {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_user section.main_section table td.favourite {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_user section.main_section table td.favourite {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_user section.main_section table th,
.page_user section.main_section table td {
  text-align: left;
  padding: 0.6em 0;
  padding-right: 40px;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
}
.page_user section.main_section table th:last-child,
.page_user section.main_section table td:last-child {
  padding-right: 0;
}
.page_user section.main_section table th.input:first-child,
.page_user section.main_section table td.input:first-child {
  padding-right: 20px;
}
.page_user section.main_section table th.favourite,
.page_user section.main_section table td.favourite,
.page_user section.main_section table th.date,
.page_user section.main_section table td.date,
.page_user section.main_section table th.listen,
.page_user section.main_section table td.listen,
.page_user section.main_section table th.rating,
.page_user section.main_section table td.rating,
.page_user section.main_section table th.info,
.page_user section.main_section table td.info {
  white-space: nowrap;
}
.page_user section.main_section table th.favourite,
.page_user section.main_section table td.favourite {
  padding-left: 20px;
  padding-right: 20px;
}
.page_user section.main_section table th.favourite a:before,
.page_user section.main_section table td.favourite a:before {
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.page_user section.main_section table th.favourite a:hover:before,
.page_user section.main_section table td.favourite a:hover:before {
  color: #1d84c6;
}
.page_user section.main_section table th.listen,
.page_user section.main_section table td.listen {
  text-align: center;
}
.page_user section.main_section table th.word,
.page_user section.main_section table td.word {
  width: 100%;
}
.page_user section.main_section table th a,
.page_user section.main_section table td a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_user section.main_section table th strong,
.page_user section.main_section table td strong {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_user section.main_section table tr.new th,
.page_user section.main_section table tr.new td,
.page_user section.main_section table tr.new strong,
.page_user section.main_section table tr.new a {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .page_user section.main_section table {
    display: block;
    overflow-x: auto;
  }
}
.page_users {
  zoom: 1;
  padding-right: 320px;
}
.page_users:before,
.page_users:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_users:after {
  clear: both;
}
.page_users > section.main_section {
  float: left;
  width: 100%;
}
.page_users > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_users > section.main_section > header .title_holder,
.page_users > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_users > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_users > section.main_section > header h1,
.page_users > section.main_section > header h2,
.page_users > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_users > section.main_section > header h1 h1,
.page_users > section.main_section > header h2 h1,
.page_users > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_users > section.main_section > header h1 > strong,
.page_users > section.main_section > header h2 > strong,
.page_users > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_users > section.main_section > header h1 > span,
.page_users > section.main_section > header h2 > span,
.page_users > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_users > section.main_section > header h1 > span,
  .page_users > section.main_section > header h2 > span,
  .page_users > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_users > section.main_section > header h1 > .ico_rol:after,
.page_users > section.main_section > header h2 > .ico_rol:after,
.page_users > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_users > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_users > section.main_section > header h1,
  .page_users > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_users > section.main_section > header h1,
  .page_users > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_users > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_users > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_users > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_users > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_users > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_users > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_users > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_users > section.main_section > header .info.ok {
  color: #3db385;
}
.page_users > section.main_section > header .info.error {
  color: #cc194f;
}
.page_users > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_users > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_users > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_users > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_users > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_users > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_users > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_users > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_users > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_users > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_users > section.main_section {
    float: none;
  }
}
.page_users.fullpage {
  padding-right: 0;
}
.page_users > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_users {
    padding-right: 260px;
  }
  .page_users > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_users {
    padding-right: 0;
  }
  .page_users > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_users section.main_section > header h1,
.page_users section.main_section > header em {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
.page_users section.main_section > header h1 strong,
.page_users section.main_section > header em strong,
.page_users section.main_section > header h1 h1,
.page_users section.main_section > header em h1 {
  display: inline;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1em;
  margin-right: 0.2em;
}
.page_users section.main_section > header .more {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
.page_users section.main_section > header .more a {
  color: #1d84c6;
}
.page_users section.main_section > .content {
  font-size: 0;
}
.page_users section.main_section > .content article.pronunciations,
.page_users section.main_section > .content article.words {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-right: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .page_users section.main_section > .content article.pronunciations,
  .page_users section.main_section > .content article.words {
    width: 100%;
    padding-right: 0;
  }
}
.page_users section.main_section > .content article.pronunciations h1,
.page_users section.main_section > .content article.words h1,
.page_users section.main_section > .content article.pronunciations em,
.page_users section.main_section > .content article.words em {
  display: block;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
}
.page_users section.main_section > .content article.pronunciations ol,
.page_users section.main_section > .content article.words ol {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: -0.4em;
  counter-reset: counter;
}
.page_users section.main_section > .content article.pronunciations ol li,
.page_users section.main_section > .content article.words ol li {
  counter-increment: counter;
  margin-top: 0.4em;
}
.page_users section.main_section > .content article.pronunciations ol li:before,
.page_users section.main_section > .content article.words ol li:before {
  content: counter(counter) ". ";
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_users section.main_section > .content article.pronunciations ol li .counter,
.page_users section.main_section > .content article.words ol li .counter {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_users section.main_section > .content article.pronunciations ol li .counter,
  .page_users section.main_section > .content article.words ol li .counter {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_users section.main_section > .content article.pronunciations ol li .counter abbr,
.page_users section.main_section > .content article.words ol li .counter abbr {
  text-decoration: none;
  border: 0;
}
.page_login section.main_section form.form .fields .field .input img {
  float: left;
  margin-top: 2px;
}
.page_login section.main_section form.form .fields .field .input span {
  display: block;
  overflow: hidden;
  padding-left: 5px;
}
.page_login section.main_section form.form .fields .field .input a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  float: right;
  margin-top: 0.4em;
}
.page_signup {
  zoom: 1;
  padding-right: 320px;
}
.page_signup:before,
.page_signup:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_signup:after {
  clear: both;
}
.page_signup > section.main_section {
  float: left;
  width: 100%;
}
.page_signup > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
}
.page_signup > section.main_section > header .title_holder,
.page_signup > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_signup > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_signup > section.main_section > header h1,
.page_signup > section.main_section > header h2,
.page_signup > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_signup > section.main_section > header h1 h1,
.page_signup > section.main_section > header h2 h1,
.page_signup > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_signup > section.main_section > header h1 > strong,
.page_signup > section.main_section > header h2 > strong,
.page_signup > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup > section.main_section > header h1 > span,
.page_signup > section.main_section > header h2 > span,
.page_signup > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_signup > section.main_section > header h1 > span,
  .page_signup > section.main_section > header h2 > span,
  .page_signup > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_signup > section.main_section > header h1 > .ico_rol:after,
.page_signup > section.main_section > header h2 > .ico_rol:after,
.page_signup > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_signup > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_signup > section.main_section > header h1,
  .page_signup > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_signup > section.main_section > header h1,
  .page_signup > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_signup > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_signup > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_signup > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_signup > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_signup > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_signup > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_signup > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_signup > section.main_section > header .info.ok {
  color: #3db385;
}
.page_signup > section.main_section > header .info.error {
  color: #cc194f;
}
.page_signup > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_signup > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_signup > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_signup > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_signup > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_signup > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_signup > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_signup > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_signup > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_signup > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_signup > section.main_section {
    float: none;
  }
}
.page_signup.fullpage {
  padding-right: 0;
}
.page_signup > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_signup {
    padding-right: 260px;
  }
  .page_signup > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_signup {
    padding-right: 0;
  }
  .page_signup > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_signup section.main_section form .field input[type="radio"] + label {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-top: 0.35em;
  margin-right: 40px;
}
.page_signup section.main_section form .field input[type="radio"] + label:last-child {
  margin-right: 0;
}
.page_signup section.main_section #privacy {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup section.main_section #privacy ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_signup section.main_section #privacy ul ul {
  margin-top: 1.2em;
}
.page_signup section.main_section #privacy ul ul li {
  padding-left: 25px;
}
.page_signup section.main_section #privacy ul ul li label {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup section.main_section #privacy li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 1.2em;
}
.page_signup section.main_section #privacy li:last-child {
  margin-bottom: 0;
}
.page_signup section.main_section #privacy li.disabled {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.page_signup section.main_section #privacy label {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_signup section.main_section #privacy label:before {
  position: absolute;
  left: 0;
  top: 0.35em;
}
.page_signup section.main_section #privacy label + p {
  margin-top: 0.5em;
}
.page_signup section.main_section #certificates {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup section.main_section #certificates .pie_content {
  position: relative;
}
.page_signup section.main_section #certificates .pie_content .wrapper {
  position: relative;
  margin-top: 3.5em;
}
.page_signup section.main_section #certificates .pie_content .wrapper #pie_chart {
  margin-top: 2em;
  position: relative;
  margin: 40px auto;
  background: white;
  animation: opa 3s ;
  width: 141px;
  height: 141px;
  margin-left: auto;
  margin-right: auto;
}
.page_signup section.main_section #certificates .pie_content .wrapper .count {
  text-align: center;
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .page_signup section.main_section #certificates .pie_content .wrapper .count {
    top: 56px;
  }
}
.page_signup section.main_section #certificates .pie_content .wrapper .count:after {
  content: "%";
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.page_signup section.main_section #certificates .pie_content .shape1 {
  position: absolute;
  top: -16px;
  left: 26px;
  width: 32%;
}
@media only screen and (max-width: 640px) {
  .page_signup section.main_section #certificates .pie_content .shape1 {
    display: none;
  }
}
.page_signup section.main_section #certificates .pie_content .shape1 .line {
  height: 50px;
  border-top: 1px solid #cbcbcb;
  border-right: 2px solid #cbcbcb;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -ms-transform: skew(45deg);
  -o-transform: skew(45deg);
  transform: skew(45deg);
}
.page_signup section.main_section #certificates .pie_content .shape1 .info1 {
  text-align: right;
  padding-right: 30px;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup section.main_section #certificates .pie_content .shape1 .info2 {
  text-align: right;
  padding-right: 30px;
  position: absolute;
  top: 27px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup section.main_section #certificates .pie_content .shape2 {
  position: absolute;
  top: 62px;
  right: 26px;
  width: 32%;
}
@media only screen and (max-width: 640px) {
  .page_signup section.main_section #certificates .pie_content .shape2 {
    display: none;
  }
}
.page_signup section.main_section #certificates .pie_content .shape2 .line2 {
  height: 50px;
  border-bottom: 1px solid #cbcbcb;
  border-left: 2px solid #cbcbcb;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -ms-transform: skew(45deg);
  -o-transform: skew(45deg);
  transform: skew(45deg);
}
.page_signup section.main_section #certificates .pie_content .shape2 .info1 {
  text-align: leftt;
  padding-left: 30px;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  top: 30px;
}
.page_signup section.main_section #certificates .pie_content .shape2 .info2 {
  text-align: right;
  padding-left: 30px;
  position: absolute;
  top: 60px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup section.main_section #certificates .tit {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_signup section.main_section #certificates .center {
  text-align: center;
}
.page_signup section.main_section #certificates .action {
  background: #f2f2f2;
  padding: 0.5em;
  margin-bottom: 1em;
  zoom: 1;
}
.page_signup section.main_section #certificates .action:before,
.page_signup section.main_section #certificates .action:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_signup section.main_section #certificates .action:after {
  clear: both;
}
.page_signup section.main_section #certificates .action p {
  float: left;
  width: 80%;
}
.page_signup section.main_section #certificates .action a {
  float: right;
  padding: 0.5em;
}
.page_signup section.main_section #certificates #cetf_content {
  margin-top: 1em;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_signup section.main_section #certificates #cetf_content .content {
  float: left;
  width: 25%;
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
@media only screen and (max-width: 640px) {
  .page_signup section.main_section #certificates #cetf_content .content {
    width: 49%;
    border-bottom: 0;
  }
  .page_signup section.main_section #certificates #cetf_content .content:nth-child(even) {
    border-right: 1px solid #cbcbcb;
  }
  .page_signup section.main_section #certificates #cetf_content .content:nth-last-of-type(-n+2) {
    border-bottom: 1px solid #cbcbcb;
  }
}
.page_signup section.main_section #certificates #cetf_content .content:last-child {
  border-right: 1px solid #cbcbcb;
}
.page_signup section.main_section #certificates #cetf_content .content .border {
  border-top: 1px solid #cbcbcb;
  padding: 10px;
}
.page_signup section.main_section #certificates #cetf_content .content .border:first-child {
  border-bottom: 0px;
}
.page_signup section.main_section #certificates #cetf_content .content .border a {
  display: block;
}
.page_signup section.main_section #certificates #cetf_content .content .table {
  display: table;
  background: #f2f2f2;
}
.page_signup section.main_section #certificates #cetf_content .content .table .first {
  font-size: 5.5px;
  font-size: 0.55rem;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  width: 30%;
  vertical-align: middle;
  color: #aeaeae;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  border: 1px solid #cbcbcb;
  border-right: 0px;
}
.page_signup section.main_section #certificates #cetf_content .content .table .second {
  border: 4px solid #09557e;
  font-size: 8px;
  font-size: 0.8rem;
  line-height: 1.2em;
  color: #09557e;
  text-align: center;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #425276;
  padding-top: 3px;
  padding-bottom: 3px;
}
.page_signup section.main_section #certificates #cetf_content .content .table .second .star {
  display: inline;
  max-width: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.page_signup section.main_section #certificates #cetf_content .content .table-cell {
  display: table-cell;
}
.page_signup .conditions {
  margin-top: 1.5em;
}
.page_signup .conditions_container label {
  float: left;
  margin-left: 170px;
  padding-top: 5px;
}
@media only screen and (max-width: 640px) {
  .page_signup .conditions_container label {
    margin-left: 0;
  }
}
.page_signup .conditions_container p {
  display: block;
  margin-left: 200px;
}
@media only screen and (max-width: 640px) {
  .page_signup .conditions_container p {
    margin-left: 0;
  }
}
.page_signup .conditions_container p span {
  display: block;
  margin-top: 15px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #cc194f;
}
.page_account-info {
  zoom: 1;
  padding-right: 320px;
}
.page_account-info:before,
.page_account-info:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_account-info:after {
  clear: both;
}
.page_account-info > section.main_section {
  float: left;
  width: 100%;
}
.page_account-info > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
}
.page_account-info > section.main_section > header .title_holder,
.page_account-info > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_account-info > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_account-info > section.main_section > header h1,
.page_account-info > section.main_section > header h2,
.page_account-info > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_account-info > section.main_section > header h1 h1,
.page_account-info > section.main_section > header h2 h1,
.page_account-info > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_account-info > section.main_section > header h1 > strong,
.page_account-info > section.main_section > header h2 > strong,
.page_account-info > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info > section.main_section > header h1 > span,
.page_account-info > section.main_section > header h2 > span,
.page_account-info > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_account-info > section.main_section > header h1 > span,
  .page_account-info > section.main_section > header h2 > span,
  .page_account-info > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_account-info > section.main_section > header h1 > .ico_rol:after,
.page_account-info > section.main_section > header h2 > .ico_rol:after,
.page_account-info > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_account-info > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_account-info > section.main_section > header h1,
  .page_account-info > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_account-info > section.main_section > header h1,
  .page_account-info > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_account-info > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_account-info > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_account-info > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_account-info > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_account-info > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_account-info > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_account-info > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_account-info > section.main_section > header .info.ok {
  color: #3db385;
}
.page_account-info > section.main_section > header .info.error {
  color: #cc194f;
}
.page_account-info > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_account-info > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_account-info > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_account-info > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_account-info > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_account-info > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_account-info > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_account-info > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_account-info > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_account-info > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_account-info > section.main_section {
    float: none;
  }
}
.page_account-info.fullpage {
  padding-right: 0;
}
.page_account-info > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_account-info {
    padding-right: 260px;
  }
  .page_account-info > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_account-info {
    padding-right: 0;
  }
  .page_account-info > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_account-info section.main_section form .field input[type="radio"] + label {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-top: 0.35em;
  margin-right: 40px;
}
.page_account-info section.main_section form .field input[type="radio"] + label:last-child {
  margin-right: 0;
}
.page_account-info section.main_section #privacy {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info section.main_section #privacy ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_account-info section.main_section #privacy ul ul {
  margin-top: 1.2em;
}
.page_account-info section.main_section #privacy ul ul li {
  padding-left: 25px;
}
.page_account-info section.main_section #privacy ul ul li label {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info section.main_section #privacy li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 1.2em;
}
.page_account-info section.main_section #privacy li:last-child {
  margin-bottom: 0;
}
.page_account-info section.main_section #privacy li.disabled {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.page_account-info section.main_section #privacy label {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_account-info section.main_section #privacy label:before {
  position: absolute;
  left: 0;
  top: 0.35em;
}
.page_account-info section.main_section #privacy label + p {
  margin-top: 0.5em;
}
.page_account-info section.main_section #certificates {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info section.main_section #certificates .pie_content {
  position: relative;
}
.page_account-info section.main_section #certificates .pie_content .wrapper {
  position: relative;
  margin-top: 3.5em;
}
.page_account-info section.main_section #certificates .pie_content .wrapper #pie_chart {
  margin-top: 2em;
  position: relative;
  margin: 40px auto;
  background: white;
  animation: opa 3s ;
  width: 141px;
  height: 141px;
  margin-left: auto;
  margin-right: auto;
}
.page_account-info section.main_section #certificates .pie_content .wrapper .count {
  text-align: center;
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .page_account-info section.main_section #certificates .pie_content .wrapper .count {
    top: 56px;
  }
}
.page_account-info section.main_section #certificates .pie_content .wrapper .count:after {
  content: "%";
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.page_account-info section.main_section #certificates .pie_content .shape1 {
  position: absolute;
  top: -16px;
  left: 26px;
  width: 32%;
}
@media only screen and (max-width: 640px) {
  .page_account-info section.main_section #certificates .pie_content .shape1 {
    display: none;
  }
}
.page_account-info section.main_section #certificates .pie_content .shape1 .line {
  height: 50px;
  border-top: 1px solid #cbcbcb;
  border-right: 2px solid #cbcbcb;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -ms-transform: skew(45deg);
  -o-transform: skew(45deg);
  transform: skew(45deg);
}
.page_account-info section.main_section #certificates .pie_content .shape1 .info1 {
  text-align: right;
  padding-right: 30px;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info section.main_section #certificates .pie_content .shape1 .info2 {
  text-align: right;
  padding-right: 30px;
  position: absolute;
  top: 27px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info section.main_section #certificates .pie_content .shape2 {
  position: absolute;
  top: 62px;
  right: 26px;
  width: 32%;
}
@media only screen and (max-width: 640px) {
  .page_account-info section.main_section #certificates .pie_content .shape2 {
    display: none;
  }
}
.page_account-info section.main_section #certificates .pie_content .shape2 .line2 {
  height: 50px;
  border-bottom: 1px solid #cbcbcb;
  border-left: 2px solid #cbcbcb;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -ms-transform: skew(45deg);
  -o-transform: skew(45deg);
  transform: skew(45deg);
}
.page_account-info section.main_section #certificates .pie_content .shape2 .info1 {
  text-align: leftt;
  padding-left: 30px;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  top: 30px;
}
.page_account-info section.main_section #certificates .pie_content .shape2 .info2 {
  text-align: right;
  padding-left: 30px;
  position: absolute;
  top: 60px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info section.main_section #certificates .tit {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_account-info section.main_section #certificates .center {
  text-align: center;
}
.page_account-info section.main_section #certificates .action {
  background: #f2f2f2;
  padding: 0.5em;
  margin-bottom: 1em;
  zoom: 1;
}
.page_account-info section.main_section #certificates .action:before,
.page_account-info section.main_section #certificates .action:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_account-info section.main_section #certificates .action:after {
  clear: both;
}
.page_account-info section.main_section #certificates .action p {
  float: left;
  width: 80%;
}
.page_account-info section.main_section #certificates .action a {
  float: right;
  padding: 0.5em;
}
.page_account-info section.main_section #certificates #cetf_content {
  margin-top: 1em;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_account-info section.main_section #certificates #cetf_content .content {
  float: left;
  width: 25%;
  border-left: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
@media only screen and (max-width: 640px) {
  .page_account-info section.main_section #certificates #cetf_content .content {
    width: 49%;
    border-bottom: 0;
  }
  .page_account-info section.main_section #certificates #cetf_content .content:nth-child(even) {
    border-right: 1px solid #cbcbcb;
  }
  .page_account-info section.main_section #certificates #cetf_content .content:nth-last-of-type(-n+2) {
    border-bottom: 1px solid #cbcbcb;
  }
}
.page_account-info section.main_section #certificates #cetf_content .content:last-child {
  border-right: 1px solid #cbcbcb;
}
.page_account-info section.main_section #certificates #cetf_content .content .border {
  border-top: 1px solid #cbcbcb;
  padding: 10px;
}
.page_account-info section.main_section #certificates #cetf_content .content .border:first-child {
  border-bottom: 0px;
}
.page_account-info section.main_section #certificates #cetf_content .content .border a {
  display: block;
}
.page_account-info section.main_section #certificates #cetf_content .content .table {
  display: table;
  background: #f2f2f2;
}
.page_account-info section.main_section #certificates #cetf_content .content .table .first {
  font-size: 5.5px;
  font-size: 0.55rem;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  width: 30%;
  vertical-align: middle;
  color: #aeaeae;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  border: 1px solid #cbcbcb;
  border-right: 0px;
}
.page_account-info section.main_section #certificates #cetf_content .content .table .second {
  border: 4px solid #09557e;
  font-size: 8px;
  font-size: 0.8rem;
  line-height: 1.2em;
  color: #09557e;
  text-align: center;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #425276;
  padding-top: 3px;
  padding-bottom: 3px;
}
.page_account-info section.main_section #certificates #cetf_content .content .table .second .star {
  display: inline;
  max-width: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.page_account-info section.main_section #certificates #cetf_content .content .table-cell {
  display: table-cell;
}
.page_account-activation section.main_section .content {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.6em;
}
.page_account-activation section.main_section .content strong {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_word > section.main_section > header .title_holder,
.page_word > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_word > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_word > section.main_section > header h1,
.page_word > section.main_section > header h2,
.page_word > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_word > section.main_section > header h1 h1,
.page_word > section.main_section > header h2 h1,
.page_word > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_word > section.main_section > header h1 > strong,
.page_word > section.main_section > header h2 > strong,
.page_word > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > section.main_section > header h1 > span,
.page_word > section.main_section > header h2 > span,
.page_word > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > header h1 > span,
  .page_word > section.main_section > header h2 > span,
  .page_word > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > header h1 > .ico_rol:after,
.page_word > section.main_section > header h2 > .ico_rol:after,
.page_word > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_word > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_word > section.main_section > header h1,
  .page_word > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_word > section.main_section > header h1,
  .page_word > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_word > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_word > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_word > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_word > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_word > section.main_section > header .info.ok {
  color: #3db385;
}
.page_word > section.main_section > header .info.error {
  color: #cc194f;
}
.page_word > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_word > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_word > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_word > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_word > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_word > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_word > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_word > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_word > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_word > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
.page_word > section.main_section > header .word_data {
  zoom: 1;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  padding-top: 0.6em;
  color: #666666;
}
.page_word > section.main_section > header .word_data:before,
.page_word > section.main_section > header .word_data:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_word > section.main_section > header .word_data:after {
  clear: both;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > header .word_data {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > header .word_data .metadata {
  float: right;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-left: 15px;
}
.page_word > section.main_section > header .word_data .metadata strong {
  font-weight: inherit;
  margin-left: 1em;
}
.page_word > section.main_section > header .word_data .categories ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  color: #1d84c6;
}
.page_word > section.main_section > header .word_data .categories ul li {
  display: inline;
}
.page_word > section.main_section > header .word_data .categories ul li:after {
  content: ",";
}
.page_word > section.main_section > header .word_data .categories ul li:last-child:after {
  content: "";
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > header .word_data .metadata {
    float: none;
    margin-left: 0;
    margin-bottom: 0.2em;
  }
  .page_word > section.main_section > header .word_data .metadata strong {
    margin-left: 0;
  }
}
.page_word > section.main_section > header .ad-fv_content_1 {
  margin-top: 5px;
}
.page_word > section.main_section > .nav_langs {
  margin: -1.5em 0 1em 0;
}
.page_word > section.main_section > .nav_langs > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: -10px;
  margin-top: -10px;
}
.page_word > section.main_section > .nav_langs > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-left: 10px;
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_word > section.main_section > .nav_langs > ul > li > a,
.page_word > section.main_section > .nav_langs > ul > li > span {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  min-width: 90px;
  padding-top: 0.3em;
  padding-bottom: 0.4em;
}
.page_word > section.main_section > .nav_langs > ul > li > a:focus,
.page_word > section.main_section > .nav_langs > ul > li > span:focus {
  border-color: #09557e;
}
.page_word > section.main_section > .nav_langs > ul > li > a:hover,
.page_word > section.main_section > .nav_langs > ul > li > span:hover {
  background-color: #3a9fd9;
}
.page_word > section.main_section > .nav_langs > ul > li > a.thin,
.page_word > section.main_section > .nav_langs > ul > li > span.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.page_word > section.main_section > .nav_langs > ul > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 10px;
  position: absolute;
  z-index: 5;
  right: 0;
  width: 120px;
  max-height: 120px;
  overflow: auto;
  background: #3a9fd9;
  display: none;
}
.page_word > section.main_section > .nav_langs > ul > li ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > section.main_section > .nav_langs > ul > li ul li a {
  display: block;
  color: #ffffff !important;
  padding: 0.1em 0.2em 0.2em;
  margin: 2px 0;
}
.page_word > section.main_section > .nav_langs > ul > li ul li.active a,
.page_word > section.main_section > .nav_langs > ul > li ul li a:hover {
  background-color: #1d84c6;
}
.page_word > section.main_section > .nav_langs > ul > li:hover > a,
.page_word > section.main_section > .nav_langs > ul > li:hover > span {
  background-color: #3a9fd9;
}
.page_word > section.main_section > .nav_langs > ul > li:hover ul {
  display: block;
}
.page_word > section.main_section > article.pronunciations > header {
  zoom: 1;
  background: #f2f2f2;
  padding: 10px 27px;
}
.page_word > section.main_section > article.pronunciations > header:before,
.page_word > section.main_section > article.pronunciations > header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_word > section.main_section > article.pronunciations > header:after {
  clear: both;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > header {
    padding: 10px;
  }
}
.page_word > section.main_section > article.pronunciations > header h1,
.page_word > section.main_section > article.pronunciations > header em {
  display: block;
  font-style: normal;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 960px) {
  .page_word > section.main_section > article.pronunciations > header h1,
  .page_word > section.main_section > article.pronunciations > header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > article.pronunciations > header .info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  float: right;
  margin-top: 0.1em;
  color: #666666;
}
.page_word > section.main_section > article.pronunciations > header .info > div {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin: 0;
  padding-right: 0.5em;
  border-right: 1px solid #666666;
  margin-right: 0.5em;
}
.page_word > section.main_section > article.pronunciations > header .info > div:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations {
  position: relative;
  margin-right: -27px;
  padding-right: 27px;
  white-space: nowrap;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations:hover:before,
.page_word > section.main_section > article.pronunciations > header .info > div.translations.active:before {
  color: #1d84c6;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations:hover .translations_content,
.page_word > section.main_section > article.pronunciations > header .info > div.translations.active .translations_content {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: all;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations:before {
  content: "\f0dd";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  right: 5px;
  top: 0;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-user,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-google,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-yandex,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-bing,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-glosbe,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-beolingus {
  position: relative;
  padding-left: 20px;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-user:before,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-google:before,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-yandex:before,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-bing:before,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-glosbe:before,
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-beolingus:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.4em;
  width: 15px;
  text-align: center;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-user:before {
  content: "\e615";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  font-size: 0.8em;
  color: #1d84c6;
  margin-right: 0;
  text-align: center;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-google:before {
  content: "\f1a0";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 0.8em;
  color: #4285f4;
  margin-right: 0;
  text-align: center;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-yandex:before {
  content: "\e617";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 0.8em;
  color: #ff0000;
  margin-right: 0;
  text-align: center;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-bing:before {
  content: "\e618";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 0.9em;
  color: #f4bd27;
  margin-right: 0;
  margin-top: -0.45em;
  text-align: center;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-glosbe:before {
  content: "\e61a";
  font-family: 'Forvo';
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1em;
  color: #fe6d01;
  margin-right: 0;
  text-align: center;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .source-beolingus:before {
  content: "\e61b";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.1em;
  color: #2d8576;
  margin-right: 0;
  text-align: center;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations > span {
  display: block;
  position: relative;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations .translations_content {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 1.2em;
  background: #f2f2f2;
  padding: 10px;
  min-width: 200px;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations ul li {
  margin-bottom: 0.3em;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations ul + .actions_area {
  margin-top: 1em;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations p {
  min-width: 250px;
  max-width: 500px;
  white-space: normal;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations p.ok {
  color: #1d84c6;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations p.error {
  color: #cc194f;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations p.error + form {
  margin-top: 0.3em;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form {
  position: relative;
  margin: 0;
  padding-right: 26px;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px;
  -moz-border-radius: 0 0 0 0 5px 5px 5px;
  border-radius: 0 0 0 0 5px 5px 5px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em;
  line-height: 1em;
  border: 1px solid #cbcbcb;
  padding: 0 8px;
  height: 2em;
  vertical-align: middle;
  text-align: auto;
  -webkit-appearance: none;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  height: 26px;
  padding-left: 0.1em;
  color: #1d84c6;
  border: 0;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form input.wauto {
  width: auto;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form input:focus {
  outline: none;
  border-color: #85afd6;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form button {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  border: 1px solid #1d84c6;
  padding: 1em;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 26px;
  width: 26px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form button:focus {
  border-color: #09557e;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form button:hover {
  background-color: #3a9fd9;
}
.page_word > section.main_section > article.pronunciations > header .info > div.translations form button.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
@media only screen and (max-width: 960px) {
  .page_word > section.main_section > article.pronunciations > header .info > div {
    float: right;
    clear: right;
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
  }
  .page_word > section.main_section > article.pronunciations > header .info > div + div {
    margin-top: 1em;
  }
  .page_word > section.main_section > article.pronunciations > header .info > div.translations p {
    max-width: 100%;
  }
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > header .info > div.translations {
    margin-right: -10px;
    padding-right: 18px;
  }
  .page_word > section.main_section > article.pronunciations > header .info > div.translations:before {
    margin-right: 0;
  }
}
.page_word > section.main_section > article.pronunciations > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word > section.main_section > article.pronunciations > ul > li {
  position: relative;
  padding-left: 27px;
  margin-top: 1.2em;
  padding-bottom: 1.2em;
  border-bottom: 1px solid #cbcbcb;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:before {
  color: #cbcbcb;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play.error {
  color: #cc194f;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:before {
  color: #cbcbcb;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word > section.main_section > article.pronunciations > ul > li > .play.error {
  color: #cc194f;
}
.page_word > section.main_section > article.pronunciations > ul > li > .from {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > ul > li > .from {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > article.pronunciations > ul > li > .from abbr {
  text-decoration: none;
  border: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions {
  margin-top: 0.4em;
  color: #999999;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions a {
  color: inherit;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin: 0;
  margin-left: 10px;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p:first-child,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div:first-child {
  margin-left: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.num_votes,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.num_votes {
  color: #1d84c6;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good {
  margin-left: 0.6em;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:hover,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:hover {
  color: #3db385 !important;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong {
  margin-left: 0.6em;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:before {
  content: "\f088";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:hover,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:hover {
  color: #cc194f !important;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite {
  font-size: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before {
  content: "\f004";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #cbcbcb;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:hover:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:hover:before {
  color: #1d84c6;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a.active:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a.active:before {
  color: #cc194f;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.download,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.download {
  font-size: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:before {
  content: "\f063";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #cbcbcb;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:hover:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:hover:before {
  color: #1d84c6;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share {
  position: relative;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share > *,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share > * {
  display: inline;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share {
  position: absolute;
  left: 0;
  top: -4px;
  white-space: nowrap;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share.hidden,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share.hidden {
  left: -9999px;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input {
  padding: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close {
  font-size: 0;
}
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin: 0;
  padding: 3px 5px;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share {
    display: block;
    margin-left: 0;
    margin-top: 0.5em;
    min-height: 1.2em;
  }
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share {
    width: 100%;
  }
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input {
    width: 90%;
  }
}
.page_word > section.main_section > article.pronunciations > ul > li.lowrated .num_votes a {
  color: #cc194f !important;
}
.page_word > section.main_section > article.pronunciations > .related {
  margin-left: 27px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.page_word > section.main_section > article.pronunciations > .related > em {
  display: block;
  font-style: normal;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2em;
  margin-bottom: .6em;
}
.page_word > section.main_section > article.pronunciations > .related > .content {
  border: 1px solid #cbcbcb;
  padding: 20px 25px;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > em {
  display: block;
  font-style: normal;
  font-style: italic;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: .6em;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li {
  margin-bottom: 0.5em;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error {
  color: #cc194f;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error {
  color: #cc194f;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
  .page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx abbr,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li {
  border-bottom: 1px solid #cbcbcb;
  padding-left: 22px;
  padding-top: .8em;
  padding-bottom: .8em;
  margin-bottom: 0;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li:last-child {
  border-bottom: 0;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .from {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .from {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .from abbr {
  text-decoration: none;
  border: 0;
}
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .play:before {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
}
.page_word > section.main_section > article.pronunciations > .more_actions > * {
  margin: 1.2em 0 0 0;
  padding-bottom: 1.2em;
  border-bottom: 1px solid #cbcbcb;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding-bottom: 0.9em;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 1em;
  display: inline;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin: 0 2px 6px;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 28px;
  width: 28px;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  background: #cbcbcb;
  color: #ffffff !important;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:hover {
  background-color: #46629e;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:before {
  content: "\f09a";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  margin: 0;
  margin-left: -1px;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:hover {
  background-color: #61aadb;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:before {
  content: "\f099";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  margin: 0;
  margin-left: 1px;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:hover {
  background-color: #4285f4;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:before {
  content: "\f0d5";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  margin: 0;
  margin-left: 2px;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:hover {
  background-color: #e6162d;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:before {
  content: "\f18a";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
  margin: 0;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:hover {
  background-color: #43d854;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:before {
  content: "\f232";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:hover {
  background-color: #3a9fd9;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:before {
  content: "\f0e0";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
  margin: 0;
  margin-left: 1px;
}
@media only screen and (max-width: 640px) {
  .page_word > section.main_section > article.pronunciations > .more_actions > .share ul {
    margin-left: 0;
    display: block;
    margin-top: 0.5em;
  }
}
.page_word > section.main_section > article.pronunciations > .more_actions > .join_pronounce {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > section.main_section > article.pronunciations > .more_actions > .join_pronounce a,
.page_word > section.main_section > article.pronunciations > .more_actions > .join_pronounce a:hover {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #cc194f !important;
}
.page_word > section.main_section > .ad {
  margin: 0em 0;
}
.page_word > section.main_section > .map {
  margin: 2em 0;
}
.page_word > section.main_section > .map > h3 {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.6em;
}
.page_word > section.main_section > article.waiting_pronunciations {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .page_word > section.main_section > article.waiting_pronunciations {
    padding: 10px;
  }
}
.page_word > section.main_section > article.waiting_pronunciations header {
  margin-bottom: 1em;
}
.page_word > section.main_section > article.waiting_pronunciations header h1,
.page_word > section.main_section > article.waiting_pronunciations header em {
  display: block;
  font-style: normal;
}
.page_word > section.main_section > article.waiting_pronunciations header strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > section.main_section > article.waiting_pronunciations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_word > section.main_section > article.waiting_pronunciations ul > li {
  margin-bottom: 0.5em;
}
.page_word > section.main_section > article.waiting_pronunciations ul > li {
  position: relative;
  padding-left: 27px;
}
.page_word > section.main_section > article.waiting_pronunciations ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_word > section.main_section > article.waiting_pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word > section.main_section > article.waiting_pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word > section.main_section > article.waiting_pronunciations ul > li .lang_xx,
.page_word > section.main_section > article.waiting_pronunciations ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_word > section.main_section > article.waiting_pronunciations ul > li .lang_xx,
  .page_word > section.main_section > article.waiting_pronunciations ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > section.main_section > article.waiting_pronunciations ul > li .lang_xx abbr,
.page_word > section.main_section > article.waiting_pronunciations ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_word > section.main_section > article.waiting_pronunciations ul li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > section.main_section > article.waiting_pronunciations ul li a {
  color: #333333;
}
.page_word > section.main_section > article.waiting_pronunciations ul li a.link_record,
.page_word > section.main_section > article.waiting_pronunciations ul li a.link_record:hover {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #cc194f !important;
}
.page_word > section.main_section p.next_word,
.page_word > section.main_section p.random_word {
  margin-top: 3em;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-right: 50px;
}
.page_word > section.main_section p.next_word:last-child,
.page_word > section.main_section p.random_word:last-child {
  margin-right: 0;
}
.page_word > section.main_section p.next_word a,
.page_word > section.main_section p.random_word a {
  color: #3a9fd9;
}
.page_word > aside.main_aside {
  position: relative;
  top: auto;
}
.page_word > aside.main_aside > .ad {
  margin-bottom: 20px;
}
.page_word > aside.main_aside .fixed {
  position: fixed;
  top: 0px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_word > aside.main_aside .fixed {
    width: 240px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .page_word > aside.main_aside .fixed {
    right: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .page_word > aside.main_aside .fixed {
    position: static;
    width: 100% !important;
  }
}
.page_word > aside.main_aside > .word_actions,
.page_word > aside.main_aside > .filter,
.page_word > aside.main_aside > .thanks,
.page_word > aside.main_aside > .video {
  padding: 20px;
  background: #f2f2f2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  .page_word > aside.main_aside > .word_actions,
  .page_word > aside.main_aside > .filter,
  .page_word > aside.main_aside > .thanks,
  .page_word > aside.main_aside > .video {
    padding: 10px;
  }
}
.page_word > aside.main_aside > .word_actions header h1,
.page_word > aside.main_aside > .filter header h1,
.page_word > aside.main_aside > .thanks header h1,
.page_word > aside.main_aside > .video header h1,
.page_word > aside.main_aside > .word_actions header em,
.page_word > aside.main_aside > .filter header em,
.page_word > aside.main_aside > .thanks header em,
.page_word > aside.main_aside > .video header em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.page_word > aside.main_aside > .word_actions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word > aside.main_aside > .word_actions ul li {
  margin-bottom: 0.5em;
  color: #1d84c6;
}
.page_word > aside.main_aside > .word_actions ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.page_word > aside.main_aside > .word_actions ul li:last-child {
  margin-bottom: 0;
}
.page_word > aside.main_aside > .word_actions strong {
  font-weight: inherit;
}
.page_word > aside.main_aside > .filter p {
  color: #666666;
  margin: 0;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > aside.main_aside > .filter p a {
  display: block;
  position: relative;
  padding-left: 12px;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > aside.main_aside > .filter p a:before {
  content: "\f142";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.page_word > aside.main_aside > .filter p a span {
  color: #333333;
}
.page_word > aside.main_aside > .filter .resquest_new_holder {
  display: block;
  margin-top: 0.5em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > aside.main_aside > .filter .resquest_new_holder label {
  display: block;
}
.page_word > aside.main_aside > .filter .resquest_new_holder .ui-selectmenu-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  background: #ffffff;
  height: 30px;
  line-height: 30px;
  border: 1px solid #cbcbcb;
}
.page_word > aside.main_aside > .filter .resquest_new_holder span.ui-icon::before {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
.page_word > aside.main_aside > .thanks {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_word > aside.main_aside > .thanks {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word > aside.main_aside > .video {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word > aside.main_aside > .video a {
  display: block;
}
.page_word > aside.main_aside > .video .thumbnail_content {
  border: 1px solid #cbcbcb;
  overflow: auto;
  padding: 4px;
  border-radius: 3px;
}
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail {
  position: relative;
}
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail img {
  object-fit: cover;
  max-height: 127px;
}
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover img {
  opacity: 0.5;
}
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover a {
  background: #000;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after {
  width: 11px;
  height: 11px;
  position: absolute;
  left: 41%;
  top: 35%;
  cursor: pointer;
  border: 2px solid #ffffff;
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
  padding: 1em;
  border-radius: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 0.8;
}
@media only screen and (max-width: 780px) {
  .page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 41%;
    top: 35%;
    cursor: pointer;
    border: 2px solid #ffffff;
    content: "\e606";
    font-family: 'Forvo';
    font-size: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2em;
    line-height: 1em;
    color: #ffffff;
    text-align: center;
    padding: 1em;
    border-radius: 50%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 0.8;
  }
}
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail .time {
  position: absolute;
  left: 10px;
  bottom: 5px;
  color: #ffffff;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  z-index: 55;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px #333333;
}
.page_word > aside.main_aside > .video .thumbnail_info {
  margin-top: 0.5em;
}
.page_word > aside.main_aside > .video .thumbnail_info p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 780px) {
  .page_word > aside.main_aside > .video .thumbnail_info p {
    margin-bottom: 0.5em;
  }
}
.page_word > aside.main_aside > .video .thumbnail_info span {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
  color: #999999;
}
.page_word > aside.main_aside > .video .thumbnail_info .views {
  margin-right: 0.5em;
}
.page_word > aside.main_aside > .video .thumbnail_info .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_word > aside.main_aside > .video .thumbnail_info .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_word > aside.main_aside > .video .thumbnail_info .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.page_word > aside.main_aside > .video .thumbnail_info .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word > aside.main_aside > .video .thumbnail_info .hand .advice {
  display: none;
  color: #3db385;
}
.page_word > aside.main_aside > .video .thumbnail_info .hand:hover .advice {
  display: inline;
}
.page_word > aside.main_aside > .video .thumbnail_info .follow {
  margin-left: 0.5em;
}
.page_word > aside.main_aside > .video .thumbnail_info .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_word > aside.main_aside > .video .thumbnail_info .follow:before {
    top: 0;
  }
}
.page_word > aside.main_aside > .video .thumbnail_info .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.page_word > aside.main_aside > .video .thumbnail_info .follow .advice {
  display: none;
  color: #3db385;
}
.page_word > aside.main_aside > .video .thumbnail_info .follow:hover .advice {
  display: inline;
}
.page_word > aside.main_aside > .video .thumbnail_info .following {
  color: #3db385;
}
.page_word > aside.main_aside > .video .thumbnail_info .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.page_word > aside.main_aside > .video .thumbnail_info .active {
  color: #3db385;
}
.page_word > aside.main_aside > .video .thumbnail_info .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word > aside.main_aside > .video .thumbnail_info .active .advice {
  display: none!important;
}
.page_word > aside.main_aside > .video p {
  margin-bottom: 1em;
}
.page_word > aside.main_aside > .video p a {
  display: inline;
}
.page_word > aside.main_aside > .video .thumbnail_content {
  border: 0;
  padding: 0;
}
.page_word > aside.main_aside > .video .thumbnail_content img {
  vertical-align: middle;
}
.page_word-add section.main_section > header h1 strong.word {
  color: #1d84c6;
}
.page_word-add section.main_section > .word_options {
  margin: 1.2em 0;
}
.page_word-add section.main_section > .word_options p {
  position: relative;
  margin: 0.5em 0;
  padding-left: 27px;
}
.page_word-add section.main_section > .word_options a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
}
.page_word-add section.main_section > .word_options a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word-add section.main_section > .word_options a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word-add section.main_section > .word_options a.record + a,
.page_word-add section.main_section > .word_options a.record + a:hover {
  color: #cc194f !important;
}
.page_word-add section.main_section > h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 1.2em 0;
}
@media only screen and (max-width: 960px) {
  .page_word-add section.main_section > h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word-add section.main_section .input .word {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 960px) {
  .page_word-add section.main_section .input .word {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word-add section.main_section .input .word.available {
  color: #3db385;
}
.page_word-add section.main_section .input .word.available:after {
  content: "\e60e";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 0.3em;
}
.page_word-add section.main_section .input .word.not_available {
  color: #cc194f;
}
.page_word-add section.main_section .input .word.not_available:after {
  content: "\e608";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
  margin-left: 0.3em;
}
.page_word-add section.main_section .input .word + a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-left: 1em;
}
@media only screen and (max-width: 780px) {
  .page_word-add section.main_section .input .word + a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word-add section.main_section .changedir,
.page_word-add section.main_section .current_langs,
.page_word-add section.main_section .current_tags {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-top: 0.6em;
}
@media only screen and (max-width: 780px) {
  .page_word-add section.main_section .changedir,
  .page_word-add section.main_section .current_langs,
  .page_word-add section.main_section .current_tags {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word-add section.main_section .changedir {
  cursor: pointer;
  color: #1d84c6;
}
.page_word-add section.main_section .changedir:hover {
  color: #3a9fd9;
}
.page_word-add section.main_section .stripe-content {
  display: table;
  border-collapse: collapse;
  margin-top: 2em;
}
.page_word-add section.main_section .stripe-content .stripe {
  color: #1d1d1b;
  width: 100%;
  border: 1px solid #fbcf84;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
  display: table-cell;
  background: repeating-linear-gradient(-55deg, #fbcf84, #fbcf84 10px, #feda99 10px, #feda99 20px);
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px 20px;
}
.page_word-add section.main_section .stripe-content .stripe span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word-add section.main_section .stripe-content .cell {
  display: table-cell;
}
.page_word-add section.main_section .stripe-content .cell:before {
  content: '\00a0';
}
.page_word-add section.main_section .stripe-content .btn-word {
  -webkit-appearance: none;
  padding: 10px 20px;
  background: #f2f2f2;
  border: 1px solid #cbcbcb;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #1d1d1b;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.page_word-add section.main_section .stripe-content .btn-word:hover {
  border: 1px solid #1d84c6;
  background: #3a9fd9;
  color: #ffffff !important;
}
.page_word-add section.main_section .stripe-content .btn-word:before {
  content: '';
  display: table-cell;
  background-color: white;
}
.page_word-add section.main_section .stripe-content .btn-word span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0.8;
}
.page_word-add-success section.main_section > header h1 strong.word {
  color: #1d84c6;
}
.page_word-add-success section.main_section > .word_options {
  margin: 1.2em 0;
}
.page_word-add-success section.main_section > .word_options p {
  position: relative;
  margin: 0.5em 0;
  padding-left: 27px;
}
.page_word-add-success section.main_section > .word_options a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
}
.page_word-add-success section.main_section > .word_options a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word-add-success section.main_section > .word_options a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word-add-success section.main_section > .word_options a.record + a,
.page_word-add-success section.main_section > .word_options a.record + a:hover {
  color: #cc194f !important;
}
.page_word-add-success section.main_section > h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 1.2em 0;
}
@media only screen and (max-width: 960px) {
  .page_word-add-success section.main_section > h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word-add-success section.main_section .input .word {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 960px) {
  .page_word-add-success section.main_section .input .word {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word-add-success section.main_section .input .word.available {
  color: #3db385;
}
.page_word-add-success section.main_section .input .word.available:after {
  content: "\e60e";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 0.3em;
}
.page_word-add-success section.main_section .input .word.not_available {
  color: #cc194f;
}
.page_word-add-success section.main_section .input .word.not_available:after {
  content: "\e608";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2rem;
  margin-left: 0.3em;
}
.page_word-add-success section.main_section .input .word + a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-left: 1em;
}
@media only screen and (max-width: 780px) {
  .page_word-add-success section.main_section .input .word + a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word-add-success section.main_section .changedir,
.page_word-add-success section.main_section .current_langs,
.page_word-add-success section.main_section .current_tags {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-top: 0.6em;
}
@media only screen and (max-width: 780px) {
  .page_word-add-success section.main_section .changedir,
  .page_word-add-success section.main_section .current_langs,
  .page_word-add-success section.main_section .current_tags {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word-add-success section.main_section .changedir {
  cursor: pointer;
  color: #1d84c6;
}
.page_word-add-success section.main_section .changedir:hover {
  color: #3a9fd9;
}
.page_word-add-success section.main_section .stripe-content {
  display: table;
  border-collapse: collapse;
  margin-top: 2em;
}
.page_word-add-success section.main_section .stripe-content .stripe {
  color: #1d1d1b;
  width: 100%;
  border: 1px solid #fbcf84;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
  display: table-cell;
  background: repeating-linear-gradient(-55deg, #fbcf84, #fbcf84 10px, #feda99 10px, #feda99 20px);
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px 20px;
}
.page_word-add-success section.main_section .stripe-content .stripe span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word-add-success section.main_section .stripe-content .cell {
  display: table-cell;
}
.page_word-add-success section.main_section .stripe-content .cell:before {
  content: '\00a0';
}
.page_word-add-success section.main_section .stripe-content .btn-word {
  -webkit-appearance: none;
  padding: 10px 20px;
  background: #f2f2f2;
  border: 1px solid #cbcbcb;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #1d1d1b;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.page_word-add-success section.main_section .stripe-content .btn-word:hover {
  border: 1px solid #1d84c6;
  background: #3a9fd9;
  color: #ffffff !important;
}
.page_word-add-success section.main_section .stripe-content .btn-word:before {
  content: '';
  display: table-cell;
  background-color: white;
}
.page_word-add-success section.main_section .stripe-content .btn-word span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0.8;
}
.page_word-record section.main_section > header .explanation {
  padding: 20px;
  background: #f2f2f2;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .page_word-record section.main_section > header .explanation {
    padding: 10px;
  }
}
.page_word-record section.main_section > header .explanation strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: block;
  margin: 0.1em 0;
}
.page_word-record section.main_section > header .explanation .lang {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_word-record section.main_section > .recorder {
  text-align: center;
}
.page_word-report section.main_section .counter {
  float: right;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 0.5em 0 1.5em;
}
@media only screen and (max-width: 780px) {
  .page_word-report section.main_section .counter {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word-report section.main_section .counter.error .counter_chars {
  color: #cc194f;
}
.page_pronounce {
  zoom: 1;
  padding-right: 320px;
}
.page_pronounce:before,
.page_pronounce:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_pronounce:after {
  clear: both;
}
.page_pronounce > section.main_section {
  float: left;
  width: 100%;
}
.page_pronounce > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_pronounce > section.main_section > header .title_holder,
.page_pronounce > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_pronounce > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_pronounce > section.main_section > header h1,
.page_pronounce > section.main_section > header h2,
.page_pronounce > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_pronounce > section.main_section > header h1 h1,
.page_pronounce > section.main_section > header h2 h1,
.page_pronounce > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_pronounce > section.main_section > header h1 > strong,
.page_pronounce > section.main_section > header h2 > strong,
.page_pronounce > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_pronounce > section.main_section > header h1 > span,
.page_pronounce > section.main_section > header h2 > span,
.page_pronounce > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_pronounce > section.main_section > header h1 > span,
  .page_pronounce > section.main_section > header h2 > span,
  .page_pronounce > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_pronounce > section.main_section > header h1 > .ico_rol:after,
.page_pronounce > section.main_section > header h2 > .ico_rol:after,
.page_pronounce > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_pronounce > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_pronounce > section.main_section > header h1,
  .page_pronounce > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_pronounce > section.main_section > header h1,
  .page_pronounce > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_pronounce > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_pronounce > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_pronounce > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_pronounce > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_pronounce > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_pronounce > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_pronounce > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_pronounce > section.main_section > header .info.ok {
  color: #3db385;
}
.page_pronounce > section.main_section > header .info.error {
  color: #cc194f;
}
.page_pronounce > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_pronounce > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_pronounce > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_pronounce > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_pronounce > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_pronounce > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_pronounce > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_pronounce > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_pronounce > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_pronounce > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_pronounce > section.main_section {
    float: none;
  }
}
.page_pronounce.fullpage {
  padding-right: 0;
}
.page_pronounce > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_pronounce {
    padding-right: 260px;
  }
  .page_pronounce > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_pronounce {
    padding-right: 0;
  }
  .page_pronounce > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_pronounce .main_section {
  zoom: 1;
}
.page_pronounce .main_section:before,
.page_pronounce .main_section:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_pronounce .main_section:after {
  clear: both;
}
.page_pronounce .main_section .form {
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.page_pronounce .main_section .form label,
.page_pronounce .main_section .form .input,
.page_pronounce .main_section .form .actions {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-right: 20px;
}
.page_pronounce .main_section .form .input {
  width: 50%;
}
.page_pronounce .main_section .form .actions {
  margin: 0;
  text-align: left;
}
@media only screen and (max-width: 960px) {
  .page_pronounce .main_section .form label {
    display: block;
    margin-right: 0;
  }
  .page_pronounce .main_section .form .button {
    min-width: auto;
  }
}
.page_pronounce .main_section > p.instructions {
  margin: 2em 0;
}
.page_pronounce .main_section div > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_pronounce .main_section div > ul > li {
  margin-bottom: 0.5em;
}
.page_pronounce .main_section div > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_pronounce .main_section div > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_pronounce .main_section div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_pronounce .main_section div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_pronounce .main_section div > ul > li .lang_xx,
.page_pronounce .main_section div > ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_pronounce .main_section div > ul > li .lang_xx,
  .page_pronounce .main_section div > ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_pronounce .main_section div > ul > li .lang_xx abbr,
.page_pronounce .main_section div > ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_pronounce .main_section div h2 {
  width: 50%;
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
  background: #f7f7f7;
  width: 90%;
  padding: 8px;
}
@media only screen and (max-width: 640px) {
  .page_pronounce .main_section div h2 {
    display: none;
  }
}
.page_pronounce .main_section .words {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_pronounce .main_section .words {
    width: 100%;
  }
}
.page_pronounce .main_section .phrases {
  width: 50%;
  float: right;
}
@media only screen and (max-width: 640px) {
  .page_pronounce .main_section .phrases {
    display: none;
  }
}
.page_finish-record .main_section > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_finish-record .main_section > ul > li {
  margin-bottom: 0.5em;
}
.page_finish-record .main_section > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_finish-record .main_section > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_finish-record .main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_finish-record .main_section > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_finish-record .main_section > ul > li .lang_xx,
.page_finish-record .main_section > ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_finish-record .main_section > ul > li .lang_xx,
  .page_finish-record .main_section > ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_finish-record .main_section > ul > li .lang_xx abbr,
.page_finish-record .main_section > ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_finish-record .main_section p.more {
  margin-top: 2em;
  position: relative;
}
.page_finish-record .main_section p.more > a {
  padding-left: 27px;
}
.page_finish-record .main_section p.more > a:before {
  content: "\e612";
  font-family: 'Forvo';
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1em;
  position: absolute;
  left: 3px;
  top: 0;
  color: #999999;
}
.page_messages .main_section .tabs {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  border-bottom: 1px solid #cbcbcb;
}
.page_messages .main_section .tabs > li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 180px;
  text-align: center;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #f2f2f2;
}
.page_messages .main_section .tabs > li:first-child {
  border-left: 1px solid #f2f2f2;
}
.page_messages .main_section .tabs > li.active + li {
  border-left: 1px solid #f2f2f2;
}
.page_messages .main_section .tabs > li a {
  display: block;
  float: none !important;
  background: #f2f2f2;
  color: #666666;
  text-shadow: 0 0 1px #ffffff;
  padding: 0.5em 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.page_messages .main_section .tabs > li a:hover {
  color: #333333 !important;
}
.page_messages .main_section .tabs > li a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: #1d84c6;
}
.page_messages .main_section .tabs > li.active,
.page_messages .main_section .tabs > li.ui-state-active {
  border-top-color: #cbcbcb;
  border-left-color: #cbcbcb;
  border-right-color: #cbcbcb;
}
.page_messages .main_section .tabs > li.active:after,
.page_messages .main_section .tabs > li.ui-state-active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #ffffff;
}
.page_messages .main_section .tabs > li.active a,
.page_messages .main_section .tabs > li.ui-state-active a,
.page_messages .main_section .tabs > li.active a:hover,
.page_messages .main_section .tabs > li.ui-state-active a:hover {
  background: #ffffff;
  color: #1d84c6 !important;
}
.page_messages .main_section .tabs > li.active a:before,
.page_messages .main_section .tabs > li.ui-state-active a:before,
.page_messages .main_section .tabs > li.active a:hover:before,
.page_messages .main_section .tabs > li.ui-state-active a:hover:before {
  height: 0;
}
@media only screen and (max-width: 640px) {
  .page_messages .main_section .tabs > li,
  .page_messages .main_section .tabs li.active,
  .page_messages .main_section .tabs li.ui-state-active {
    display: block;
    border: 1px solid #cbcbcb !important;
    margin-top: -1px !important;
  }
  .page_messages .main_section .tabs > li a:before,
  .page_messages .main_section .tabs li.active a:before,
  .page_messages .main_section .tabs li.ui-state-active a:before,
  .page_messages .main_section .tabs > li a:hover:before,
  .page_messages .main_section .tabs li.active a:hover:before,
  .page_messages .main_section .tabs li.ui-state-active a:hover:before {
    display: none;
  }
}
.page_messages .main_section .message_actions {
  margin-top: 1em;
}
.page_messages .main_section .message_actions > * {
  margin-right: 10px;
}
.page_messages .main_section table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 1em;
}
.page_messages .main_section table th {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_messages .main_section table td {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_messages .main_section table th,
.page_messages .main_section table td {
  text-align: left;
  padding: 0.6em 0;
  padding-right: 40px;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
}
.page_messages .main_section table th:last-child,
.page_messages .main_section table td:last-child {
  padding-right: 0;
}
.page_messages .main_section table th.input:first-child,
.page_messages .main_section table td.input:first-child {
  padding-right: 20px;
}
.page_messages .main_section table th.date,
.page_messages .main_section table td.date,
.page_messages .main_section table th.from,
.page_messages .main_section table td.from,
.page_messages .main_section table th.to,
.page_messages .main_section table td.to {
  white-space: nowrap;
}
.page_messages .main_section table th.subject,
.page_messages .main_section table td.subject {
  width: 100%;
}
.page_messages .main_section table th a,
.page_messages .main_section table td a {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_messages .main_section table th strong,
.page_messages .main_section table td strong {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_messages .main_section table tr.new th,
.page_messages .main_section table tr.new td,
.page_messages .main_section table tr.new strong,
.page_messages .main_section table tr.new a {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_messages .main_section form .fields {
  margin-top: 3em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_messages .main_section form .fields .field {
  zoom: 1;
  position: relative;
  padding-left: 140px;
  border-top: 1px solid #e5e5e5;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}
.page_messages .main_section form .fields .field:before,
.page_messages .main_section form .fields .field:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_messages .main_section form .fields .field:after {
  clear: both;
}
.page_messages .main_section form .fields .field:first-child {
  border-top: 0;
}
.page_messages .main_section form .fields .field.has_error > label,
.page_messages .main_section form .fields .field.has_error > .label {
  color: #cc194f;
}
.page_messages .main_section form .fields .field.has_error > .help {
  color: #cc194f;
}
.page_messages .main_section form .fields .field.field_textarea {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 130px;
}
.page_messages .main_section form .fields .field.field_textarea > .label,
.page_messages .main_section form .fields .field.field_textarea > label {
  padding-top: 0.6em;
  margin-left: -130px;
}
.page_messages .main_section form .fields .field.field_textarea > .label:before,
.page_messages .main_section form .fields .field.field_textarea > label:before {
  width: 130px;
}
.page_messages .main_section form .fields .field.field_textarea > .input > textarea {
  margin-top: -1px;
}
.page_messages .main_section form .fields .field.field_textarea > .input .counter {
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  padding: 0.5em 0 1.5em;
}
@media only screen and (max-width: 780px) {
  .page_messages .main_section form .fields .field.field_textarea > .input .counter {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_messages .main_section form .fields .field.field_textarea > .input .counter.error .counter_chars {
  color: #cc194f;
}
.page_messages .main_section form .fields .field.field_captcha > .input img {
  vertical-align: top;
  margin-right: 5px;
}
.page_messages .main_section form .fields .field > label,
.page_messages .main_section form .fields .field .label {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  float: left;
  margin-left: -140px;
  width: 120px;
  text-align: right;
}
.page_messages .main_section form .fields .field > label:before,
.page_messages .main_section form .fields .field .label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 130px;
  height: 1px;
  background: #ffffff;
  z-index: 1;
}
.page_messages .main_section form .fields .field > .input > input,
.page_messages .main_section form .fields .field > .input > span > input,
.page_messages .main_section form .fields .field > .input > select,
.page_messages .main_section form .fields .field > .input > textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px;
  -moz-border-radius: 0 0 0 0 5px 5px 5px;
  border-radius: 0 0 0 0 5px 5px 5px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em;
  line-height: 1em;
  border: 1px solid #cbcbcb;
  padding: 0 8px;
  height: 2em;
  vertical-align: middle;
  text-align: auto;
  -webkit-appearance: none;
}
.page_messages .main_section form .fields .field > .input > input.wauto,
.page_messages .main_section form .fields .field > .input > span > input.wauto,
.page_messages .main_section form .fields .field > .input > select.wauto,
.page_messages .main_section form .fields .field > .input > textarea.wauto {
  width: auto;
}
.page_messages .main_section form .fields .field > .input > input:focus,
.page_messages .main_section form .fields .field > .input > span > input:focus,
.page_messages .main_section form .fields .field > .input > select:focus,
.page_messages .main_section form .fields .field > .input > textarea:focus {
  outline: none;
  border-color: #85afd6;
}
.page_messages .main_section form .fields .field > .help {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_messages .main_section form .fields .field > .help {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_messages .main_section form .actions {
  margin-top: 1em;
  margin-left: 130px;
  border-top: 1px solid #e5e5e5;
  padding-top: 1.6em;
}
.page_messages .main_section form .actions > * {
  margin-right: 10px;
}
.page_messages .main_section form .actions button {
  margin-bottom: 10px;
}
@media only screen and (max-width: 780px) {
  .page_messages .main_section form .fields .field,
  .page_messages .main_section form .fields .field.field_textarea,
  .page_messages .main_section form .fields .field.field_captcha {
    padding-left: 0;
  }
  .page_messages .main_section form .fields .field > label,
  .page_messages .main_section form .fields .field.field_textarea > label,
  .page_messages .main_section form .fields .field.field_captcha > label,
  .page_messages .main_section form .fields .field .label,
  .page_messages .main_section form .fields .field.field_textarea .label,
  .page_messages .main_section form .fields .field.field_captcha .label {
    float: none;
    margin-left: 0;
    text-align: left;
    width: auto;
    display: block;
    margin-bottom: 0.5em;
  }
  .page_messages .main_section form .fields .field > label:before,
  .page_messages .main_section form .fields .field.field_textarea > label:before,
  .page_messages .main_section form .fields .field.field_captcha > label:before,
  .page_messages .main_section form .fields .field .label:before,
  .page_messages .main_section form .fields .field.field_textarea .label:before,
  .page_messages .main_section form .fields .field.field_captcha .label:before {
    display: none;
  }
  .page_messages .main_section form .actions {
    margin-left: 0;
  }
}
.page_messages aside.main_aside article {
  padding: 20px;
  background: #f2f2f2;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .page_messages aside.main_aside article {
    padding: 10px;
  }
}
.page_messages aside.main_aside article + article {
  padding-top: 0;
}
.page_messages aside.main_aside article h1,
.page_messages aside.main_aside article em {
  display: block;
  font-style: normal;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (max-width: 960px) {
  .page_messages aside.main_aside article h1,
  .page_messages aside.main_aside article em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_messages aside.main_aside article ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_messages aside.main_aside article ul li {
  margin-bottom: 1em;
  color: #1d84c6;
}
.page_messages aside.main_aside article ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.page_messages aside.main_aside article ul li:last-child {
  margin-bottom: 0;
}
.page_messages aside.main_aside article ul li {
  color: #333333;
}
.page_messages aside.main_aside article ul li strong {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.donations * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
}
.donations > section.main_section > p.textonormal {
  margin-bottom: 1.8em;
}
.donations > section.main_section > p.textonormal.nomargin {
  margin-bottom: 0.8em;
}
.donations > section.main_section > .ui-tabs .tab,
.donations > section.main_section .ui-tabs .ui-tabs-panel {
  padding: 10px;
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
}
.donations > section.main_section > .ui-tabs .tab > ul,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul {
  margin-top: 0;
  margin-bottom: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  overflow: auto;
  padding-top: 5px;
}
.donations > section.main_section > .ui-tabs .tab > ul > li,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li {
  width: 11.5%;
  margin-right: .5%;
  margin-left: 0.5%;
  float: left;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  line-height: 52px;
  background: #f2f2f2;
  cursor: pointer;
}
.donations > section.main_section > .ui-tabs .tab > ul > li:last-child,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li:last-child {
  margin-right: 0;
}
.donations > section.main_section > .ui-tabs .tab > ul > li:hover a,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li:hover a {
  color: #1d1d1b !important;
}
@media only screen and (max-width: 780px) {
  .donations > section.main_section > .ui-tabs .tab > ul > li,
  .donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 42px;
  }
}
.donations > section.main_section > .ui-tabs .tab > ul > li > a,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li > a {
  color: #999999;
}
.donations > section.main_section > .ui-tabs .tab > ul > li.active,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li.active {
  border: 2px solid #1d84c6;
}
.donations > section.main_section > .ui-tabs .tab > ul > li.active > a,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li.active > a,
.donations > section.main_section > .ui-tabs .tab > ul > li.active > input,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li.active > input {
  color: #1d1d1b;
}
.donations > section.main_section > .ui-tabs .tab > ul > li.active ::-webkit-input-placeholder,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li.active ::-webkit-input-placeholder {
  color: #1d1d1b;
  opacity: 1;
}
.donations > section.main_section > .ui-tabs .tab > ul > li.active :-moz-placeholder,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li.active :-moz-placeholder {
  color: #1d1d1b;
  opacity: 1;
}
.donations > section.main_section > .ui-tabs .tab > ul > li.active ::-moz-placeholder,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li.active ::-moz-placeholder {
  color: #1d1d1b;
  opacity: 1;
}
.donations > section.main_section > .ui-tabs .tab > ul > li.active :-ms-input-placeholder,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li.active :-ms-input-placeholder {
  color: #1d1d1b;
  opacity: 1;
}
.donations > section.main_section > .ui-tabs .tab > ul > li > input,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li > input {
  background: transparent;
  border: 0;
  text-align: center;
  width: 100%;
  line-height: 50px;
}
.donations > section.main_section > .ui-tabs .tab > ul > li > input:focus,
.donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li > input:focus {
  outline: 0 none;
}
@media only screen and (max-width: 780px) {
  .donations > section.main_section > .ui-tabs .tab > ul > li > input,
  .donations > section.main_section .ui-tabs .ui-tabs-panel > ul > li > input {
    line-height: 40px;
  }
}
.donations > section.main_section .form_actions {
  zoom: 1;
}
.donations > section.main_section .form_actions:before,
.donations > section.main_section .form_actions:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.donations > section.main_section .form_actions:after {
  clear: both;
}
.donations > section.main_section .notice {
  text-align: right !important;
  margin-top: 10px;
  margin-bottom: 0.5em;
  display: none;
}
.donations > section.main_section .paypal {
  /*
			background-color: @altColor;
			float: right;
			margin-top: 1em;
			padding:1em;
			border:0px;
			text-align:center;
			color: @bgMain;
			max-width:100px;
			cursor:pointer;
			border-color: @top @right @bottom @left;*/
  float: right;
  margin-top: 1em;
}
.donations > section.main_section .paypal:before {
  content: "\f1ed";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.donations > section.main_section > p.thanks {
  color: #1d84c6;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.2em;
  margin-top: .8em;
  margin-bottom: 2.8em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
}
.donations > section.main_section > div ul {
  margin-top: 0;
  padding-left: 20px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_chat-list {
  zoom: 1;
  padding-right: 320px;
}
.page_chat-list:before,
.page_chat-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-list:after {
  clear: both;
}
.page_chat-list > section.main_section {
  float: left;
  width: 100%;
}
.page_chat-list > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_chat-list > section.main_section > header .title_holder,
.page_chat-list > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_chat-list > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_chat-list > section.main_section > header h1,
.page_chat-list > section.main_section > header h2,
.page_chat-list > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_chat-list > section.main_section > header h1 h1,
.page_chat-list > section.main_section > header h2 h1,
.page_chat-list > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_chat-list > section.main_section > header h1 > strong,
.page_chat-list > section.main_section > header h2 > strong,
.page_chat-list > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_chat-list > section.main_section > header h1 > span,
.page_chat-list > section.main_section > header h2 > span,
.page_chat-list > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section > header h1 > span,
  .page_chat-list > section.main_section > header h2 > span,
  .page_chat-list > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section > header h1 > .ico_rol:after,
.page_chat-list > section.main_section > header h2 > .ico_rol:after,
.page_chat-list > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_chat-list > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_chat-list > section.main_section > header h1,
  .page_chat-list > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_chat-list > section.main_section > header h1,
  .page_chat-list > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_chat-list > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_chat-list > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_chat-list > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_chat-list > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_chat-list > section.main_section > header .info.ok {
  color: #3db385;
}
.page_chat-list > section.main_section > header .info.error {
  color: #cc194f;
}
.page_chat-list > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_chat-list > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_chat-list > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_chat-list > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_chat-list > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_chat-list > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_chat-list > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_chat-list > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_chat-list > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_chat-list > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_chat-list > section.main_section {
    float: none;
  }
}
.page_chat-list.fullpage {
  padding-right: 0;
}
.page_chat-list > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_chat-list {
    padding-right: 260px;
  }
  .page_chat-list > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_chat-list {
    padding-right: 0;
  }
  .page_chat-list > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_chat-list > section.main_section * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
}
.page_chat-list > section.main_section > .conversations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_chat-list > section.main_section > .conversations ul:last-child {
  border-bottom: 1px solid #cbcbcb;
}
.page_chat-list > section.main_section > .conversations ul li {
  border-top: 1px solid #cbcbcb;
  zoom: 1;
  padding-top: 1em;
  padding-bottom: 1em ;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding-left: 0.5em;
}
.page_chat-list > section.main_section > .conversations ul li:before,
.page_chat-list > section.main_section > .conversations ul li:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-list > section.main_section > .conversations ul li:after {
  clear: both;
}
.page_chat-list > section.main_section > .conversations ul li:hover {
  background-color: #e3f7ff;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.page_chat-list > section.main_section > .conversations ul li .nombres {
  float: left;
}
.page_chat-list > section.main_section > .conversations ul li .nombres p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  white-space: nowrap;
  width: 24em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section > .conversations ul li .nombres p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section > .conversations ul li .nombres p {
    width: 18em;
  }
}
.page_chat-list > section.main_section > .conversations ul li .nombres > h2 {
  color: #1d84c6;
  margin-bottom: 5px;
}
.page_chat-list > section.main_section > .conversations ul li .nombres > h2:hover {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #3a9fd9;
}
.page_chat-list > section.main_section > .conversations ul li .nombres > h2 > .time {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section > .conversations ul li .nombres > h2 > .time {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section > .conversations ul li .aviso {
  float: right;
  background: #1d84c6;
  color: #ffffff;
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% 50%;
  border-radius: 50% 50%;
  -webkit-border-radius: 50% 50% 5px 5px 5px;
  -moz-border-radius: 50% 50% 5px 5px 5px;
  border-radius: 50% 50% 5px 5px 5px;
  height: 36px;
  width: 36px;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 38px;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.page_chat-list > section.main_section > .conversations ul li .aviso:hover {
  background: #3a9fd9;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section > .conversations ul li .aviso {
    height: 36px;
    width: 36px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 38px;
  }
}
.page_chat-list > section.main_section .loadMoreAjaxLoader #loadMoreMessage,
.page_chat-list > section.main_section .loadMoreAjaxLoader #loadMoreLoading {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 1em;
}
.page_chat-list > section.main_section .chat_header {
  margin-top: 2em;
  zoom: 1;
  padding: 0px;
  color: #ffffff;
}
.page_chat-list > section.main_section .chat_header:before,
.page_chat-list > section.main_section .chat_header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-list > section.main_section .chat_header:after {
  clear: both;
}
.page_chat-list > section.main_section .chat_header a .chat_title {
  background: #09557e;
  padding: 1em;
  width: 22%;
  color: #ffffff;
  float: left;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_header a .chat_title {
    width: 27%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section .chat_header a .chat_title:before {
  content: "\f122";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-list > section.main_section .chat_header > .name_content {
  background-image: url(/_presentation/assets/img/shapes/chat.png);
  background-repeat: no-repeat;
  background-size: auto 200%;
  background-position: -1px 100%;
  float: right;
  width: 78%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em;
  position: relative;
  background-color: #1d84c6;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_header > .name_content {
    width: 73%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section .chat_header > .name_content:before {
  content: "\e615";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  line-height: 1.2rem;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_header > .name_content:before {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 0.2rem;
  }
}
.page_chat-list > section.main_section .chat_header > .name_content .hide {
  display: none;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat-trigger {
  color: #ffffff !important;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-left: #09557e 2px solid;
  padding: 1em 2.3em;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_header > .name_content #chat-trigger {
    padding: 1em 2.4em;
  }
}
.page_chat-list > section.main_section .chat_header > .name_content #chat-trigger:hover {
  background: #09557e;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat-trigger:before {
  content: "\f141";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-list > section.main_section .chat_header > .name_content .bg {
  background: #09557e;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options {
  position: absolute;
  top: 3.2em;
  right: 0;
  z-index: 999;
  background: #09557e;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_header > .name_content #chat_options {
    top: 3.1em;
  }
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options a {
  color: #ffffff;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options ul li {
  padding: 1em 2em;
  text-align: center;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options ul li:hover {
  background: #1d84c6;
  color: #ffffff;
  cursor: pointer;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options ul .eye:before {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options ul .user_hide:before {
  content: "\e603";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3.2rem;
  font-size: 2.2rem;
}
.page_chat-list > section.main_section .chat_header > .name_content #chat_options ul .user_show:before {
  content: "\e602";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3.2rem;
  font-size: 2.2rem;
}
.page_chat-list > section.main_section #loadMore {
  padding-bottom: 1em;
  padding-top: 1em;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  cursor: pointer;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section #loadMore {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section .chat_content {
  height: 450px;
  background: #f2f2f2;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 10px;
}
.page_chat-list > section.main_section .chat_content::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_content::-webkit-scrollbar {
    width: 8px;
  }
}
.page_chat-list > section.main_section .chat_content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
}
.page_chat-list > section.main_section .chat_content::-webkit-resizer,
.page_chat-list > section.main_section .chat_content::-webkit-scrollbar-button,
.page_chat-list > section.main_section .chat_content::-webkit-scrollbar-corner {
  display: none;
}
.page_chat-list > section.main_section .chat_content > p {
  padding-bottom: 1em;
  padding-top: 1em;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  border-top: 2px solid #ffffff;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_content > p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section .chat_content > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  zoom: 1;
}
.page_chat-list > section.main_section .chat_content > ul:before,
.page_chat-list > section.main_section .chat_content > ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-list > section.main_section .chat_content > ul:after {
  clear: both;
}
.page_chat-list > section.main_section .chat_content > ul .not_read {
  background: #ffffff;
  margin-bottom: 1em;
  text-align: left;
  padding: 0.5em 2em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  clear: both;
  width: 100%;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_content > ul .not_read {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-list > section.main_section .chat_content > ul li {
  zoom: 1;
  position: relative;
  width: 45%;
  clear: both;
  margin-bottom: 1em;
}
.page_chat-list > section.main_section .chat_content > ul li:before,
.page_chat-list > section.main_section .chat_content > ul li:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-list > section.main_section .chat_content > ul li:after {
  clear: both;
}
.page_chat-list > section.main_section .chat_content > ul li .time {
  float: right;
  text-align: right;
  font-size: 1.1rem;
  color: #bfbfbf;
  margin-top: 2px;
}
.page_chat-list > section.main_section .chat_content > ul li .time:before {
  content: "\f017";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-list > section.main_section .chat_content > ul li .chat_txt_content {
  width: 78%;
  padding: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px 5px 5px 5px;
  -moz-border-radius: 10px 5px 5px 5px;
  border-radius: 10px 5px 5px 5px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  word-wrap: break-word;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_content > ul li .chat_txt_content {
    width: 110%;
  }
}
.page_chat-list > section.main_section .chat_content > ul li .chat_txt_content p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_chat-list > section.main_section .chat_content > ul > .guess > .chat_txt_content {
  background: #ffffff;
  margin-left: 1em;
  float: left;
}
.page_chat-list > section.main_section .chat_content > ul > .guess:before {
  border-width: 30px 0 0 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  float: left;
  position: absolute;
  bottom: 8px;
  left: 80%;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_content > ul > .guess:before {
    left: 112%;
  }
}
.page_chat-list > section.main_section .chat_content > ul .user {
  float: right;
}
.page_chat-list > section.main_section .chat_content > ul .user > .chat_txt_content {
  background: #ddedf7;
  margin-right: 1em;
  float: right;
}
.page_chat-list > section.main_section .chat_content > ul .user:before {
  border-width: 0 0 30px 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #ddedf7 transparent;
  float: right;
  position: absolute;
  bottom: 8px;
  right: 80%;
}
@media only screen and (max-width: 780px) {
  .page_chat-list > section.main_section .chat_content > ul .user:before {
    right: 112%;
  }
}
.page_chat-list > section.main_section .chat_send {
  zoom: 1;
}
.page_chat-list > section.main_section .chat_send:before,
.page_chat-list > section.main_section .chat_send:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-list > section.main_section .chat_send:after {
  clear: both;
}
.page_chat-list > section.main_section .chat_send textarea {
  border: 1px solid #bfbfbf;
  resize: none;
  height: 3.5em !important;
  width: 72%;
  padding: 1em;
  float: left;
  margin: 0px;
}
.page_chat-list > section.main_section .chat_send textarea:focus {
  border: 1px solid #bfbfbf;
  outline: none;
}
.page_chat-list > section.main_section .chat_send .button {
  width: 28%;
  float: right;
  height: 3.5em !important;
}
.page_chat-list .main_aside article {
  padding: 20px;
  background: #f2f2f2;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_chat-list .main_aside article em {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  display: block;
  margin-bottom: 1em;
}
.page_chat-list .main_aside article ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_chat-list .main_aside article ul li {
  margin-bottom: 1em;
  color: #1d84c6;
}
.page_chat-list .main_aside article ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.page_chat-list .main_aside article ul li:last-child {
  margin-bottom: 0;
}
.page_chat-list .main_aside article ul li {
  color: #333333;
}
.page_chat-box {
  zoom: 1;
  padding-right: 320px;
}
.page_chat-box:before,
.page_chat-box:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-box:after {
  clear: both;
}
.page_chat-box > section.main_section {
  float: left;
  width: 100%;
}
.page_chat-box > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_chat-box > section.main_section > header .title_holder,
.page_chat-box > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_chat-box > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_chat-box > section.main_section > header h1,
.page_chat-box > section.main_section > header h2,
.page_chat-box > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_chat-box > section.main_section > header h1 h1,
.page_chat-box > section.main_section > header h2 h1,
.page_chat-box > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_chat-box > section.main_section > header h1 > strong,
.page_chat-box > section.main_section > header h2 > strong,
.page_chat-box > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_chat-box > section.main_section > header h1 > span,
.page_chat-box > section.main_section > header h2 > span,
.page_chat-box > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_chat-box > section.main_section > header h1 > span,
  .page_chat-box > section.main_section > header h2 > span,
  .page_chat-box > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-box > section.main_section > header h1 > .ico_rol:after,
.page_chat-box > section.main_section > header h2 > .ico_rol:after,
.page_chat-box > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_chat-box > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_chat-box > section.main_section > header h1,
  .page_chat-box > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_chat-box > section.main_section > header h1,
  .page_chat-box > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_chat-box > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_chat-box > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_chat-box > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_chat-box > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_chat-box > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_chat-box > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_chat-box > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_chat-box > section.main_section > header .info.ok {
  color: #3db385;
}
.page_chat-box > section.main_section > header .info.error {
  color: #cc194f;
}
.page_chat-box > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_chat-box > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_chat-box > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_chat-box > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_chat-box > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_chat-box > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_chat-box > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_chat-box > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_chat-box > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_chat-box > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_chat-box > section.main_section {
    float: none;
  }
}
.page_chat-box.fullpage {
  padding-right: 0;
}
.page_chat-box > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_chat-box {
    padding-right: 260px;
  }
  .page_chat-box > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_chat-box {
    padding-right: 0;
  }
  .page_chat-box > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_chat-box * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
}
.page_chat-box .chat_header {
  margin-top: 2em;
  zoom: 1;
  padding: 0px;
  color: #ffffff;
}
.page_chat-box .chat_header:before,
.page_chat-box .chat_header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-box .chat_header:after {
  clear: both;
}
.page_chat-box .chat_header a .chat_title {
  background: #09557e;
  padding: 1em;
  width: 22%;
  color: #ffffff;
  float: left;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_header a .chat_title {
    width: 27%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-box .chat_header a .chat_title:before {
  content: "\f122";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-box .chat_header > .name_content {
  background-image: url(/_presentation/assets/img/shapes/chat.png);
  background-repeat: no-repeat;
  background-size: auto 200%;
  background-position: -1px 100%;
  float: right;
  width: 78%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em;
  position: relative;
  background-color: #1d84c6;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_header > .name_content {
    width: 73%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-box .chat_header > .name_content:before {
  content: "\e615";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  line-height: 1.2rem;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_header > .name_content:before {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 0.2rem;
  }
}
.page_chat-box .chat_header > .name_content .hide {
  display: none;
}
.page_chat-box .chat_header > .name_content #chat-trigger {
  color: #ffffff !important;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-left: #09557e 2px solid;
  padding: 1em 2.1em;
}
.page_chat-box .chat_header > .name_content #chat-trigger:hover {
  background: #09557e;
}
.page_chat-box .chat_header > .name_content #chat-trigger:before {
  content: "\f141";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-box .chat_header > .name_content .bg {
  background: #09557e;
}
.page_chat-box .chat_header > .name_content #chat_options {
  position: absolute;
  top: 3.2em;
  right: 0;
  z-index: 999;
  background: #09557e;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_header > .name_content #chat_options {
    top: 3.1em;
  }
}
.page_chat-box .chat_header > .name_content #chat_options a {
  color: #ffffff;
}
.page_chat-box .chat_header > .name_content #chat_options ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_chat-box .chat_header > .name_content #chat_options ul li {
  padding: 1em 2em;
}
.page_chat-box .chat_header > .name_content #chat_options ul li:hover {
  background: #1d84c6;
  color: #ffffff;
}
.page_chat-box .chat_header > .name_content #chat_options ul .eye:before {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-box .chat_header > .name_content #chat_options ul .user_hide:before {
  content: "\f235";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-box .chat_content {
  height: 450px;
  background: #f2f2f2;
  overflow: auto;
  padding-bottom: 10px;
}
.page_chat-box .chat_content > p {
  padding-bottom: 1em;
  padding-top: 1em;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  border-top: 2px solid #ffffff;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_content > p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_chat-box .chat_content > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  zoom: 1;
}
.page_chat-box .chat_content > ul:before,
.page_chat-box .chat_content > ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-box .chat_content > ul:after {
  clear: both;
}
.page_chat-box .chat_content > ul li {
  zoom: 1;
  position: relative;
  width: 45%;
  clear: both;
  margin-bottom: 1em;
}
.page_chat-box .chat_content > ul li:before,
.page_chat-box .chat_content > ul li:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-box .chat_content > ul li:after {
  clear: both;
}
.page_chat-box .chat_content > ul li .time {
  float: right;
  text-align: right;
  font-size: 1.1rem;
  color: #bfbfbf;
  margin-top: 2px;
}
.page_chat-box .chat_content > ul li .time:before {
  content: "\f017";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_chat-box .chat_content > ul li .chat_txt_content {
  width: 78%;
  padding: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px 5px 5px 5px;
  -moz-border-radius: 10px 5px 5px 5px;
  border-radius: 10px 5px 5px 5px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  word-wrap: break-word;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_content > ul li .chat_txt_content {
    width: 110%;
  }
}
.page_chat-box .chat_content > ul li .chat_txt_content p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_chat-box .chat_content > ul > .guess > .chat_txt_content {
  background: #ffffff;
  margin-left: 1em;
  float: left;
}
.page_chat-box .chat_content > ul > .guess:before {
  border-width: 30px 0 0 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  float: left;
  position: absolute;
  bottom: 8px;
  left: 80%;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_content > ul > .guess:before {
    left: 112%;
  }
}
.page_chat-box .chat_content > ul .user {
  float: right;
}
.page_chat-box .chat_content > ul .user > .chat_txt_content {
  background: #ddedf7;
  margin-right: 1em;
  float: right;
}
.page_chat-box .chat_content > ul .user:before {
  border-width: 0 0 30px 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #ddedf7 transparent;
  float: right;
  position: absolute;
  bottom: 8px;
  right: 80%;
}
@media only screen and (max-width: 780px) {
  .page_chat-box .chat_content > ul .user:before {
    right: 112%;
  }
}
.page_chat-box .chat_send {
  zoom: 1;
}
.page_chat-box .chat_send:before,
.page_chat-box .chat_send:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_chat-box .chat_send:after {
  clear: both;
}
.page_chat-box .chat_send textarea {
  border: 1px solid #bfbfbf;
  resize: none;
  height: 3.5em !important;
  width: 72%;
  padding: 1em;
  float: left;
  margin: 0px;
}
.page_chat-box .chat_send textarea:focus {
  border: 1px solid #bfbfbf;
  outline: none;
}
.page_chat-box .chat_send .button {
  width: 28%;
  float: right;
  height: 3.5em !important;
}
.page_finish-record-phrase * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
}
.page_finish-record-phrase .main_section article {
  margin-bottom: 1em;
}
.page_finish-record-phrase .main_section article .title_holder h1 {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  padding-bottom: 0.2em;
}
@media only screen and (max-width: 780px) {
  .page_finish-record-phrase .main_section article .title_holder h1 {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.2;
  }
}
.page_finish-record-phrase .main_section article .info {
  background: #f7f7f7;
  padding: 1.5em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  margin-bottom: 2em;
}
.page_finish-record-phrase .main_section article > ul {
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_finish-record-phrase .main_section article > ul:before,
.page_finish-record-phrase .main_section article > ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_finish-record-phrase .main_section article > ul:after {
  clear: both;
}
.page_finish-record-phrase .main_section article > ul > li {
  margin-bottom: 0.5em;
}
.page_finish-record-phrase .main_section article > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_finish-record-phrase .main_section article > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_finish-record-phrase .main_section article > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_finish-record-phrase .main_section article > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_finish-record-phrase .main_section article > ul > li .lang_xx,
.page_finish-record-phrase .main_section article > ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_finish-record-phrase .main_section article > ul > li .lang_xx,
  .page_finish-record-phrase .main_section article > ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_finish-record-phrase .main_section article > ul > li .lang_xx abbr,
.page_finish-record-phrase .main_section article > ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_finish-record-phrase .main_section article > ul li {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 780px) {
  .page_finish-record-phrase .main_section article > ul li {
    float: none;
  }
}
.page_finish-record-phrase .main_section article .more_content {
  padding-left: 50%;
}
@media only screen and (max-width: 780px) {
  .page_finish-record-phrase .main_section article .more_content {
    padding: 0;
  }
}
.page_finish-record-phrase .main_section article .more_content p.more {
  margin-top: 2em;
  position: relative;
  clear: both;
}
.page_finish-record-phrase .main_section article .more_content p.more > a {
  padding-left: 27px;
}
.page_finish-record-phrase .main_section article .more_content p.more > a:before {
  content: "\e612";
  font-family: 'Forvo';
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1em;
  position: absolute;
  left: 3px;
  top: 0;
  color: #999999;
}
.page_finish-record-phrase .main_section textarea,
.page_finish-record-phrase .main_section input {
  outline: none;
}
.page_finish-record-phrase .main_section form {
  width: 100%;
}
.page_finish-record-phrase .main_section form > label {
  padding-top: 1em;
  margin-bottom: 5px;
  margin-right: 8px;
  display: block;
}
@media only screen and (max-width: 780px) {
  .page_finish-record-phrase .main_section form > label {
    float: none;
  }
}
.page_finish-record-phrase .main_section form .hide {
  display: none;
}
.page_finish-record-phrase .main_section form textarea {
  height: 80px !important;
  resize: none;
  width: 100%;
  padding: 1em;
  position: relative;
  border: 2px solid #bfbfbf;
}
.page_finish-record-phrase .main_section form textarea::-webkit-input-placeholder::before {
  content: "\f040";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  top: 40%;
}
.page_finish-record-phrase .main_section form .red {
  color: #cc194f;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  margin-bottom: inherit;
}
.page_finish-record-phrase .main_section form .ui-selectmenu-button,
.page_finish-record-phrase .main_section form .ui-selectmenu-button[style] {
  border: 2px solid #bfbfbf;
  margin-top: 0.5em;
  max-width: 300px;
}
.page_finish-record-phrase .main_section form .ui-selectmenu-button span.ui-selectmenu-text,
.page_finish-record-phrase .main_section form .ui-selectmenu-button[style] span.ui-selectmenu-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  padding: 10px;
  height: inherit;
}
.page_finish-record-phrase .main_section form .ui-selectmenu-button span.ui-icon:before,
.page_finish-record-phrase .main_section form .ui-selectmenu-button[style] span.ui-icon:before {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_finish-record-phrase .main_section form .radios {
    padding-top: 1em;
  }
}
.page_finish-record-phrase .main_section form .radios .radio {
  display: inline-block;
  width: 36px;
  height: 35px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(/_presentation/assets/img/icons/faces.png);
  background-size: 184px auto;
}
.page_finish-record-phrase .main_section form .radios input[type=radio] {
  display: none;
}
.page_finish-record-phrase .main_section form .radios .happy {
  background-position: -146px 1px;
}
.page_finish-record-phrase .main_section form .radios .surprise {
  background-position: -91px 1px;
}
.page_finish-record-phrase .main_section form .radios .sad {
  background-position: -43px 1px;
}
.page_finish-record-phrase .main_section form .radios .angry {
  background-position: 0px 1px;
}
.page_finish-record-phrase .main_section form .radios input[type=radio]:checked + .happy {
  background-position: -147px -43px;
}
.page_finish-record-phrase .main_section form .radios input[type=radio]:checked + .surprise {
  background-position: -91px -43px;
}
.page_finish-record-phrase .main_section form .radios input[type=radio]:checked + .sad {
  background-position: -43px -43px;
}
.page_finish-record-phrase .main_section form .radios input[type=radio]:checked + .angry {
  background-position: 0px -43px;
}
.page_phrase-record * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
}
.page_phrase-record .main_section > header .explanation {
  padding: 20px;
  background: #f2f2f2;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .page_phrase-record .main_section > header .explanation {
    padding: 10px;
  }
}
.page_phrase-record .main_section > header .explanation strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: block;
  margin: 0.1em 0;
}
.page_phrase-record .main_section > header .explanation .lang {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_phrase-record .main_section .recorder {
  width: 100%;
}
.page_phrase-record .main_section .recorder > label {
  float: left;
  padding-top: 5px;
  margin-right: 8px;
}
@media only screen and (max-width: 780px) {
  .page_phrase-record .main_section .recorder > label {
    float: none;
  }
}
.page_phrase-record .main_section .recorder .hide {
  display: none;
}
@media only screen and (max-width: 780px) {
  .page_phrase-record .main_section .recorder .radios {
    padding-top: 1em;
  }
}
.page_phrase-record .main_section .recorder .radios .radio {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(/_presentation/assets/img/icons/faces.svg);
  background-size: 184px auto;
}
.page_phrase-record .main_section .recorder .radios input[type=radio] {
  display: none;
}
.page_phrase-record .main_section .recorder .radios .happy {
  background-position: -146px 1px;
}
.page_phrase-record .main_section .recorder .radios .surprise {
  background-position: -91px 1px;
}
.page_phrase-record .main_section .recorder .radios .sad {
  background-position: -43px 1px;
}
.page_phrase-record .main_section .recorder .radios .angry {
  background-position: 0px 1px;
}
.page_phrase-record .main_section .recorder .radios input[type=radio]:checked + .happy {
  background-position: -147px -43px;
}
.page_phrase-record .main_section .recorder .radios input[type=radio]:checked + .surprise {
  background-position: -91px -43px;
}
.page_phrase-record .main_section .recorder .radios input[type=radio]:checked + .sad {
  background-position: -43px -43px;
}
.page_phrase-record .main_section .recorder .radios input[type=radio]:checked + .angry {
  background-position: 0px -43px;
}
.page_phrase-record .main_section .recorder form {
  text-align: center;
}
.page_phrase-record .main_section aside .main_aside .record_instructions .red {
  color: #C00;
}
.page_phrase-record .main_section aside .main_aside .record_instructions .near {
  margin-top: -8px;
}
.page_word_lang * {
  margin: 0px;
  padding: 0px;
  border: 0px;
  moz-boz-sizing: border-box;
  webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page_word_lang > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_word_lang > section.main_section > header .title_holder,
.page_word_lang > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_word_lang > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_word_lang > section.main_section > header h1,
.page_word_lang > section.main_section > header h2,
.page_word_lang > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_word_lang > section.main_section > header h1 h1,
.page_word_lang > section.main_section > header h2 h1,
.page_word_lang > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_word_lang > section.main_section > header h1 > strong,
.page_word_lang > section.main_section > header h2 > strong,
.page_word_lang > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > section.main_section > header h1 > span,
.page_word_lang > section.main_section > header h2 > span,
.page_word_lang > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > header h1 > span,
  .page_word_lang > section.main_section > header h2 > span,
  .page_word_lang > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > header h1 > .ico_rol:after,
.page_word_lang > section.main_section > header h2 > .ico_rol:after,
.page_word_lang > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_word_lang > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > section.main_section > header h1,
  .page_word_lang > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_word_lang > section.main_section > header h1,
  .page_word_lang > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_word_lang > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_word_lang > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_word_lang > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_word_lang > section.main_section > header .info.ok {
  color: #3db385;
}
.page_word_lang > section.main_section > header .info.error {
  color: #cc194f;
}
.page_word_lang > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_word_lang > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_word_lang > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_word_lang > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_word_lang > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_word_lang > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_word_lang > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_word_lang > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_word_lang > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_word_lang > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
.page_word_lang > section.main_section > header .word_data {
  zoom: 1;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  padding-top: 0.6em;
  color: #666666;
}
.page_word_lang > section.main_section > header .word_data:before,
.page_word_lang > section.main_section > header .word_data:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_word_lang > section.main_section > header .word_data:after {
  clear: both;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > header .word_data {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > header .word_data .metadata {
  float: right;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-left: 15px;
}
.page_word_lang > section.main_section > header .word_data .metadata strong {
  font-weight: inherit;
  margin-left: 1em;
}
.page_word_lang > section.main_section > header .word_data .categories ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  color: #1d84c6;
}
.page_word_lang > section.main_section > header .word_data .categories ul li {
  display: inline;
}
.page_word_lang > section.main_section > header .word_data .categories ul li:after {
  content: ",";
}
.page_word_lang > section.main_section > header .word_data .categories ul li:last-child:after {
  content: "";
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > header .word_data .metadata {
    float: none;
    margin-left: 0;
    margin-bottom: 0.2em;
  }
  .page_word_lang > section.main_section > header .word_data .metadata strong {
    margin-left: 0;
  }
}
.page_word_lang > section.main_section > header .ad-fv_content_1 {
  margin-top: 5px;
}
.page_word_lang > section.main_section > .nav_langs {
  margin: -1.5em 0 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #cbcbcb;
}
.page_word_lang > section.main_section > .nav_langs > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: -10px;
  margin-top: -10px;
}
.page_word_lang > section.main_section > .nav_langs > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-left: 10px;
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_word_lang > section.main_section > .nav_langs > ul > li > a,
.page_word_lang > section.main_section > .nav_langs > ul > li > span {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  min-width: 90px;
  padding-top: 0.3em;
  padding-bottom: 0.4em;
}
.page_word_lang > section.main_section > .nav_langs > ul > li > a:focus,
.page_word_lang > section.main_section > .nav_langs > ul > li > span:focus {
  border-color: #09557e;
}
.page_word_lang > section.main_section > .nav_langs > ul > li > a:hover,
.page_word_lang > section.main_section > .nav_langs > ul > li > span:hover {
  background-color: #3a9fd9;
}
.page_word_lang > section.main_section > .nav_langs > ul > li > a.thin,
.page_word_lang > section.main_section > .nav_langs > ul > li > span.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.page_word_lang > section.main_section > .nav_langs > ul > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 10px;
  position: absolute;
  z-index: 5;
  right: 0;
  width: 120px;
  max-height: 120px;
  overflow: auto;
  background: #3a9fd9;
  display: none;
}
.page_word_lang > section.main_section > .nav_langs > ul > li ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > section.main_section > .nav_langs > ul > li ul li a {
  display: block;
  color: #ffffff !important;
  padding: 0.1em 0.2em 0.2em;
  margin: 2px 0;
}
.page_word_lang > section.main_section > .nav_langs > ul > li ul li.active a,
.page_word_lang > section.main_section > .nav_langs > ul > li ul li a:hover {
  background-color: #1d84c6;
}
.page_word_lang > section.main_section > .nav_langs > ul > li:hover > a,
.page_word_lang > section.main_section > .nav_langs > ul > li:hover > span {
  background-color: #3a9fd9;
}
.page_word_lang > section.main_section > .nav_langs > ul > li:hover ul {
  display: block;
}
.page_word_lang > section.main_section > .nav_langs .from {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > .nav_langs .from {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > .ad {
  margin: 0em 0;
}
.page_word_lang > section.main_section > .map {
  margin: 2em 0;
}
.page_word_lang > section.main_section > .map > h3 {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.6em;
}
.page_word_lang > section.main_section .info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  float: right;
  margin-top: 0.1em;
  color: #666666;
}
.page_word_lang > section.main_section .info > div {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin: 0;
  padding-right: 0.5em;
  border-right: 1px solid #666666;
  margin-right: 0.5em;
}
.page_word_lang > section.main_section .info > div:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
.page_word_lang > section.main_section .info > div.translations {
  position: relative;
  margin-right: -27px;
  padding-right: 27px;
  white-space: nowrap;
}
.page_word_lang > section.main_section .info > div.translations:hover:before,
.page_word_lang > section.main_section .info > div.translations.active:before {
  color: #1d84c6;
}
.page_word_lang > section.main_section .info > div.translations:hover .translations_content,
.page_word_lang > section.main_section .info > div.translations.active .translations_content {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: all;
}
.page_word_lang > section.main_section .info > div.translations:before {
  content: "\f0dd";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  right: 5px;
  top: 0;
}
.page_word_lang > section.main_section .info > div.translations .source-user,
.page_word_lang > section.main_section .info > div.translations .source-google,
.page_word_lang > section.main_section .info > div.translations .source-yandex,
.page_word_lang > section.main_section .info > div.translations .source-bing,
.page_word_lang > section.main_section .info > div.translations .source-glosbe,
.page_word_lang > section.main_section .info > div.translations .source-beolingus {
  position: relative;
  padding-left: 20px;
}
.page_word_lang > section.main_section .info > div.translations .source-user:before,
.page_word_lang > section.main_section .info > div.translations .source-google:before,
.page_word_lang > section.main_section .info > div.translations .source-yandex:before,
.page_word_lang > section.main_section .info > div.translations .source-bing:before,
.page_word_lang > section.main_section .info > div.translations .source-glosbe:before,
.page_word_lang > section.main_section .info > div.translations .source-beolingus:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.4em;
  width: 15px;
  text-align: center;
}
.page_word_lang > section.main_section .info > div.translations source-user:before {
  content: "\e615";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.9rem;
  font-size: 0.8em;
  color: #1d84c6;
  margin-right: 0;
  text-align: center;
}
.page_word_lang > section.main_section .info > div.translations .source-google:before {
  content: "\f1a0";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 0.8em;
  color: #4285f4;
  margin-right: 0;
  text-align: center;
}
.page_word_lang > section.main_section .info > div.translations .source-yandex:before {
  content: "\e617";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 0.8em;
  color: #ff0000;
  margin-right: 0;
  text-align: center;
}
.page_word_lang > section.main_section .info > div.translations .source-bing:before {
  content: "\e618";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 0.9em;
  color: #f4bd27;
  margin-right: 0;
  margin-top: -0.45em;
  text-align: center;
}
.page_word_lang > section.main_section .info > div.translations .source-glosbe:before {
  content: "\e61a";
  font-family: 'Forvo';
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1em;
  color: #fe6d01;
  margin-right: 0;
  text-align: center;
}
.page_word_lang > section.main_section .info > div.translations .source-beolingus:before {
  content: "\e61b";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.1em;
  color: #2d8576;
  margin-right: 0;
  text-align: center;
}
.page_word_lang > section.main_section .info > div.translations > span {
  display: block;
  position: relative;
}
.page_word_lang > section.main_section .info > div.translations .translations_content {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 1.2em;
  background: #f2f2f2;
  padding: 10px;
  min-width: 200px;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
}
.page_word_lang > section.main_section .info > div.translations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word_lang > section.main_section .info > div.translations ul li {
  margin-bottom: 0.3em;
}
.page_word_lang > section.main_section .info > div.translations ul + .actions_area {
  margin-top: 1em;
}
.page_word_lang > section.main_section .info > div.translations p {
  min-width: 250px;
  max-width: 500px;
  white-space: normal;
}
.page_word_lang > section.main_section .info > div.translations p.ok {
  color: #1d84c6;
}
.page_word_lang > section.main_section .info > div.translations p.error {
  color: #cc194f;
}
.page_word_lang > section.main_section .info > div.translations p.error + form {
  margin-top: 0.3em;
}
.page_word_lang > section.main_section .info > div.translations form {
  position: relative;
  margin: 0;
  padding-right: 26px;
}
.page_word_lang > section.main_section .info > div.translations form input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px;
  -moz-border-radius: 0 0 0 0 5px 5px 5px;
  border-radius: 0 0 0 0 5px 5px 5px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em;
  line-height: 1em;
  border: 1px solid #cbcbcb;
  padding: 0 8px;
  height: 2em;
  vertical-align: middle;
  text-align: auto;
  -webkit-appearance: none;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  height: 26px;
  padding-left: 0.1em;
  color: #1d84c6;
  border: 0;
}
.page_word_lang > section.main_section .info > div.translations form input.wauto {
  width: auto;
}
.page_word_lang > section.main_section .info > div.translations form input:focus {
  outline: none;
  border-color: #85afd6;
}
.page_word_lang > section.main_section .info > div.translations form button {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  border: 1px solid #1d84c6;
  padding: 1em;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 26px;
  width: 26px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
}
.page_word_lang > section.main_section .info > div.translations form button:focus {
  border-color: #09557e;
}
.page_word_lang > section.main_section .info > div.translations form button:hover {
  background-color: #3a9fd9;
}
.page_word_lang > section.main_section .info > div.translations form button.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.page_word_lang > section.main_section > article.waiting_pronunciations {
  padding: 20px;
  background: #f2f2f2;
  margin-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > section.main_section > article.waiting_pronunciations {
    padding: 10px;
  }
}
.page_word_lang > section.main_section > article.waiting_pronunciations header {
  margin-bottom: 1em;
}
.page_word_lang > section.main_section > article.waiting_pronunciations header h1,
.page_word_lang > section.main_section > article.waiting_pronunciations header em {
  display: block;
  font-style: normal;
}
.page_word_lang > section.main_section > article.waiting_pronunciations header strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li {
  margin-bottom: 0.5em;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li {
  position: relative;
  padding-left: 27px;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li .lang_xx,
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.waiting_pronunciations ul > li .lang_xx,
  .page_word_lang > section.main_section > article.waiting_pronunciations ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li .lang_xx abbr,
.page_word_lang > section.main_section > article.waiting_pronunciations ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul li a {
  color: #333333;
}
.page_word_lang > section.main_section > article.waiting_pronunciations ul li a.link_record,
.page_word_lang > section.main_section > article.waiting_pronunciations ul li a.link_record:hover {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #cc194f !important;
}
.page_word_lang > section.main_section > article.otherlang {
  margin-top: 1.5em;
}
.page_word_lang > section.main_section > article.otherlang > ul.borderless > li {
  border-bottom: 0px;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
.page_word_lang > section.main_section > article.otherlang > ul.borderless > li:last-child {
  border-bottom: 1px solid #cbcbcb;
}
.page_word_lang > section.main_section > article.otherlang > ul.borderless > li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_word_lang > aside.main_aside {
  position: relative;
  top: auto;
}
.page_word_lang > aside.main_aside > .ad {
  margin-bottom: 20px;
}
.page_word_lang > aside.main_aside .fixed {
  position: fixed;
  top: 0px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_word_lang > aside.main_aside .fixed {
    width: 240px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .page_word_lang > aside.main_aside .fixed {
    right: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .page_word_lang > aside.main_aside .fixed {
    position: static;
    width: 100% !important;
  }
}
.page_word_lang > aside.main_aside > .word_actions,
.page_word_lang > aside.main_aside > .filter,
.page_word_lang > aside.main_aside > .thanks,
.page_word_lang > aside.main_aside > .video {
  padding: 20px;
  background: #f2f2f2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > aside.main_aside > .word_actions,
  .page_word_lang > aside.main_aside > .filter,
  .page_word_lang > aside.main_aside > .thanks,
  .page_word_lang > aside.main_aside > .video {
    padding: 10px;
  }
}
.page_word_lang > aside.main_aside > .word_actions header h1,
.page_word_lang > aside.main_aside > .filter header h1,
.page_word_lang > aside.main_aside > .thanks header h1,
.page_word_lang > aside.main_aside > .video header h1,
.page_word_lang > aside.main_aside > .word_actions header em,
.page_word_lang > aside.main_aside > .filter header em,
.page_word_lang > aside.main_aside > .thanks header em,
.page_word_lang > aside.main_aside > .video header em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.page_word_lang > aside.main_aside > .word_actions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word_lang > aside.main_aside > .word_actions ul li {
  margin-bottom: 0.5em;
  color: #1d84c6;
}
.page_word_lang > aside.main_aside > .word_actions ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.page_word_lang > aside.main_aside > .word_actions ul li:last-child {
  margin-bottom: 0;
}
.page_word_lang > aside.main_aside > .word_actions strong {
  font-weight: inherit;
}
.page_word_lang > aside.main_aside > .filter p {
  color: #666666;
  margin: 0;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .filter p a {
  display: block;
  position: relative;
  padding-left: 12px;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .filter p a:before {
  content: "\f142";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.page_word_lang > aside.main_aside > .filter p a span {
  color: #333333;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder {
  display: block;
  margin-top: 0.5em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder label {
  display: block;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder .ui-selectmenu-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  background: #ffffff;
  height: 30px;
  line-height: 30px;
  border: 1px solid #cbcbcb;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder span.ui-icon::before {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
.page_word_lang > aside.main_aside > .thanks {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > aside.main_aside > .thanks {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > aside.main_aside > .video {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .video a {
  display: block;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content {
  border: 1px solid #cbcbcb;
  overflow: auto;
  padding: 4px;
  border-radius: 3px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail {
  position: relative;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail img {
  object-fit: cover;
  max-height: 127px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover img {
  opacity: 0.5;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover a {
  background: #000;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after {
  width: 11px;
  height: 11px;
  position: absolute;
  left: 41%;
  top: 35%;
  cursor: pointer;
  border: 2px solid #ffffff;
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
  padding: 1em;
  border-radius: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 0.8;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 41%;
    top: 35%;
    cursor: pointer;
    border: 2px solid #ffffff;
    content: "\e606";
    font-family: 'Forvo';
    font-size: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2em;
    line-height: 1em;
    color: #ffffff;
    text-align: center;
    padding: 1em;
    border-radius: 50%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 0.8;
  }
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail .time {
  position: absolute;
  left: 10px;
  bottom: 5px;
  color: #ffffff;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  z-index: 55;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px #333333;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info {
  margin-top: 0.5em;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > aside.main_aside > .video .thumbnail_info p {
    margin-bottom: 0.5em;
  }
}
.page_word_lang > aside.main_aside > .video .thumbnail_info span {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
  color: #999999;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .views {
  margin-right: 0.5em;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand .advice {
  display: none;
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:hover .advice {
  display: inline;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow {
  margin-left: 0.5em;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > aside.main_aside > .video .thumbnail_info .follow:before {
    top: 0;
  }
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow .advice {
  display: none;
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow:hover .advice {
  display: inline;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .following {
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .active {
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .active .advice {
  display: none!important;
}
.page_word_lang > aside.main_aside > .video p {
  margin-bottom: 1em;
}
.page_word_lang > aside.main_aside > .video p a {
  display: inline;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content {
  border: 0;
  padding: 0;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content img {
  vertical-align: middle;
}
.page_word_lang *,
.page_word *,
.page_phrase * {
  margin: 0px;
  padding: 0px;
  border: 0px;
  moz-boz-sizing: border-box;
  webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page_word_lang > section.main_section .ad-fv_content_2,
.page_word > section.main_section .ad-fv_content_2,
.page_phrase > section.main_section .ad-fv_content_2 {
  padding-bottom: 1em;
}
.page_word_lang > section.main_section > article.pronunciations,
.page_word > section.main_section > article.pronunciations,
.page_phrase > section.main_section > article.pronunciations {
  margin-bottom: 1.5em;
}
.page_word_lang > section.main_section > article.pronunciations > .related,
.page_word > section.main_section > article.pronunciations > .related,
.page_phrase > section.main_section > article.pronunciations > .related {
  margin-left: 27px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.page_word_lang > section.main_section > article.pronunciations > .related > em,
.page_word > section.main_section > article.pronunciations > .related > em,
.page_phrase > section.main_section > article.pronunciations > .related > em {
  display: block;
  font-style: normal;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2em;
  margin-bottom: .6em;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content,
.page_word > section.main_section > article.pronunciations > .related > .content,
.page_phrase > section.main_section > article.pronunciations > .related > .content {
  border: 1px solid #cbcbcb;
  padding: 20px 25px;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > em,
.page_word > section.main_section > article.pronunciations > .related > .content > div > em,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > em {
  display: block;
  font-style: normal;
  font-style: italic;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: .6em;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li {
  margin-bottom: 0.5em;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li {
  position: relative;
  padding-left: 27px;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error {
  color: #cc194f;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:before {
  color: #cbcbcb;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.play.error {
  color: #cc194f;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
  .page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
  .page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx,
  .page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes,
  .page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes,
  .page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx abbr,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx abbr,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .lang_xx abbr,
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes abbr,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes abbr,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .notes abbr {
  text-decoration: none;
  border: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li.not_pronounced .notes,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li.not_pronounced .notes,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li.not_pronounced .notes {
  color: #cc194f;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li {
  border-bottom: 1px solid #cbcbcb;
  padding-left: 22px;
  padding-top: .8em;
  padding-bottom: .8em;
  margin-bottom: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li:last-child,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li:last-child,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li:last-child {
  border-bottom: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .from,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .from,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .from {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .from,
  .page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .from,
  .page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .from {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .from abbr,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .from abbr,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .from abbr {
  text-decoration: none;
  border: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .related > .content > div > ul > li .play:before,
.page_word > section.main_section > article.pronunciations > .related > .content > div > ul > li .play:before,
.page_phrase > section.main_section > article.pronunciations > .related > .content > div > ul > li .play:before {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
}
.page_word_lang > section.main_section > article.pronunciations > header,
.page_word > section.main_section > article.pronunciations > header,
.page_phrase > section.main_section > article.pronunciations > header {
  zoom: 1;
  background: #f2f2f2;
  padding: 10px 27px;
  border-bottom: 1px solid #cbcbcb;
}
.page_word_lang > section.main_section > article.pronunciations > header:before,
.page_word > section.main_section > article.pronunciations > header:before,
.page_phrase > section.main_section > article.pronunciations > header:before,
.page_word_lang > section.main_section > article.pronunciations > header:after,
.page_word > section.main_section > article.pronunciations > header:after,
.page_phrase > section.main_section > article.pronunciations > header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_word_lang > section.main_section > article.pronunciations > header:after,
.page_word > section.main_section > article.pronunciations > header:after,
.page_phrase > section.main_section > article.pronunciations > header:after {
  clear: both;
}
.page_word_lang > section.main_section > article.pronunciations > header .info,
.page_word > section.main_section > article.pronunciations > header .info,
.page_phrase > section.main_section > article.pronunciations > header .info {
  float: right;
  color: #666666;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  margin-top: 0.1em;
}
.page_word_lang > section.main_section > article.pronunciations > header .info .phonetics,
.page_word > section.main_section > article.pronunciations > header .info .phonetics,
.page_phrase > section.main_section > article.pronunciations > header .info .phonetics {
  clear: right;
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > header,
  .page_word > section.main_section > article.pronunciations > header,
  .page_phrase > section.main_section > article.pronunciations > header {
    padding: 10px;
  }
}
.page_word_lang > section.main_section > article.pronunciations > header h1,
.page_word > section.main_section > article.pronunciations > header h1,
.page_phrase > section.main_section > article.pronunciations > header h1,
.page_word_lang > section.main_section > article.pronunciations > header em,
.page_word > section.main_section > article.pronunciations > header em,
.page_phrase > section.main_section > article.pronunciations > header em {
  display: block;
  font-style: normal;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 960px) {
  .page_word_lang > section.main_section > article.pronunciations > header h1,
  .page_word > section.main_section > article.pronunciations > header h1,
  .page_phrase > section.main_section > article.pronunciations > header h1,
  .page_word_lang > section.main_section > article.pronunciations > header em,
  .page_word > section.main_section > article.pronunciations > header em,
  .page_phrase > section.main_section > article.pronunciations > header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations > ul,
.page_word > section.main_section > article.pronunciations > ul,
.page_phrase > section.main_section > article.pronunciations > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word_lang > section.main_section > article.pronunciations > ul .li-ad,
.page_word > section.main_section > article.pronunciations > ul .li-ad,
.page_phrase > section.main_section > article.pronunciations > ul .li-ad {
  padding-left: 0px;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li,
.page_word > section.main_section > article.pronunciations > ul > li,
.page_phrase > section.main_section > article.pronunciations > ul > li {
  position: relative;
  padding-left: 27px;
  margin-top: 1.2em;
  padding-bottom: 1.2em;
  border-bottom: 1px solid #cbcbcb;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play,
.page_word > section.main_section > article.pronunciations > ul > li > .play,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play:before,
.page_word > section.main_section > article.pronunciations > ul > li > .play:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play.loading:before,
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play.loading:before {
  color: #cbcbcb;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play.loading:after,
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:after,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play.error,
.page_word > section.main_section > article.pronunciations > ul > li > .play.error,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play.error {
  color: #cc194f;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play:before,
.page_word > section.main_section > article.pronunciations > ul > li > .play:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play:before {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play.loading:before,
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play.loading:before {
  color: #cbcbcb;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play.loading:after,
.page_word > section.main_section > article.pronunciations > ul > li > .play.loading:after,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play.loading:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  overflow: hidden;
  width: 7px;
  -webkit-animation: play_loading;
  -moz-animation: play_loading;
  -ms-animation: play_loading;
  animation-name: play_loading;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: left;
  -moz-animation-direction: left;
  -ms-animation-direction: left;
  animation-direction: left;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .play.error,
.page_word > section.main_section > article.pronunciations > ul > li > .play.error,
.page_phrase > section.main_section > article.pronunciations > ul > li > .play.error {
  color: #cc194f;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .from,
.page_word > section.main_section > article.pronunciations > ul > li > .from,
.page_phrase > section.main_section > article.pronunciations > ul > li > .from {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .from,
  .page_word > section.main_section > article.pronunciations > ul > li > .from,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .from {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .from abbr,
.page_word > section.main_section > article.pronunciations > ul > li > .from abbr,
.page_phrase > section.main_section > article.pronunciations > ul > li > .from abbr {
  text-decoration: none;
  border: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions {
  margin-top: 0.4em;
  color: #999999;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions a,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions a,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions a {
  color: inherit;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin: 0;
  margin-left: 10px;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p,
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p:first-child,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p:first-child,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p:first-child,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div:first-child,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div:first-child,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div:first-child {
  margin-left: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.num_votes,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.num_votes,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.num_votes,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.num_votes,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.num_votes,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.num_votes {
  color: #1d84c6;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good {
  margin-left: 0.6em;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good.active,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good.active,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good.active,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good.active,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:hover,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:hover,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_good:hover,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:hover,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:hover,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_good:hover {
  color: #3db385 !important;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong {
  margin-left: 0.6em;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:before {
  content: "\f088";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong.active,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong.active,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong.active,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong.active,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong.active,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:hover,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:hover,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.votes a.vote_wrong:hover,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:hover,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:hover,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.votes a.vote_wrong:hover {
  color: #cc194f !important;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite {
  font-size: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before {
  content: "\f004";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #cbcbcb;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:before,
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:before {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:hover:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:hover:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a:hover:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:hover:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:hover:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a:hover:before {
  color: #1d84c6;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a.active:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a.active:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.favourite a.active:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a.active:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a.active:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.favourite a.active:before {
  color: #cc194f;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.download,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.download,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.download,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.download,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.download,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.download {
  font-size: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:before {
  content: "\f063";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #cbcbcb;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:hover:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:hover:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.download a:hover:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:hover:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:hover:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.download a:hover:before {
  color: #1d84c6;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share {
  position: relative;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share > *,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share > *,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share > *,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share > *,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share > *,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share > * {
  display: inline;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share {
  position: absolute;
  left: 0;
  top: -4px;
  white-space: nowrap;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share.hidden,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share.hidden,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share.hidden,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share.hidden,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share.hidden,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share.hidden {
  left: -9999px;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input {
  padding: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close {
  font-size: 0;
}
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
.page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before,
.page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before,
.page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  margin: 0;
  padding: 3px 5px;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share .close:before,
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share .close:before {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share,
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share {
    display: block;
    margin-left: 0;
    margin-top: 0.5em;
    min-height: 1.2em;
  }
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share,
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share {
    width: 100%;
  }
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > p.share .inner_share input,
  .page_word_lang > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input,
  .page_word > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input,
  .page_phrase > section.main_section > article.pronunciations > ul > li > .main_actions > div.share .inner_share input {
    width: 90%;
  }
}
.page_word_lang > section.main_section > article.pronunciations > ul > li.lowrated .num_votes a,
.page_word > section.main_section > article.pronunciations > ul > li.lowrated .num_votes a,
.page_phrase > section.main_section > article.pronunciations > ul > li.lowrated .num_votes a {
  color: #cc194f !important;
}
.page_word_lang > section.main_section > article.pronunciations .border,
.page_word > section.main_section > article.pronunciations .border,
.page_phrase > section.main_section > article.pronunciations .border {
  padding-left: 5px;
  margin-top: -1px;
}
.page_word_lang > section.main_section > article.pronunciations .subheader,
.page_word > section.main_section > article.pronunciations .subheader,
.page_phrase > section.main_section > article.pronunciations .subheader {
  overflow: hidden;
  border-bottom: 0;
  padding-bottom: 0;
  margin-top: 0;
  zoom: 1;
}
.page_word_lang > section.main_section > article.pronunciations .subheader:before,
.page_word > section.main_section > article.pronunciations .subheader:before,
.page_phrase > section.main_section > article.pronunciations .subheader:before {
  /* lines */
  content: "" !important;
  position: absolute;
  left: 7px;
  /* adjust manually */
  border-left: 1px solid #bfbfbf;
  display: block !important;
  height: 108%;
  width: 1px;
  top: 0px;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader:before,
  .page_word > section.main_section > article.pronunciations .subheader:before,
  .page_phrase > section.main_section > article.pronunciations .subheader:before {
    left: -1px;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader:first-child:before,
.page_word > section.main_section > article.pronunciations .subheader:first-child:before,
.page_phrase > section.main_section > article.pronunciations .subheader:first-child:before {
  top: 22px;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader:first-child:before,
  .page_word > section.main_section > article.pronunciations .subheader:first-child:before,
  .page_phrase > section.main_section > article.pronunciations .subheader:first-child:before {
    top: 18px;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader:last-child:before,
.page_word > section.main_section > article.pronunciations .subheader:last-child:before,
.page_phrase > section.main_section > article.pronunciations .subheader:last-child:before {
  top: -20px;
}
.page_word_lang > section.main_section > article.pronunciations .subheader:only-child:before,
.page_word > section.main_section > article.pronunciations .subheader:only-child:before,
.page_phrase > section.main_section > article.pronunciations .subheader:only-child:before {
  top: 22px;
  height: 100%;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader:only-child:before,
  .page_word > section.main_section > article.pronunciations .subheader:only-child:before,
  .page_phrase > section.main_section > article.pronunciations .subheader:only-child:before {
    top: 18px;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader:not(:first-child):before,
.page_word > section.main_section > article.pronunciations .subheader:not(:first-child):before,
.page_phrase > section.main_section > article.pronunciations .subheader:not(:first-child):before {
  top: 0px;
}
.page_word_lang > section.main_section > article.pronunciations .subheader:first-child:not( [style*='display: none'] ):before,
.page_word > section.main_section > article.pronunciations .subheader:first-child:not( [style*='display: none'] ):before,
.page_phrase > section.main_section > article.pronunciations .subheader:first-child:not( [style*='display: none'] ):before {
  height: 100%;
}
.page_word_lang > section.main_section > article.pronunciations .subheader:after,
.page_word > section.main_section > article.pronunciations .subheader:after,
.page_phrase > section.main_section > article.pronunciations .subheader:after {
  /* bullets */
  content: "\f111" !important;
  font-family: 'FontAwesome' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  position: absolute;
  left: 3px;
  top: 18px;
  font-size: 11px !important;
  font-size: 1.1rem !important;
  line-height: 1.2em !important;
  color: #bfbfbf;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader:after,
  .page_word > section.main_section > article.pronunciations .subheader:after,
  .page_phrase > section.main_section > article.pronunciations .subheader:after {
    left: -4px;
    top: 14px;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader a,
.page_word > section.main_section > article.pronunciations .subheader a,
.page_phrase > section.main_section > article.pronunciations .subheader a {
  cursor: pointer;
}
.page_word_lang > section.main_section > article.pronunciations .subheader:before,
.page_word > section.main_section > article.pronunciations .subheader:before,
.page_phrase > section.main_section > article.pronunciations .subheader:before,
.page_word_lang > section.main_section > article.pronunciations .subheader:after,
.page_word > section.main_section > article.pronunciations .subheader:after,
.page_phrase > section.main_section > article.pronunciations .subheader:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_word_lang > section.main_section > article.pronunciations .subheader:after,
.page_word > section.main_section > article.pronunciations .subheader:after,
.page_phrase > section.main_section > article.pronunciations .subheader:after {
  clear: both;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader,
  .page_word > section.main_section > article.pronunciations .subheader,
  .page_phrase > section.main_section > article.pronunciations .subheader {
    padding: 0 10px 0 10px;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader h2,
.page_word > section.main_section > article.pronunciations .subheader h2,
.page_phrase > section.main_section > article.pronunciations .subheader h2 {
  display: block;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  padding-left: 0;
  padding-right: 1.5em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
.page_word_lang > section.main_section > article.pronunciations .subheader:first-child h2,
.page_word > section.main_section > article.pronunciations .subheader:first-child h2,
.page_phrase > section.main_section > article.pronunciations .subheader:first-child h2 {
  border-top: 0;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .sentence,
.page_word > section.main_section > article.pronunciations .subheader .sentence,
.page_phrase > section.main_section > article.pronunciations .subheader .sentence {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .sentence li,
.page_word > section.main_section > article.pronunciations .subheader .sentence li,
.page_phrase > section.main_section > article.pronunciations .subheader .sentence li {
  padding: 1em 0em 1em 0em;
  border-bottom: 1px solid #cbcbcb;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .sentence li:last-child,
.page_word > section.main_section > article.pronunciations .subheader .sentence li:last-child,
.page_phrase > section.main_section > article.pronunciations .subheader .sentence li:last-child {
  border: 0;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .sentence li p,
.page_word > section.main_section > article.pronunciations .subheader .sentence li p,
.page_phrase > section.main_section > article.pronunciations .subheader .sentence li p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .sentence li p span,
.page_word > section.main_section > article.pronunciations .subheader .sentence li p span,
.page_phrase > section.main_section > article.pronunciations .subheader .sentence li p span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .sentence li p span,
  .page_word > section.main_section > article.pronunciations .subheader .sentence li p span,
  .page_phrase > section.main_section > article.pronunciations .subheader .sentence li p span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader .sentence li .user,
.page_word > section.main_section > article.pronunciations .subheader .sentence li .user,
.page_phrase > section.main_section > article.pronunciations .subheader .sentence li .user {
  padding-left: 2.3em;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .sentence li .user,
  .page_word > section.main_section > article.pronunciations .subheader .sentence li .user,
  .page_phrase > section.main_section > article.pronunciations .subheader .sentence li .user {
    padding-left: 2.7em;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader .sentence li .from,
.page_word > section.main_section > article.pronunciations .subheader .sentence li .from,
.page_phrase > section.main_section > article.pronunciations .subheader .sentence li .from {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif !important;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .sentence li .from,
  .page_word > section.main_section > article.pronunciations .subheader .sentence li .from,
  .page_phrase > section.main_section > article.pronunciations .subheader .sentence li .from {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader .definitions,
.page_word > section.main_section > article.pronunciations .subheader .definitions,
.page_phrase > section.main_section > article.pronunciations .subheader .definitions {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  list-style: decimal;
  padding-left: 1.5em;
  width: 100%;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .definitions li,
.page_word > section.main_section > article.pronunciations .subheader .definitions li,
.page_phrase > section.main_section > article.pronunciations .subheader .definitions li {
  padding: 0.5em 0em 0.5em 0em;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .translations,
.page_word > section.main_section > article.pronunciations .subheader .translations,
.page_phrase > section.main_section > article.pronunciations .subheader .translations,
.page_word_lang > section.main_section > article.pronunciations .subheader .synonyms,
.page_word > section.main_section > article.pronunciations .subheader .synonyms,
.page_phrase > section.main_section > article.pronunciations .subheader .synonyms {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  padding: 1em 0em;
  width: 100%;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .translations li,
.page_word > section.main_section > article.pronunciations .subheader .translations li,
.page_phrase > section.main_section > article.pronunciations .subheader .translations li,
.page_word_lang > section.main_section > article.pronunciations .subheader .synonyms li,
.page_word > section.main_section > article.pronunciations .subheader .synonyms li,
.page_phrase > section.main_section > article.pronunciations .subheader .synonyms li {
  float: left;
  width: 33%;
  height: 30px;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .translations li,
  .page_word > section.main_section > article.pronunciations .subheader .translations li,
  .page_phrase > section.main_section > article.pronunciations .subheader .translations li,
  .page_word_lang > section.main_section > article.pronunciations .subheader .synonyms li,
  .page_word > section.main_section > article.pronunciations .subheader .synonyms li,
  .page_phrase > section.main_section > article.pronunciations .subheader .synonyms li {
    width: 50%;
    height: 22px;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader .synonyms .pronun_num,
.page_word > section.main_section > article.pronunciations .subheader .synonyms .pronun_num,
.page_phrase > section.main_section > article.pronunciations .subheader .synonyms .pronun_num {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .synonyms .pronun_num,
  .page_word > section.main_section > article.pronunciations .subheader .synonyms .pronun_num,
  .page_phrase > section.main_section > article.pronunciations .subheader .synonyms .pronun_num {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader .synonyms .word,
.page_word > section.main_section > article.pronunciations .subheader .synonyms .word,
.page_phrase > section.main_section > article.pronunciations .subheader .synonyms .word {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info,
.page_word > section.main_section > article.pronunciations .subheader .info,
.page_phrase > section.main_section > article.pronunciations .subheader .info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  float: right;
  margin-top: 0.1em;
  color: #666666;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div,
.page_word > section.main_section > article.pronunciations .subheader .info > div,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin: 0;
  padding-right: 0.5em;
  border-right: 1px solid #666666;
  margin-right: 0.5em;
  padding-bottom: 10px;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div:last-child,
.page_word > section.main_section > article.pronunciations .subheader .info > div:last-child,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation {
  position: relative;
  margin-right: -27px;
  padding-right: 27px;
  white-space: nowrap;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation:hover:before,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation:hover:before,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation:hover:before,
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation.active:before,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation.active:before,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation.active:before {
  color: #1d84c6;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation:hover .translation_content,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation:hover .translation_content,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation:hover .translation_content,
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation.active .translation_content,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation.active .translation_content,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation.active .translation_content {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: all;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation:before,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation:before,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation:before {
  content: "\f0dd";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  right: 5px;
  top: 0;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation .translation_content,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation .translation_content,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation .translation_content {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  background: #ffffff;
  z-index: 5;
  right: 0;
  top: 1.85em;
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  padding: 10px;
  min-width: 200px;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation .translation_content,
  .page_word > section.main_section > article.pronunciations .subheader .info > div.translation .translation_content,
  .page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation .translation_content {
    top: 1.85em;
  }
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation ul,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation ul,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation ul li,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation ul li,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation ul li {
  margin-bottom: 0.3em;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation ul + .actions_area,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation ul + .actions_area,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation ul + .actions_area {
  margin-top: 1em;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation p,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation p,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation p {
  min-width: 250px;
  max-width: 500px;
  white-space: normal;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation p.ok,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation p.ok,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation p.ok {
  color: #1d84c6;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation p.error,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation p.error,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation p.error {
  color: #cc194f;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation p.error + form,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation p.error + form,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation p.error + form {
  margin-top: 0.3em;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form {
  position: relative;
  margin: 0;
  padding-right: 26px;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form input,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form input,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0 5px 5px 5px;
  -moz-border-radius: 0 0 0 0 5px 5px 5px;
  border-radius: 0 0 0 0 5px 5px 5px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 1em;
  line-height: 1em;
  border: 1px solid #cbcbcb;
  padding: 0 8px;
  height: 2em;
  vertical-align: middle;
  text-align: auto;
  -webkit-appearance: none;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  height: 26px;
  padding-left: 0.1em;
  color: #1d84c6;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  padding-left: 1em;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form input.wauto,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form input.wauto,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form input.wauto {
  width: auto;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form input:focus,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form input:focus,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form input:focus {
  outline: none;
  border-color: #85afd6;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form button,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form button,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form button {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  border: 1px solid #1d84c6;
  padding: 1em;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 26px;
  width: 26px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form button:focus,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form button:focus,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form button:focus {
  border-color: #09557e;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form button:hover,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form button:hover,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form button:hover {
  background-color: #3a9fd9;
}
.page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translation form button.thin,
.page_word > section.main_section > article.pronunciations .subheader .info > div.translation form button.thin,
.page_phrase > section.main_section > article.pronunciations .subheader .info > div.translation form button.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
@media only screen and (max-width: 960px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .info > div,
  .page_word > section.main_section > article.pronunciations .subheader .info > div,
  .page_phrase > section.main_section > article.pronunciations .subheader .info > div {
    float: right;
    clear: right;
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
  }
  .page_word_lang > section.main_section > article.pronunciations .subheader .info > div + div,
  .page_word > section.main_section > article.pronunciations .subheader .info > div + div,
  .page_phrase > section.main_section > article.pronunciations .subheader .info > div + div {
    margin-top: 1em;
  }
  .page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translations p,
  .page_word > section.main_section > article.pronunciations .subheader .info > div.translations p,
  .page_phrase > section.main_section > article.pronunciations .subheader .info > div.translations p {
    max-width: 100%;
  }
}
@media only screen and (max-width: 780px) {
  .page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translations,
  .page_word > section.main_section > article.pronunciations .subheader .info > div.translations,
  .page_phrase > section.main_section > article.pronunciations .subheader .info > div.translations {
    margin-right: -10px;
    padding-right: 18px;
  }
  .page_word_lang > section.main_section > article.pronunciations .subheader .info > div.translations:before,
  .page_word > section.main_section > article.pronunciations .subheader .info > div.translations:before,
  .page_phrase > section.main_section > article.pronunciations .subheader .info > div.translations:before {
    margin-right: 0;
  }
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > *,
.page_word > section.main_section > article.pronunciations > .more_actions > *,
.page_phrase > section.main_section > article.pronunciations > .more_actions > * {
  margin: 1.2em 0 0 0;
  padding-bottom: 1.2em;
  border-bottom: 1px solid #cbcbcb;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share,
.page_word > section.main_section > article.pronunciations > .more_actions > .share,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding-bottom: 0.9em;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 1em;
  display: inline;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin: 0 2px 6px;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 28px;
  width: 28px;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  background: #cbcbcb;
  color: #ffffff !important;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:hover,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:hover {
  background-color: #46629e;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.facebook:before,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.facebook:before {
  content: "\f09a";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  margin: 0;
  margin-left: -1px;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:hover,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:hover {
  background-color: #61aadb;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.twitter:before,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.twitter:before {
  content: "\f099";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  margin: 0;
  margin-left: 1px;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:hover,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:hover {
  background-color: #4285f4;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.googleplus:before,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.googleplus:before {
  content: "\f0d5";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  margin: 0;
  margin-left: 2px;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:hover,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:hover {
  background-color: #e6162d;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.weibo:before,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.weibo:before {
  content: "\f18a";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
  margin: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:hover,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:hover {
  background-color: #43d854;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.whatsapp:before,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.whatsapp:before {
  content: "\f232";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:hover,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:hover {
  background-color: #3a9fd9;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a.email:before,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:before,
.page_word > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:before,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul li a:hover.email:before {
  content: "\f0e0";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
  margin: 0;
  margin-left: 1px;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > section.main_section > article.pronunciations > .more_actions > .share ul,
  .page_word > section.main_section > article.pronunciations > .more_actions > .share ul,
  .page_phrase > section.main_section > article.pronunciations > .more_actions > .share ul {
    margin-left: 0;
    display: block;
    margin-top: 0.5em;
  }
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .join_pronounce,
.page_word > section.main_section > article.pronunciations > .more_actions > .join_pronounce,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .join_pronounce {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .join_pronounce a,
.page_word > section.main_section > article.pronunciations > .more_actions > .join_pronounce a,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .join_pronounce a,
.page_word_lang > section.main_section > article.pronunciations > .more_actions > .join_pronounce a:hover,
.page_word > section.main_section > article.pronunciations > .more_actions > .join_pronounce a:hover,
.page_phrase > section.main_section > article.pronunciations > .more_actions > .join_pronounce a:hover {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #cc194f !important;
}
.page_word_lang > aside.main_aside,
.page_word > aside.main_aside,
.page_phrase > aside.main_aside {
  position: relative;
  top: auto;
}
.page_word_lang > aside.main_aside > .ad,
.page_word > aside.main_aside > .ad,
.page_phrase > aside.main_aside > .ad {
  margin-bottom: 20px;
}
.page_word_lang > aside.main_aside .fixed,
.page_word > aside.main_aside .fixed,
.page_phrase > aside.main_aside .fixed {
  position: fixed;
  top: 0px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_word_lang > aside.main_aside .fixed,
  .page_word > aside.main_aside .fixed,
  .page_phrase > aside.main_aside .fixed {
    width: 240px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .page_word_lang > aside.main_aside .fixed,
  .page_word > aside.main_aside .fixed,
  .page_phrase > aside.main_aside .fixed {
    right: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .page_word_lang > aside.main_aside .fixed,
  .page_word > aside.main_aside .fixed,
  .page_phrase > aside.main_aside .fixed {
    position: static;
    width: 100% !important;
  }
}
.page_word_lang > aside.main_aside > .word_actions,
.page_word > aside.main_aside > .word_actions,
.page_phrase > aside.main_aside > .word_actions,
.page_word_lang > aside.main_aside > .filter,
.page_word > aside.main_aside > .filter,
.page_phrase > aside.main_aside > .filter,
.page_word_lang > aside.main_aside > .thanks,
.page_word > aside.main_aside > .thanks,
.page_phrase > aside.main_aside > .thanks,
.page_word_lang > aside.main_aside > .video,
.page_word > aside.main_aside > .video,
.page_phrase > aside.main_aside > .video {
  padding: 20px;
  background: #f2f2f2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > aside.main_aside > .word_actions,
  .page_word > aside.main_aside > .word_actions,
  .page_phrase > aside.main_aside > .word_actions,
  .page_word_lang > aside.main_aside > .filter,
  .page_word > aside.main_aside > .filter,
  .page_phrase > aside.main_aside > .filter,
  .page_word_lang > aside.main_aside > .thanks,
  .page_word > aside.main_aside > .thanks,
  .page_phrase > aside.main_aside > .thanks,
  .page_word_lang > aside.main_aside > .video,
  .page_word > aside.main_aside > .video,
  .page_phrase > aside.main_aside > .video {
    padding: 10px;
  }
}
.page_word_lang > aside.main_aside > .word_actions header h1,
.page_word > aside.main_aside > .word_actions header h1,
.page_phrase > aside.main_aside > .word_actions header h1,
.page_word_lang > aside.main_aside > .filter header h1,
.page_word > aside.main_aside > .filter header h1,
.page_phrase > aside.main_aside > .filter header h1,
.page_word_lang > aside.main_aside > .thanks header h1,
.page_word > aside.main_aside > .thanks header h1,
.page_phrase > aside.main_aside > .thanks header h1,
.page_word_lang > aside.main_aside > .video header h1,
.page_word > aside.main_aside > .video header h1,
.page_phrase > aside.main_aside > .video header h1,
.page_word_lang > aside.main_aside > .word_actions header em,
.page_word > aside.main_aside > .word_actions header em,
.page_phrase > aside.main_aside > .word_actions header em,
.page_word_lang > aside.main_aside > .filter header em,
.page_word > aside.main_aside > .filter header em,
.page_phrase > aside.main_aside > .filter header em,
.page_word_lang > aside.main_aside > .thanks header em,
.page_word > aside.main_aside > .thanks header em,
.page_phrase > aside.main_aside > .thanks header em,
.page_word_lang > aside.main_aside > .video header em,
.page_word > aside.main_aside > .video header em,
.page_phrase > aside.main_aside > .video header em {
  display: block;
  font-style: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.page_word_lang > aside.main_aside > .word_actions ul,
.page_word > aside.main_aside > .word_actions ul,
.page_phrase > aside.main_aside > .word_actions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_word_lang > aside.main_aside > .word_actions ul li,
.page_word > aside.main_aside > .word_actions ul li,
.page_phrase > aside.main_aside > .word_actions ul li {
  margin-bottom: 0.5em;
  color: #1d84c6;
}
.page_word_lang > aside.main_aside > .word_actions ul li:before,
.page_word > aside.main_aside > .word_actions ul li:before,
.page_phrase > aside.main_aside > .word_actions ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.page_word_lang > aside.main_aside > .word_actions ul li:last-child,
.page_word > aside.main_aside > .word_actions ul li:last-child,
.page_phrase > aside.main_aside > .word_actions ul li:last-child {
  margin-bottom: 0;
}
.page_word_lang > aside.main_aside > .word_actions strong,
.page_word > aside.main_aside > .word_actions strong,
.page_phrase > aside.main_aside > .word_actions strong {
  font-weight: inherit;
}
.page_word_lang > aside.main_aside > .filter p,
.page_word > aside.main_aside > .filter p,
.page_phrase > aside.main_aside > .filter p {
  color: #666666;
  margin: 0;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .filter p a,
.page_word > aside.main_aside > .filter p a,
.page_phrase > aside.main_aside > .filter p a {
  display: block;
  position: relative;
  padding-left: 12px;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .filter p a:before,
.page_word > aside.main_aside > .filter p a:before,
.page_phrase > aside.main_aside > .filter p a:before {
  content: "\f142";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.page_word_lang > aside.main_aside > .filter p a span,
.page_word > aside.main_aside > .filter p a span,
.page_phrase > aside.main_aside > .filter p a span {
  color: #333333;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder,
.page_word > aside.main_aside > .filter .resquest_new_holder,
.page_phrase > aside.main_aside > .filter .resquest_new_holder {
  display: block;
  margin-top: 0.5em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder label,
.page_word > aside.main_aside > .filter .resquest_new_holder label,
.page_phrase > aside.main_aside > .filter .resquest_new_holder label {
  display: block;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder .ui-selectmenu-text,
.page_word > aside.main_aside > .filter .resquest_new_holder .ui-selectmenu-text,
.page_phrase > aside.main_aside > .filter .resquest_new_holder .ui-selectmenu-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  background: #ffffff;
  height: 30px;
  line-height: 30px;
  border: 1px solid #cbcbcb;
}
.page_word_lang > aside.main_aside > .filter .resquest_new_holder span.ui-icon::before,
.page_word > aside.main_aside > .filter .resquest_new_holder span.ui-icon::before,
.page_phrase > aside.main_aside > .filter .resquest_new_holder span.ui-icon::before {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
.page_word_lang > aside.main_aside > .thanks,
.page_word > aside.main_aside > .thanks,
.page_phrase > aside.main_aside > .thanks {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > aside.main_aside > .thanks,
  .page_word > aside.main_aside > .thanks,
  .page_phrase > aside.main_aside > .thanks {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_word_lang > aside.main_aside > .video,
.page_word > aside.main_aside > .video,
.page_phrase > aside.main_aside > .video {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_word_lang > aside.main_aside > .video a,
.page_word > aside.main_aside > .video a,
.page_phrase > aside.main_aside > .video a {
  display: block;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content,
.page_word > aside.main_aside > .video .thumbnail_content,
.page_phrase > aside.main_aside > .video .thumbnail_content {
  border: 1px solid #cbcbcb;
  overflow: auto;
  padding: 4px;
  border-radius: 3px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail,
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail,
.page_phrase > aside.main_aside > .video .thumbnail_content .thumbnail {
  position: relative;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail img,
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail img,
.page_phrase > aside.main_aside > .video .thumbnail_content .thumbnail img {
  object-fit: cover;
  max-height: 127px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover img,
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover img,
.page_phrase > aside.main_aside > .video .thumbnail_content .thumbnail:hover img {
  opacity: 0.5;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover a,
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover a,
.page_phrase > aside.main_aside > .video .thumbnail_content .thumbnail:hover a {
  background: #000;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after,
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after,
.page_phrase > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after {
  width: 11px;
  height: 11px;
  position: absolute;
  left: 41%;
  top: 35%;
  cursor: pointer;
  border: 2px solid #ffffff;
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
  padding: 1em;
  border-radius: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 0.8;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after,
  .page_word > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after,
  .page_phrase > aside.main_aside > .video .thumbnail_content .thumbnail:hover a:after {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 41%;
    top: 35%;
    cursor: pointer;
    border: 2px solid #ffffff;
    content: "\e606";
    font-family: 'Forvo';
    font-size: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2em;
    line-height: 1em;
    color: #ffffff;
    text-align: center;
    padding: 1em;
    border-radius: 50%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 0.8;
  }
}
.page_word_lang > aside.main_aside > .video .thumbnail_content .thumbnail .time,
.page_word > aside.main_aside > .video .thumbnail_content .thumbnail .time,
.page_phrase > aside.main_aside > .video .thumbnail_content .thumbnail .time {
  position: absolute;
  left: 10px;
  bottom: 5px;
  color: #ffffff;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  z-index: 55;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px #333333;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info,
.page_word > aside.main_aside > .video .thumbnail_info,
.page_phrase > aside.main_aside > .video .thumbnail_info {
  margin-top: 0.5em;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info p,
.page_word > aside.main_aside > .video .thumbnail_info p,
.page_phrase > aside.main_aside > .video .thumbnail_info p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 780px) {
  .page_word_lang > aside.main_aside > .video .thumbnail_info p,
  .page_word > aside.main_aside > .video .thumbnail_info p,
  .page_phrase > aside.main_aside > .video .thumbnail_info p {
    margin-bottom: 0.5em;
  }
}
.page_word_lang > aside.main_aside > .video .thumbnail_info span,
.page_word > aside.main_aside > .video .thumbnail_info span,
.page_phrase > aside.main_aside > .video .thumbnail_info span {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
  color: #999999;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .views,
.page_word > aside.main_aside > .video .thumbnail_info .views,
.page_phrase > aside.main_aside > .video .thumbnail_info .views {
  margin-right: 0.5em;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .views:after,
.page_word > aside.main_aside > .video .thumbnail_info .views:after,
.page_phrase > aside.main_aside > .video .thumbnail_info .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:before,
.page_word > aside.main_aside > .video .thumbnail_info .hand:before,
.page_phrase > aside.main_aside > .video .thumbnail_info .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:hover,
.page_word > aside.main_aside > .video .thumbnail_info .hand:hover,
.page_phrase > aside.main_aside > .video .thumbnail_info .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:hover:before,
.page_word > aside.main_aside > .video .thumbnail_info .hand:hover:before,
.page_phrase > aside.main_aside > .video .thumbnail_info .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand .advice,
.page_word > aside.main_aside > .video .thumbnail_info .hand .advice,
.page_phrase > aside.main_aside > .video .thumbnail_info .hand .advice {
  display: none;
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .hand:hover .advice,
.page_word > aside.main_aside > .video .thumbnail_info .hand:hover .advice,
.page_phrase > aside.main_aside > .video .thumbnail_info .hand:hover .advice {
  display: inline;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow,
.page_word > aside.main_aside > .video .thumbnail_info .follow,
.page_phrase > aside.main_aside > .video .thumbnail_info .follow {
  margin-left: 0.5em;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow:before,
.page_word > aside.main_aside > .video .thumbnail_info .follow:before,
.page_phrase > aside.main_aside > .video .thumbnail_info .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_word_lang > aside.main_aside > .video .thumbnail_info .follow:before,
  .page_word > aside.main_aside > .video .thumbnail_info .follow:before,
  .page_phrase > aside.main_aside > .video .thumbnail_info .follow:before {
    top: 0;
  }
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow:hover,
.page_word > aside.main_aside > .video .thumbnail_info .follow:hover,
.page_phrase > aside.main_aside > .video .thumbnail_info .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow .advice,
.page_word > aside.main_aside > .video .thumbnail_info .follow .advice,
.page_phrase > aside.main_aside > .video .thumbnail_info .follow .advice {
  display: none;
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .follow:hover .advice,
.page_word > aside.main_aside > .video .thumbnail_info .follow:hover .advice,
.page_phrase > aside.main_aside > .video .thumbnail_info .follow:hover .advice {
  display: inline;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .following,
.page_word > aside.main_aside > .video .thumbnail_info .following,
.page_phrase > aside.main_aside > .video .thumbnail_info .following {
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .following:before,
.page_word > aside.main_aside > .video .thumbnail_info .following:before,
.page_phrase > aside.main_aside > .video .thumbnail_info .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .active,
.page_word > aside.main_aside > .video .thumbnail_info .active,
.page_phrase > aside.main_aside > .video .thumbnail_info .active {
  color: #3db385;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .active:before,
.page_word > aside.main_aside > .video .thumbnail_info .active:before,
.page_phrase > aside.main_aside > .video .thumbnail_info .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_word_lang > aside.main_aside > .video .thumbnail_info .active .advice,
.page_word > aside.main_aside > .video .thumbnail_info .active .advice,
.page_phrase > aside.main_aside > .video .thumbnail_info .active .advice {
  display: none!important;
}
.page_word_lang > aside.main_aside > .video p,
.page_word > aside.main_aside > .video p,
.page_phrase > aside.main_aside > .video p {
  margin-bottom: 1em;
}
.page_word_lang > aside.main_aside > .video p a,
.page_word > aside.main_aside > .video p a,
.page_phrase > aside.main_aside > .video p a {
  display: inline;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content,
.page_word > aside.main_aside > .video .thumbnail_content,
.page_phrase > aside.main_aside > .video .thumbnail_content {
  border: 0;
  padding: 0;
}
.page_word_lang > aside.main_aside > .video .thumbnail_content img,
.page_word > aside.main_aside > .video .thumbnail_content img,
.page_phrase > aside.main_aside > .video .thumbnail_content img {
  vertical-align: middle;
}
.page_phrase > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_phrase > section.main_section > header .title_holder,
.page_phrase > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_phrase > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_phrase > section.main_section > header h1,
.page_phrase > section.main_section > header h2,
.page_phrase > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_phrase > section.main_section > header h1 h1,
.page_phrase > section.main_section > header h2 h1,
.page_phrase > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_phrase > section.main_section > header h1 > strong,
.page_phrase > section.main_section > header h2 > strong,
.page_phrase > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_phrase > section.main_section > header h1 > span,
.page_phrase > section.main_section > header h2 > span,
.page_phrase > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section > header h1 > span,
  .page_phrase > section.main_section > header h2 > span,
  .page_phrase > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_phrase > section.main_section > header h1 > .ico_rol:after,
.page_phrase > section.main_section > header h2 > .ico_rol:after,
.page_phrase > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_phrase > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_phrase > section.main_section > header h1,
  .page_phrase > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_phrase > section.main_section > header h1,
  .page_phrase > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_phrase > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_phrase > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_phrase > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_phrase > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_phrase > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_phrase > section.main_section > header .info.ok {
  color: #3db385;
}
.page_phrase > section.main_section > header .info.error {
  color: #cc194f;
}
.page_phrase > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_phrase > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_phrase > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_phrase > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_phrase > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_phrase > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_phrase > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_phrase > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_phrase > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_phrase > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
.page_phrase > section.main_section > header .phrase_data {
  zoom: 1;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  padding-top: 0.6em;
  color: #666666;
}
.page_phrase > section.main_section > header .phrase_data:before,
.page_phrase > section.main_section > header .phrase_data:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_phrase > section.main_section > header .phrase_data:after {
  clear: both;
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section > header .phrase_data {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_phrase > section.main_section > header .phrase_data .metadata {
  float: right;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-left: 15px;
}
.page_phrase > section.main_section > header .phrase_data .metadata strong {
  font-weight: inherit;
  margin-left: 1em;
}
.page_phrase > section.main_section > header .phrase_data .categories ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  color: #1d84c6;
}
.page_phrase > section.main_section > header .phrase_data .categories ul li {
  display: inline;
}
.page_phrase > section.main_section > header .phrase_data .categories ul li:after {
  content: ",";
}
.page_phrase > section.main_section > header .phrase_data .categories ul li:last-child:after {
  content: "";
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section > header .phrase_data .metadata {
    float: none;
    margin-left: 0;
    margin-bottom: 0.2em;
  }
  .page_phrase > section.main_section > header .phrase_data .metadata strong {
    margin-left: 0;
  }
}
.page_phrase > section.main_section > header .ad-fv_content_1 {
  margin-top: 5px;
}
.page_phrase > section.main_section .radios {
  display: inline-block;
  margin-top: 0.1em;
  vertical-align: middle;
  margin-left: 1em;
}
.page_phrase > section.main_section .radios .radio {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(/_presentation/assets/img/icons/faces.svg);
  background-size: 184px auto;
}
.page_phrase > section.main_section .radios input[type=radio] {
  display: none;
}
.page_phrase > section.main_section .radios .happy {
  background-position: -146px 1px;
}
.page_phrase > section.main_section .radios .surprise {
  background-position: -91px 1px;
}
.page_phrase > section.main_section .radios .sad {
  background-position: -43px 1px;
}
.page_phrase > section.main_section .radios .angry {
  background-position: 0px 1px;
}
.page_phrase > section.main_section .radios input[type=radio]:checked + .happy {
  background-position: -147px -43px;
}
.page_phrase > section.main_section .radios input[type=radio]:checked + .surprise {
  background-position: -91px -43px;
}
.page_phrase > section.main_section .radios input[type=radio]:checked + .sad {
  background-position: -43px -43px;
}
.page_phrase > section.main_section .radios input[type=radio]:checked + .angry {
  background-position: 0px -43px;
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section .radios {
    display: block;
    margin-left: 0;
  }
}
.page_phrase > section.main_section .play {
  margin-top: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section .play {
    margin-top: 0;
  }
}
.page_phrase > section.main_section .from {
  margin-right: 1.5em;
}
.page_phrase > section.main_section > .ad {
  margin: 0em 0;
}
.page_phrase > section.main_section > .map {
  margin: 2em 0;
}
.page_phrase > section.main_section > .map > h3 {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.6em;
}
.page_phrase > section.main_section > article.waiting_pronunciations {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .page_phrase > section.main_section > article.waiting_pronunciations {
    padding: 10px;
  }
}
.page_phrase > section.main_section > article.waiting_pronunciations header {
  margin-bottom: 1em;
}
.page_phrase > section.main_section > article.waiting_pronunciations header h1,
.page_phrase > section.main_section > article.waiting_pronunciations header em {
  display: block;
  font-style: normal;
}
.page_phrase > section.main_section > article.waiting_pronunciations header strong {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -0.5em;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul > li {
  margin-bottom: 0.5em;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul > li {
  position: relative;
  padding-left: 27px;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul > li a.record {
  /* IE7 (hasLayout)*/
  /* IE */
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  width: 27px;
  position: relative;
  color: #1d84c6;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul > li a.record:before {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
  position: absolute;
  left: 1px;
  top: 1px;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul > li .lang_xx,
.page_phrase > section.main_section > article.waiting_pronunciations ul > li .categories {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #333333;
}
@media only screen and (max-width: 780px) {
  .page_phrase > section.main_section > article.waiting_pronunciations ul > li .lang_xx,
  .page_phrase > section.main_section > article.waiting_pronunciations ul > li .categories {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_phrase > section.main_section > article.waiting_pronunciations ul > li .lang_xx abbr,
.page_phrase > section.main_section > article.waiting_pronunciations ul > li .categories abbr {
  text-decoration: none;
  border: 0;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul li a {
  color: #333333;
}
.page_phrase > section.main_section > article.waiting_pronunciations ul li a.link_record,
.page_phrase > section.main_section > article.waiting_pronunciations ul li a.link_record:hover {
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #cc194f !important;
}
.page_phrase > section.main_section p.next_word,
.page_phrase > section.main_section p.random_word {
  margin-top: 3em;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-right: 50px;
}
.page_phrase > section.main_section p.next_word:last-child,
.page_phrase > section.main_section p.random_word:last-child {
  margin-right: 0;
}
.page_phrase > section.main_section p.next_word a,
.page_phrase > section.main_section p.random_word a {
  color: #3a9fd9;
}
.page_video-detail {
  zoom: 1;
  padding-right: 320px;
}
.page_video-detail:before,
.page_video-detail:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_video-detail:after {
  clear: both;
}
.page_video-detail > section.main_section {
  float: left;
  width: 100%;
}
.page_video-detail > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.page_video-detail > section.main_section > header .title_holder,
.page_video-detail > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_video-detail > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.page_video-detail > section.main_section > header h1,
.page_video-detail > section.main_section > header h2,
.page_video-detail > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.page_video-detail > section.main_section > header h1 h1,
.page_video-detail > section.main_section > header h2 h1,
.page_video-detail > section.main_section > header em h1 {
  padding-bottom: 0;
}
.page_video-detail > section.main_section > header h1 > strong,
.page_video-detail > section.main_section > header h2 > strong,
.page_video-detail > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_video-detail > section.main_section > header h1 > span,
.page_video-detail > section.main_section > header h2 > span,
.page_video-detail > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .page_video-detail > section.main_section > header h1 > span,
  .page_video-detail > section.main_section > header h2 > span,
  .page_video-detail > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.page_video-detail > section.main_section > header h1 > .ico_rol:after,
.page_video-detail > section.main_section > header h2 > .ico_rol:after,
.page_video-detail > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.page_video-detail > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_video-detail > section.main_section > header h1,
  .page_video-detail > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .page_video-detail > section.main_section > header h1,
  .page_video-detail > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_video-detail > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_video-detail > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .page_video-detail > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.page_video-detail > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.page_video-detail > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .page_video-detail > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.page_video-detail > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.page_video-detail > section.main_section > header .info.ok {
  color: #3db385;
}
.page_video-detail > section.main_section > header .info.error {
  color: #cc194f;
}
.page_video-detail > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.page_video-detail > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.page_video-detail > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.page_video-detail > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.page_video-detail > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.page_video-detail > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.page_video-detail > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.page_video-detail > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.page_video-detail > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.page_video-detail > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .page_video-detail > section.main_section {
    float: none;
  }
}
.page_video-detail.fullpage {
  padding-right: 0;
}
.page_video-detail > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .page_video-detail {
    padding-right: 260px;
  }
  .page_video-detail > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .page_video-detail {
    padding-right: 0;
  }
  .page_video-detail > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.page_video-detail * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-boz-sizing: border-box;
  box-sizing: border-box;
}
.page_video-detail > section.main_section img {
  width: 100%;
  vertical-align: middle;
}
.page_video-detail > section.main_section section #video_content {
  margin-bottom: 2.5em;
  max-width: 728px;
}
.page_video-detail > section.main_section section #video_content .player {
  background: #ffffff;
  background-size: cover;
}
.page_video-detail > section.main_section section #video_content #video {
  height: 400px;
}
.page_video-detail > section.main_section section .controls {
  border-bottom: 1px solid #cbcbcb;
  zoom: 1;
  color: #999999;
}
.page_video-detail > section.main_section section .controls:before,
.page_video-detail > section.main_section section .controls:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_video-detail > section.main_section section .controls:after {
  clear: both;
}
.page_video-detail > section.main_section section .controls a {
  color: #999999;
}
.page_video-detail > section.main_section section .controls .title {
  color: #1d1d1b;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  padding-top: 0.5em;
}
.page_video-detail > section.main_section section .controls .icons {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .page_video-detail > section.main_section section .controls .icons {
    float: none;
    padding-bottom: 10px;
    padding-top: 0;
  }
}
.page_video-detail > section.main_section section .controls .icons .outer_share a:after {
  content: "\f064";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_video-detail > section.main_section section .controls .icons .views {
  margin-right: 0.5em;
}
.page_video-detail > section.main_section section .controls .icons .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_video-detail > section.main_section section .controls .icons .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_video-detail > section.main_section section .controls .icons .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.page_video-detail > section.main_section section .controls .icons .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_video-detail > section.main_section section .controls .icons .hand .advice {
  display: none;
  color: #3db385;
}
.page_video-detail > section.main_section section .controls .icons .hand:hover .advice {
  display: inline;
}
.page_video-detail > section.main_section section .controls .icons .follow {
  margin-left: 0.5em;
}
.page_video-detail > section.main_section section .controls .icons .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_video-detail > section.main_section section .controls .icons .follow:before {
    top: 0;
  }
}
.page_video-detail > section.main_section section .controls .icons .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.page_video-detail > section.main_section section .controls .icons .follow .advice {
  display: none;
  color: #3db385;
}
.page_video-detail > section.main_section section .controls .icons .follow:hover .advice {
  display: inline;
}
.page_video-detail > section.main_section section .controls .icons .following {
  color: #3db385;
}
.page_video-detail > section.main_section section .controls .icons .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.page_video-detail > section.main_section section .controls .icons .active {
  color: #3db385;
}
.page_video-detail > section.main_section section .controls .icons .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_video-detail > section.main_section section .controls .icons .active .advice {
  display: none!important;
}
.page_video-detail > section.main_section section .explain {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 1em 0;
}
.page_video-detail > section.main_section section #videos {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
}
.page_video-detail > section.main_section section #videos li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
@media only screen and (max-width: 780px) {
  .page_video-detail > section.main_section section #videos li {
    width: 48.5%;
    margin-right: 3%;
  }
}
@media only screen and (min-width: 780px) {
  .page_video-detail > section.main_section section #videos li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 780px) {
  .page_video-detail > section.main_section section #videos li:nth-child(2n) {
    margin-right: 0px !important;
  }
}
.page_video-detail > section.main_section section #videos li a {
  display: block;
}
.page_video-detail > section.main_section section #videos li .thumbnail_content {
  border: 1px solid #cbcbcb;
  overflow: auto;
  padding: 4px;
  border-radius: 3px;
}
.page_video-detail > section.main_section section #videos li .thumbnail_content .thumbnail {
  position: relative;
}
.page_video-detail > section.main_section section #videos li .thumbnail_content .thumbnail img {
  object-fit: cover;
  max-height: 127px;
}
.page_video-detail > section.main_section section #videos li .thumbnail_content .thumbnail:hover img {
  opacity: 0.5;
}
.page_video-detail > section.main_section section #videos li .thumbnail_content .thumbnail:hover a {
  background: #000;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.page_video-detail > section.main_section section #videos li .thumbnail_content .thumbnail:hover a:after {
  width: 11px;
  height: 11px;
  position: absolute;
  left: 41%;
  top: 35%;
  cursor: pointer;
  border: 2px solid #ffffff;
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
  padding: 1em;
  border-radius: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 0.8;
}
@media only screen and (max-width: 780px) {
  .page_video-detail > section.main_section section #videos li .thumbnail_content .thumbnail:hover a:after {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 41%;
    top: 35%;
    cursor: pointer;
    border: 2px solid #ffffff;
    content: "\e606";
    font-family: 'Forvo';
    font-size: 1em;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.25em;
    text-indent: 0;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2em;
    line-height: 1em;
    color: #ffffff;
    text-align: center;
    padding: 1em;
    border-radius: 50%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 0.8;
  }
}
.page_video-detail > section.main_section section #videos li .thumbnail_content .thumbnail .time {
  position: absolute;
  left: 10px;
  bottom: 5px;
  color: #ffffff;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  z-index: 55;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px #333333;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info {
  margin-top: 0.5em;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 780px) {
  .page_video-detail > section.main_section section #videos li .thumbnail_info p {
    margin-bottom: 0.5em;
  }
}
.page_video-detail > section.main_section section #videos li .thumbnail_info span {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
  color: #999999;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .views {
  margin-right: 0.5em;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .views:after {
  content: "\f06e";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .hand:before {
  content: "\f087";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .hand:hover {
  color: #3db385;
  cursor: pointer;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .hand:hover:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .hand .advice {
  display: none;
  color: #3db385;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .hand:hover .advice {
  display: inline;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .follow {
  margin-left: 0.5em;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .follow:before {
  content: "\e900";
  font-family: 'Forvo';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 3px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .page_video-detail > section.main_section section #videos li .thumbnail_info .follow:before {
    top: 0;
  }
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .follow:hover {
  color: #3db385;
  cursor: pointer;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .follow .advice {
  display: none;
  color: #3db385;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .follow:hover .advice {
  display: inline;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .following {
  color: #3db385;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .following:before {
  content: "\e901" !important;
  font-family: 'Forvo' !important;
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  margin-right: 0.25em !important;
  text-indent: 0 !important;
  margin-left: 3px;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .active {
  color: #3db385;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .active:before {
  content: "\f164";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_video-detail > section.main_section section #videos li .thumbnail_info .active .advice {
  display: none!important;
}
.page_video-detail > section.main_section header div h2 {
  text-align: center!important;
  display: block;
}
.page_video-detail > aside.main_aside {
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .page_video-detail > aside.main_aside {
    padding: 10px;
  }
}
.page_video-detail > aside.main_aside .word_video header h1,
.page_video-detail > aside.main_aside .word_video header em {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 960px) {
  .page_video-detail > aside.main_aside .word_video header h1,
  .page_video-detail > aside.main_aside .word_video header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_video-detail > aside.main_aside .word_video p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  margin-bottom: 1em;
}
.page_video-detail > aside.main_aside .word_video ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page_video-detail > aside.main_aside .word_video ul li {
  margin-bottom: 0.5em;
  color: #1d84c6;
}
.page_video-detail > aside.main_aside .word_video ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  height: 5px;
  width: 5px;
  background: #333333;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  border-radius: 100% 100%;
  -webkit-border-radius: 100% 100% 5px 5px 5px;
  -moz-border-radius: 100% 100% 5px 5px 5px;
  border-radius: 100% 100% 5px 5px 5px;
  margin-right: 5px;
  margin-top: -4px;
}
.page_video-detail > aside.main_aside .word_video ul li:last-child {
  margin-bottom: 0;
}
#body_android #displayer {
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #body_android #displayer {
    padding-bottom: 35px;
  }
}
.page_android h2 {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding-top: 2em;
}
.page_android .center_p {
  text-align: center;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 1em;
  margin-bottom: 3em;
}
.page_android .bg_section {
  background-image: url(/_presentation/assets/img/pages/android/bg_android.jpg);
}
.page_android .bg_section .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_android .bg_section .content header {
  position: relative;
  min-height: 400px;
  margin-bottom: 4.5em;
}
.page_android .bg_section .content header .phone {
  max-width: 400px;
  position: absolute;
  bottom: -57px;
  left: 3.5em;
}
@media only screen and (max-width: 640px) {
  .page_android .bg_section .content header .phone {
    position: inherit;
    width: 80%;
  }
}
.page_android .bg_section .content header .head_info {
  max-width: 30%;
  float: right;
  margin-right: 10em;
  text-align: center;
  padding-top: 5.5em;
  zoom: 1;
}
.page_android .bg_section .content header .head_info:before,
.page_android .bg_section .content header .head_info:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_android .bg_section .content header .head_info:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .page_android .bg_section .content header .head_info {
    float: none;
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.5em;
    margin-bottom: 0;
  }
}
.page_android .bg_section .content header .head_info h1 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_android .bg_section .content header .head_info h1 span {
  display: block;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  padding-top: 1em;
}
.page_android .bg_section .content header .head_info .button_android {
  max-width: 112px;
  width: 47%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_android .bg_section .content header .head_info .button_android {
    max-width: 100px;
    margin-top: 1.75em;
  }
}
.page_android .bg_section .content header .head_info .button {
  margin-top: 1.5em;
  width: 47%;
  float: right;
  max-width: 128px;
}
@media only screen and (max-width: 640px) {
  .page_android .bg_section .content header .head_info .button {
    max-width: 100px;
  }
}
.page_android .features {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7em;
}
@media only screen and (max-width: 1048px) {
  .page_android .features {
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2em;
  }
}
.page_android .features .features_explain {
  zoom: 1;
}
.page_android .features .features_explain:before,
.page_android .features .features_explain:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_android .features .features_explain:after {
  clear: both;
}
.page_android .features .features_explain .icons-first,
.page_android .features .features_explain .icons-last {
  width: 37%;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .icons-first,
  .page_android .features .features_explain .icons-last {
    width: 100%;
  }
}
.page_android .features .features_explain .icons-first {
  margin-right: 3%;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .icons-first {
    margin-right: 0%;
  }
}
.page_android .features .features_explain .icons-first p {
  text-align: right;
  position: relative;
  padding-right: 60px;
  margin-bottom: 6.5em;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .icons-first p {
    width: 100%;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 5.5em;
    padding: 0;
  }
}
.page_android .features .features_explain .icons-first p:after {
  position: absolute;
  right: 0px;
  top: 4px;
  padding: 6px;
  border: 1px solid #1d84c6;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 30px !important;
  font-size: 3rem !important;
  line-height: 1 !important;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .icons-first p:after {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-right: auto!important;
    top: -51px;
    line-height: 1.4!important;
  }
}
.page_android .features .features_explain .icons-first .play_icon:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #1d84c6;
}
.page_android .features .features_explain .icons-first .rec_icon:after {
  content: "\e605";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #cc194f;
}
.page_android .features .features_explain .icons-last {
  margin-left: 3%;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .icons-last {
    margin-left: 0%;
  }
}
.page_android .features .features_explain .icons-last p {
  text-align: left;
  position: relative;
  padding-left: 60px;
  margin-bottom: 6.5em;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .icons-last p {
    width: 100%;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 5.5em;
    padding: 0;
  }
}
.page_android .features .features_explain .icons-last p:before {
  position: absolute;
  left: 0px;
  top: 4px;
  padding: 6px;
  border: 1px solid #1d84c6;
  color: #1d84c6;
  width: 30px;
  height: 30px;
  font-size: 30px !important;
  font-size: 3rem !important;
  line-height: 1 !important;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .icons-last p:before {
    right: 0%;
    left: 0%;
    margin-left: auto;
    margin-right: auto;
    margin-right: auto!important;
    top: -51px;
    line-height: 1.4!important;
  }
}
.page_android .features .features_explain .icons-last .search_icon:before {
  content: "\f002";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_android .features .features_explain .icons-last .pencil_icon:before {
  content: "\f040";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_android .features .features_explain .screen {
  width: 20%;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_android .features .features_explain .screen {
    width: 50%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 5.5em;
    display: block;
  }
}
.page_android .parallax {
  background-image: url(/_presentation/assets/img/pages/android/parallax.jpg);
  position: relative;
  height: 570px;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
}
.page_android .parallax h2 {
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 1.2em;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  max-width: 100%;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56);
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 0;
  width: 100%;
}
.page_android .parallax h2 span {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_android .screenshoots {
  background-image: url(/_presentation/assets/img/pages/android/bg_android.jpg);
  padding-bottom: 2em;
}
.page_android .screenshoots .img {
  max-width: 690px!important;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.page_android .video iframe {
  width: 600px;
  max-width: 600px;
  height: 300px;
  background: #1d1d1b;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 2em;
}
@media only screen and (max-width: 640px) {
  .page_android .video iframe {
    width: 100%;
  }
}
.page_android .android_footer {
  background-image: -webkit-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: -moz-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: -ms-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: -o-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: linear-gradient(45deg, #09557e, #1d84c6 45%);
  zoom: 1;
}
.page_android .android_footer:before,
.page_android .android_footer:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_android .android_footer:after {
  clear: both;
}
.page_android .android_footer .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_android .android_footer .content h2 {
  color: #ffffff;
  margin-bottom: 2em;
}
@media only screen and (max-width: 640px) {
  .page_android .android_footer .content h2 {
    margin-bottom: 0;
  }
}
.page_android .android_footer .content .phone {
  float: right;
  max-width: 400px;
}
@media only screen and (max-width: 640px) {
  .page_android .android_footer .content .phone {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
}
.page_android .android_footer .content article {
  float: left;
  width: 40%;
  padding-top: 2em;
}
@media only screen and (max-width: 640px) {
  .page_android .android_footer .content article {
    width: 100%;
  }
}
.page_android .android_footer .content article p {
  color: #ffffff;
}
.page_android .android_footer .content article .button_android {
  max-width: 100px;
  padding-top: 4em;
}
@media only screen and (max-width: 640px) {
  .page_android .android_footer .content article .button_android {
    padding-bottom: 2em;
  }
}
#body_iphone #displayer {
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #body_iphone #displayer {
    padding-bottom: 35px;
  }
}
.page_iphone h2 {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding-top: 2em;
}
.page_iphone .center_p {
  text-align: center;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 1em;
  margin-bottom: 3em;
}
.page_iphone .bg_section {
  background-image: url(/_presentation/assets/img/pages/android/bg_android.jpg);
}
.page_iphone .bg_section .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_iphone .bg_section .content header {
  position: relative;
  min-height: 400px;
  margin-bottom: 4.5em;
}
.page_iphone .bg_section .content header .phone {
  max-width: 400px;
  position: absolute;
  bottom: -57px;
  left: 3.5em;
}
@media only screen and (max-width: 640px) {
  .page_iphone .bg_section .content header .phone {
    position: inherit;
    width: 80%;
  }
}
.page_iphone .bg_section .content header .head_info {
  max-width: 30%;
  float: right;
  margin-right: 10em;
  text-align: center;
  padding-top: 5.5em;
  zoom: 1;
}
.page_iphone .bg_section .content header .head_info:before,
.page_iphone .bg_section .content header .head_info:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_iphone .bg_section .content header .head_info:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .page_iphone .bg_section .content header .head_info {
    float: none;
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.5em;
    margin-bottom: 0;
  }
}
.page_iphone .bg_section .content header .head_info h1 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_iphone .bg_section .content header .head_info h1 span {
  display: block;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  padding-top: 1em;
}
.page_iphone .bg_section .content header .head_info .button_iphone {
  max-width: 125px;
  width: 47%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.8em;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_iphone .bg_section .content header .head_info .button_iphone {
    max-width: 100px;
    margin-top: 1.75em;
  }
}
.page_iphone .bg_section .content header .head_info .button {
  margin-top: 1.5em;
  width: 47%;
  float: right;
  max-width: 128px;
}
@media only screen and (max-width: 640px) {
  .page_iphone .bg_section .content header .head_info .button {
    max-width: 100px;
  }
}
.page_iphone .features {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7em;
}
@media only screen and (max-width: 1048px) {
  .page_iphone .features {
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2em;
  }
}
.page_iphone .features .features_explain {
  zoom: 1;
}
.page_iphone .features .features_explain:before,
.page_iphone .features .features_explain:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_iphone .features .features_explain:after {
  clear: both;
}
.page_iphone .features .features_explain .icons-first,
.page_iphone .features .features_explain .icons-last {
  width: 37%;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .icons-first,
  .page_iphone .features .features_explain .icons-last {
    width: 100%;
  }
}
.page_iphone .features .features_explain .icons-first {
  margin-right: 3%;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .icons-first {
    margin-right: 0%;
  }
}
.page_iphone .features .features_explain .icons-first p {
  text-align: right;
  position: relative;
  padding-right: 60px;
  margin-bottom: 6.5em;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .icons-first p {
    width: 100%;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 5.5em;
    padding: 0;
  }
}
.page_iphone .features .features_explain .icons-first p:after {
  position: absolute;
  right: 0px;
  top: 4px;
  padding: 6px;
  border: 1px solid #1d84c6;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 30px !important;
  font-size: 3rem !important;
  line-height: 1 !important;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .icons-first p:after {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-right: auto!important;
    top: -51px;
    line-height: 1.4!important;
  }
}
.page_iphone .features .features_explain .icons-first .play_icon:after {
  content: "\e606";
  font-family: 'Forvo';
  font-size: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2em;
  line-height: 1em;
  color: #1d84c6;
}
.page_iphone .features .features_explain .icons-first .rec_icon:after {
  display: block;
  content: url(/_presentation/assets/img/pages/iphone/rec.svg);
  color: #cc194f;
  margin-right: 0.25em;
}
.page_iphone .features .features_explain .icons-first .chat_icon:after {
  display: block;
  content: url(/_presentation/assets/img/pages/iphone/chat.svg);
  color: #cc194f;
  margin-right: 0.25em;
}
.page_iphone .features .features_explain .icons-last {
  margin-left: 3%;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .icons-last {
    margin-left: 0%;
  }
}
.page_iphone .features .features_explain .icons-last p {
  text-align: left;
  position: relative;
  padding-left: 60px;
  margin-bottom: 6.5em;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .icons-last p {
    width: 100%;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 5.5em;
    padding: 0;
  }
}
.page_iphone .features .features_explain .icons-last p:before {
  position: absolute;
  left: 0px;
  top: 4px;
  padding: 6px;
  border: 1px solid #1d84c6;
  color: #1d84c6;
  width: 30px;
  height: 30px;
  font-size: 30px !important;
  font-size: 3rem !important;
  line-height: 1 !important;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .icons-last p:before {
    right: 0%;
    left: 0%;
    margin-left: auto;
    margin-right: auto;
    margin-right: auto!important;
    top: -51px;
    line-height: 1.4!important;
  }
}
.page_iphone .features .features_explain .icons-last .search_icon:before {
  content: "\f002";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_iphone .features .features_explain .icons-last .plus_icon:before {
  display: block;
  content: url(/_presentation/assets/img/pages/iphone/plus.svg);
  color: #cc194f;
  margin-right: 0.25em;
}
.page_iphone .features .features_explain .icons-last .user_icon:before {
  display: block;
  content: url(/_presentation/assets/img/pages/iphone/user.svg);
  color: #cc194f;
  margin-right: 0.25em;
}
.page_iphone .features .features_explain .screen {
  width: 20%;
  float: left;
}
@media only screen and (max-width: 640px) {
  .page_iphone .features .features_explain .screen {
    width: 50%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 5.5em;
    display: block;
  }
}
.page_iphone .parallax {
  background-image: url(/_presentation/assets/img/pages/android/parallax.jpg);
  position: relative;
  height: 570px;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
}
.page_iphone .parallax h2 {
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 1.2em;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  max-width: 100%;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56);
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 0;
  width: 100%;
}
.page_iphone .parallax h2 span {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_iphone .screenshoots {
  background-image: url(/_presentation/assets/img/pages/iphone/bg_iphone.jpg);
  padding-bottom: 2em;
}
.page_iphone .screenshoots .img {
  max-width: 690px!important;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.page_iphone .video iframe {
  width: 600px;
  max-width: 600px;
  height: 300px;
  background: #1d1d1b;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 2em;
}
@media only screen and (max-width: 640px) {
  .page_iphone .video iframe {
    width: 100%;
  }
}
.page_iphone .iphone_footer {
  background-image: -webkit-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: -moz-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: -ms-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: -o-linear-gradient(45deg, #09557e, #1d84c6 45%);
  background-image: linear-gradient(45deg, #09557e, #1d84c6 45%);
  zoom: 1;
}
.page_iphone .iphone_footer:before,
.page_iphone .iphone_footer:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_iphone .iphone_footer:after {
  clear: both;
}
.page_iphone .iphone_footer .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_iphone .iphone_footer .content h2 {
  color: #ffffff;
  margin-bottom: 2em;
}
@media only screen and (max-width: 640px) {
  .page_iphone .iphone_footer .content h2 {
    margin-bottom: 0;
  }
}
.page_iphone .iphone_footer .content .phone {
  float: right;
  max-width: 400px;
}
@media only screen and (max-width: 640px) {
  .page_iphone .iphone_footer .content .phone {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
}
.page_iphone .iphone_footer .content article {
  float: left;
  width: 40%;
  padding-top: 2em;
}
@media only screen and (max-width: 640px) {
  .page_iphone .iphone_footer .content article {
    width: 100%;
  }
}
.page_iphone .iphone_footer .content article p {
  color: #ffffff;
}
.page_iphone .iphone_footer .content article .button_iphone {
  max-width: 130px;
  padding-top: 4em;
}
@media only screen and (max-width: 640px) {
  .page_iphone .iphone_footer .content article .button_iphone {
    padding-bottom: 2em;
  }
}
.page_unsuscribe > section.main_section form label {
  display: none;
}
.page_unsuscribe > section.main_section form input {
  margin-top: 1em;
}
.page_unsuscribe > section.main_section form textarea {
  max-width: 400px;
  width: 100%;
  height: 200px!important;
  resize: none;
  border: 1px solid #cbcbcb;
  padding: 0.5em;
  outline: none;
}
@media only screen and (max-width: 640px) {
  .page_unsuscribe > section.main_section form textarea {
    height: 100px;
  }
}
.page_privacy section.main_section > header {
  border-bottom: 0;
}
.page_terms-and-conditions section.main_section > header {
  border-bottom: 0;
}
.page_terms-and-conditions section.main_section h2 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
}
.page_terms-and-conditions section.main_section .types > li {
  margin-bottom: 1em;
}
.page_cookies-policy section.main_section > header {
  border-bottom: 0;
}
.page_cookies-policy section.main_section h2 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
}
.page_cookies-policy section.main_section .types > li {
  margin-bottom: 1em;
}
.page_cookies-policy section.main_section table {
  border: 1px solid #cbcbcb;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.page_cookies-policy section.main_section table tr {
  border-bottom: 1px solid #cbcbcb;
}
.page_cookies-policy section.main_section table tr td {
  border: 1px solid #cbcbcb;
  padding: 10px;
}
#body_events #displayer {
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #body_events #displayer {
    padding-bottom: 35px;
  }
}
.page_events section.slider {
  overflow: hidden;
  max-height: 540px;
}
.page_events section.slider ul {
  list-style: none;
}
@media only screen and (max-width: 640px) {
  .page_events section.slider {
    max-height: 380px;
  }
}
.page_events section.slider .tp-banner-container {
  margin-bottom: 2em;
  overflow: hidden;
}
.page_events section.slider .tp-banner-container .tp-caption {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  text-align: center;
  white-space: normal;
  background: rgba(29, 29, 27, 0.4);
  padding: 1em;
}
.page_events section.slider .tp-banner-container .tp-caption h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 0.8;
  text-shadow: 2px 1px 2px #1d1d1b;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding-top: 15px;
}
@media only screen and (max-width: 640px) {
  .page_events section.slider .tp-banner-container .tp-caption h2 {
    padding-top: 0;
  }
}
.page_events section.slider .tp-banner-container .tp-caption p {
  text-shadow: 2px 1px 2px #1d1d1b;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ffffff;
}
.page_events section.slider .tp-banner-container .tp-caption a {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1048px) {
  .page_events .content_page {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  .page_events .content_page {
    padding: 0;
  }
}
.page_events .content_page .mainpage {
  margin-left: auto;
  margin-right: auto;
  max-width: 728px;
}
@media only screen and (max-width: 640px) {
  .page_events .content_page .mainpage {
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2em;
  }
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events {
  margin-bottom: 2em;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events header .title_holder {
  border-bottom: 1px solid #cbcbcb;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events header .title_holder h1 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article {
  zoom: 1;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article:before,
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article:after {
  clear: both;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 1em;
  display: block;
  float: left;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content:nth-child(3n + 3) {
  margin-right: 0px;
}
@media only screen and (max-width: 640px) {
  .page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content {
    width: 48%;
    margin-right: 4%!important;
  }
  .page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content:nth-child(2n+2) {
    margin-right: 0!important;
  }
  .page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content:nth-child(3n + 3) {
    margin-right: 0%;
  }
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content img {
  object-fit: cover;
  width: 100%;
  max-height: 170px;
}
@media only screen and (max-width: 640px) {
  .page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content img {
    height: 130px;
  }
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .info {
  background: #f7f7f7;
  padding: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #474747;
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .info h3 {
  text-align: center;
  margin-bottom: 0.5em;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .info .text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: left;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .info .text p {
  max-height: 3.6em;
  overflow: hidden;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .info .text span {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  color: #1d84c6;
  display: block;
  text-align: center;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .dark {
  background: #d7d7d7;
  border: 1px solid #c4c2c2;
  color: #717171;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 5px;
  zoom: 1;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .dark:before,
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .dark:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .dark:after {
  clear: both;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .dark .date {
  float: left;
}
.page_events .content_page .mainpage > section.main_section > section.upcoming_events article .event-content .dark .language {
  float: right;
}
.page_events .content_page .mainpage > section.main_section > section.past_events {
  margin-bottom: 2em;
}
.page_events .content_page .mainpage > section.main_section > section.past_events h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 5px;
  margin-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  .page_events .content_page .mainpage > section.main_section > section.past_events h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
.page_events .content_page .mainpage > section.main_section > section.past_events article {
  zoom: 1;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article:before,
.page_events .content_page .mainpage > section.main_section > section.past_events article:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article:after {
  clear: both;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .text {
  text-align: center;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 1em;
  display: block;
  float: left;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content:nth-child(3n + 3) {
  margin-right: 0px;
}
@media only screen and (max-width: 640px) {
  .page_events .content_page .mainpage > section.main_section > section.past_events article .event-content {
    width: 48%;
    margin-right: 4%!important;
  }
  .page_events .content_page .mainpage > section.main_section > section.past_events article .event-content:nth-child(2n+2) {
    margin-right: 0!important;
  }
  .page_events .content_page .mainpage > section.main_section > section.past_events article .event-content:nth-child(3n + 3) {
    margin-right: 0%;
  }
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content img {
  object-fit: cover;
  width: 100%;
  max-height: 170px;
}
@media only screen and (max-width: 640px) {
  .page_events .content_page .mainpage > section.main_section > section.past_events article .event-content img {
    height: 130px;
  }
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .info {
  background: #f7f7f7;
  padding: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #474747;
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .info h3 {
  text-align: center;
  margin-bottom: 0.5em;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .info .text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: left;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .info .text p {
  max-height: 3.6em;
  overflow: hidden;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .info .text span {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  color: #1d84c6;
  display: block;
  text-align: center;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .dark {
  background: #d7d7d7;
  border: 1px solid #c4c2c2;
  color: #717171;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 5px;
  zoom: 1;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .dark:before,
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .dark:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .dark:after {
  clear: both;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .dark .date {
  float: left;
}
.page_events .content_page .mainpage > section.main_section > section.past_events article .event-content .dark .language {
  float: right;
}
.page_events .content_page .mainpage > aside.main_aside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_events .content_page .mainpage > aside.main_aside article {
  margin-bottom: 10px;
  padding: 20px;
  background: #f2f2f2;
}
@media only screen and (max-width: 640px) {
  .page_events .content_page .mainpage > aside.main_aside article {
    padding: 10px;
  }
}
.page_events .content_page .mainpage > aside.main_aside article header {
  margin-bottom: 0.5em;
}
.page_events .content_page .mainpage > aside.main_aside article header h1,
.page_events .content_page .mainpage > aside.main_aside article header em {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
}
@media only screen and (max-width: 960px) {
  .page_events .content_page .mainpage > aside.main_aside article header h1,
  .page_events .content_page .mainpage > aside.main_aside article header em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_events .content_page .mainpage > aside.main_aside article p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  margin-bottom: 1em;
}
.page_events .content_page .mainpage > aside.main_aside article ul {
  padding-left: 20px;
}
.page_events .content_page .mainpage > aside.main_aside article ul li {
  margin-bottom: 0.5em;
}
.page_events .tp-bullets.simplebullets.round .bullet {
  background: none;
  border: 1px solid #ffffff;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.page_events .tp-bullets.simplebullets.round .selected {
  background: #1d84c6;
}
#body_events-detail #displayer {
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #body_events-detail #displayer {
    padding-bottom: 35px;
  }
}
.page_events-detail .bg_section {
  background-size: cover;
  margin-bottom: 2em;
  background-position: 50% 0%;
}
.page_events-detail .bg_section .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  height: 500px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .page_events-detail .bg_section .content {
    height: 280px;
  }
}
.page_events-detail .bg_section .content .all-events {
  text-shadow: 2px 1px 2px #1d1d1b;
  box-shadow: 2px 1px 2px rgba(29, 29, 27, 0.5), inset 2px 1px 2px rgba(29, 29, 27, 0.5);
  color: #ffffff;
  position: absolute;
  top: 1.5em;
  border: 1px solid #ffffff;
  padding: 10px 15px;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.page_events-detail .bg_section .content .all-events:hover {
  background: #1d84c6;
  color: #ffffff !important;
  box-shadow: 2px 1px 2px rgba(29, 29, 27, 0.5);
  text-shadow: none;
  border: 1px solid #1d84c6;
}
.page_events-detail .bg_section .content .date {
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  width: 70px;
  text-align: center;
  position: absolute;
  bottom: 1em;
  text-shadow: 2px 1px 2px #1d1d1b;
}
.page_events-detail .bg_section .content .date span {
  font-size: 60px;
  font-size: 6rem;
  line-height: 1.2em;
  display: block;
}
.page_events-detail .bg_section .content h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 0.8;
  float: left;
  position: absolute;
  bottom: 1em;
  padding-left: 80px;
  text-shadow: 2px 1px 2px #1d1d1b;
}
.page_events-detail .bg_section .content .box {
  position: absolute;
  bottom: 1em;
  right: 0;
  padding: 2em;
  background: rgba(9, 85, 126, 0.87);
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
}
@media only screen and (max-width: 640px) {
  .page_events-detail .bg_section .content .box {
    display: none;
  }
}
.page_events-detail .bg_section .content .box p {
  margin-bottom: 0.5em;
}
.page_events-detail .bg_section .content .box .content-time {
  display: flex;
  padding-top: 20px;
}
.page_events-detail .bg_section .content .box .content-time .time {
  width: 48%;
  padding-right: 8%;
}
.page_events-detail .bg_section .content .box .content-time .time span {
  display: block;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_events-detail .bg_section .content .box .content-time .time:last-child {
  padding-right: 0;
}
.page_events-detail .mainpage {
  margin-left: auto;
  margin-right: auto;
  max-width: 1068px;
  padding-right: 0;
}
@media only screen and (max-width: 1048px) {
  .page_events-detail .mainpage {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  .page_events-detail .mainpage {
    max-width: 1068px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2em;
  }
}
.page_events-detail .mainpage > section.main_section p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_events-detail .mainpage > section.main_section > section.event_info {
  zoom: 1;
  margin-bottom: 2em;
}
.page_events-detail .mainpage > section.main_section > section.event_info:before,
.page_events-detail .mainpage > section.main_section > section.event_info:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_events-detail .mainpage > section.main_section > section.event_info:after {
  clear: both;
}
.page_events-detail .mainpage > section.main_section > section.event_info p {
  margin-bottom: 0.5em;
}
.page_events-detail .mainpage > section.main_section > section.event_info .tags {
  margin-top: 1em;
  margin-bottom: 2em;
}
.page_events-detail .mainpage > section.main_section > section.event_info h3 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 640px) {
  .page_events-detail .mainpage > section.main_section > section.event_info h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events {
  margin: 1.6em 0;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: -10px;
  margin-top: -10px;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  margin-left: 10px;
  margin-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > a,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > span {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1d84c6;
  color: #ffffff !important;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  border: 1px solid #1d84c6;
  padding: 1em;
  min-width: 90px;
  padding-top: 0.3em;
  padding-bottom: 0.4em;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > a:focus,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > span:focus {
  border-color: #09557e;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > a:hover,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > span:hover {
  background-color: #3a9fd9;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > a.thin,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > span.thin {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em !important;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 10px;
  position: absolute;
  z-index: 5;
  right: 0;
  width: 120px;
  max-height: 120px;
  overflow: auto;
  background: #3a9fd9;
  display: none;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li ul li a {
  display: block;
  color: #ffffff !important;
  padding: 0.1em 0.2em 0.2em;
  margin: 2px 0;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li ul li.active a,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li ul li a:hover {
  background-color: #1d84c6;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li:hover > a,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li:hover > span {
  background-color: #3a9fd9;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li:hover ul {
  display: block;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > a,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > span {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: #333333 !important;
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -ms-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > a:hover,
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li > span:hover {
  color: #ffffff !important;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li.active > a {
  background-color: #3a9fd9;
  color: #ffffff !important;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li ul {
  width: 180px;
  right: auto;
  left: 0;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li.more > span {
  min-width: 50px;
}
.page_events-detail .mainpage > section.main_section > section.event_info > .nav_events > ul > li.more:hover > span {
  color: #ffffff !important;
}
.page_events-detail .mainpage > section.main_section > section.event_info h3 + p {
  margin-bottom: 2em;
}
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words {
  margin: 0;
  padding: 0;
  list-style-type: none;
  zoom: 1;
  margin-bottom: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words:before,
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words:after {
  clear: both;
}
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words li.custom-play {
  width: 24%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  .page_events-detail .mainpage > section.main_section > section.event_info ul.list-words li.custom-play {
    float: none;
    width: 100%;
  }
}
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words li.custom-play .play {
  float: left;
}
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words li.custom-play .word {
  float: left;
  max-width: calc(85% - 27px);
  max-width: -moz-calc(85% - 27px);
  max-width: -webkit-calc(85% - 27px);
  max-width: -o-calc(85% - 27px);
}
.page_events-detail .mainpage > section.main_section > section.event_info ul.list-words li.custom-play .lang_xx {
  padding-left: 5px;
}
.page_events-detail .mainpage > section.main_section > section.event_info .buttons .previus {
  float: left;
}
.page_events-detail .mainpage > section.main_section > section.event_info .buttons .previus:before {
  content: "\f053";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_events-detail .mainpage > section.main_section > section.event_info .buttons .next {
  float: right;
}
.page_events-detail .mainpage > section.main_section > section.event_info .buttons .next:after {
  content: "\f054";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin-left: 0.25em;
}
.page_events-detail .mainpage > section.main_section > section.event_info article {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.page_events-detail .mainpage > section.main_section > section.related_event {
  margin-bottom: 2em;
}
.page_events-detail .mainpage > section.main_section > section.related_event h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 5px;
  margin-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  .page_events-detail .mainpage > section.main_section > section.related_event h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
.page_events-detail .mainpage > section.main_section > section.related_event article a {
  display: block;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .text {
  text-align: center;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content {
  width: 20%;
  margin-right: 6.5%;
  margin-bottom: 1em;
  display: block;
  float: left;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content:nth-child(4n + 4) {
  margin-right: 0px;
}
@media only screen and (max-width: 640px) {
  .page_events-detail .mainpage > section.main_section > section.related_event article .event-content {
    width: 48%;
    margin-right: 4%!important;
  }
  .page_events-detail .mainpage > section.main_section > section.related_event article .event-content:nth-child(2n+2) {
    margin-right: 0!important;
  }
  .page_events-detail .mainpage > section.main_section > section.related_event article .event-content:nth-child(4n + 4) {
    margin-right: 0%;
  }
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content img {
  object-fit: cover;
  width: 100%;
  max-height: 170px;
}
@media only screen and (max-width: 640px) {
  .page_events-detail .mainpage > section.main_section > section.related_event article .event-content img {
    height: 130px;
  }
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .info {
  background: #f7f7f7;
  padding: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #474747;
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .info h3 {
  text-align: center;
  margin-bottom: 0.5em;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .info .text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  text-align: left;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .info .text p {
  max-height: 3.6em;
  overflow: hidden;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .info .text span {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  color: #1d84c6;
  display: block;
  text-align: center;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .dark {
  background: #d7d7d7;
  border: 1px solid #c4c2c2;
  color: #717171;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  padding: 5px;
  zoom: 1;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .dark:before,
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .dark:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .dark:after {
  clear: both;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .dark .date {
  float: left;
}
.page_events-detail .mainpage > section.main_section > section.related_event article .event-content .dark .language {
  float: right;
}
#body_certificates #displayer {
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #body_certificates #displayer {
    padding-bottom: 35px;
  }
}
.page_certificates .certificate_content {
  background: #09557e;
  height: 600px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .page_certificates .certificate_content {
    height: 500px;
  }
}
.page_certificates .certificate_content .certificate {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  background: -moz-radial-gradient(center, ellipse cover, #1d85c6 0%, #09557e 69%, #09557e 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #1d85c6), color-stop(69%, #09557e), color-stop(100%, #09557e));
  background: -webkit-radial-gradient(center, ellipse cover, #1d85c6 0%, #09557e 69%, #09557e 100%);
  background: -o-radial-gradient(center, ellipse cover, #1d85c6 0%, #09557e 69%, #09557e 100%);
  background: -ms-radial-gradient(center, ellipse cover, #1d85c6 0%, #09557e 69%, #09557e 100%);
  background: radial-gradient(ellipse at center, #1d85c6 0%, #09557e 69%, #09557e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d85c6', endColorstr='#09557e', GradientType=1);
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .page_certificates .certificate_content .certificate {
    width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .page_certificates .certificate_content .certificate {
    width: 90%;
  }
}
.page_certificates .certificate_content .certificate img {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 4em;
}
.page_certificates .certificate_content .certificate .txt_holder {
  margin-top: 4em;
  text-align: center;
  color: #ffffff;
}
.page_certificates .certificate_content .certificate .txt_holder hr {
  border: none;
  border-top: 1px #ffffff solid;
  height: 2px;
  max-width: 400px;
}
.page_certificates .certificate_content .certificate .txt_holder h1 {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2em;
  color: #ffffff;
  text-transform: uppercase;
}
.page_certificates .certificate_content .certificate .txt_holder h1 span {
  display: block;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
}
.page_certificates .certificate_content .certificate .txt_holder p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  padding-top: 2em;
}
.page_certificates .certificate_content .certification_icon {
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  cursor: pointer;
}
.page_certificates .certificate_content .certification_icon:before {
  content: "\f078";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin-right: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media only screen and (max-width: 640px) {
  .page_certificates .certificate_content .certification_icon:before {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.3;
  }
}
.certificates_info {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.certificates_info .wrap {
  padding-top: 2em;
  zoom: 1;
  padding-right: 320px;
}
.certificates_info .wrap:before,
.certificates_info .wrap:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.certificates_info .wrap:after {
  clear: both;
}
.certificates_info .wrap:before,
.certificates_info .wrap:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.certificates_info .wrap:after {
  clear: both;
}
.certificates_info .wrap > section.main_section {
  float: left;
  width: 100%;
}
.certificates_info .wrap > section.main_section > header {
  margin-bottom: 1.5em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbcbcb;
}
.certificates_info .wrap > section.main_section > header .title_holder,
.certificates_info .wrap > section.main_section > header .subtitle_holder {
  border-bottom: 1px solid #cbcbcb;
}
.certificates_info .wrap > section.main_section > header .subtitle_holder {
  border-top: 1px solid #ffffff;
  margin-top: -1px;
}
.certificates_info .wrap > section.main_section > header h1,
.certificates_info .wrap > section.main_section > header h2,
.certificates_info .wrap > section.main_section > header em {
  display: block;
  font-style: normal;
  color: #1d1d1b;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  padding-bottom: 0.2em;
}
.certificates_info .wrap > section.main_section > header h1 h1,
.certificates_info .wrap > section.main_section > header h2 h1,
.certificates_info .wrap > section.main_section > header em h1 {
  padding-bottom: 0;
}
.certificates_info .wrap > section.main_section > header h1 > strong,
.certificates_info .wrap > section.main_section > header h2 > strong,
.certificates_info .wrap > section.main_section > header em > strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.certificates_info .wrap > section.main_section > header h1 > span,
.certificates_info .wrap > section.main_section > header h2 > span,
.certificates_info .wrap > section.main_section > header em > span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
@media only screen and (max-width: 780px) {
  .certificates_info .wrap > section.main_section > header h1 > span,
  .certificates_info .wrap > section.main_section > header h2 > span,
  .certificates_info .wrap > section.main_section > header em > span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.certificates_info .wrap > section.main_section > header h1 > .ico_rol:after,
.certificates_info .wrap > section.main_section > header h2 > .ico_rol:after,
.certificates_info .wrap > section.main_section > header em > .ico_rol:after {
  top: 1px;
}
.certificates_info .wrap > section.main_section > header h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap > section.main_section > header h1,
  .certificates_info .wrap > section.main_section > header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 640px) and only screen and (max-width: 960px) {
  .certificates_info .wrap > section.main_section > header h1,
  .certificates_info .wrap > section.main_section > header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}
.certificates_info .wrap > section.main_section > header .more {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #666666;
  margin: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 780px) {
  .certificates_info .wrap > section.main_section > header .more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 780px) {
  .certificates_info .wrap > section.main_section > header .more {
    display: block;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
}
.certificates_info .wrap > section.main_section > header .info {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin: 0.7em 0 0 0 !important;
}
.certificates_info .wrap > section.main_section > header .info.explanation {
  padding: 20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  margin-top: -1px !important;
  margin-bottom: -0.7em !important;
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap > section.main_section > header .info.explanation {
    padding: 10px;
  }
}
.certificates_info .wrap > section.main_section > header .info.explanation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
}
.certificates_info .wrap > section.main_section > header .info.ok {
  color: #3db385;
}
.certificates_info .wrap > section.main_section > header .info.error {
  color: #cc194f;
}
.certificates_info .wrap > section.main_section > header nav.order {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  padding: 0.7em 0 0.8em;
}
.certificates_info .wrap > section.main_section > header nav.order p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  margin: 0;
}
.certificates_info .wrap > section.main_section > header nav.order ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
  display: inline;
}
.certificates_info .wrap > section.main_section > header nav.order ul li {
  position: relative;
  display: inline;
  padding-right: 0.6em;
  margin-right: 0.3em;
}
.certificates_info .wrap > section.main_section > header nav.order ul li::first-letter {
  text-transform: uppercase;
}
.certificates_info .wrap > section.main_section > header nav.order ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 22%;
  width: 1px;
  height: 60%;
  background: #333333;
}
.certificates_info .wrap > section.main_section > header nav.order ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.certificates_info .wrap > section.main_section > header nav.order ul li:last-child:before {
  display: none;
}
.certificates_info .wrap > section.main_section > header nav.order ul li a {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* IE7 (hasLayout)*/
  *display: inline;
  /* IE */
}
.certificates_info .wrap > section.main_section > header nav.order ul li.active a {
  color: #09557e;
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap > section.main_section {
    float: none;
  }
}
.certificates_info .wrap.fullpage {
  padding-right: 0;
}
.certificates_info .wrap > .main_aside {
  float: right;
  margin-right: -320px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  margin-top: 40px;
  width: 300px;
}
@media only screen and (max-width: 960px) {
  .certificates_info .wrap {
    padding-right: 260px;
  }
  .certificates_info .wrap > .main_aside {
    margin-right: -260px;
    margin-top: 30px;
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap {
    padding-right: 0;
  }
  .certificates_info .wrap > .main_aside {
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    display: block;
    width: auto;
  }
}
.certificates_info .wrap .main_section {
  float: left;
  width: 100%;
}
.certificates_info .wrap .main_section header .info {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  padding-top: 0.7em;
  border-top: 1px solid #cbcbcb;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}
.certificates_info .wrap .main_section article {
  margin-bottom: 2em;
}
.certificates_info .wrap .main_section article h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  position: relative;
}
.certificates_info .wrap .main_section article .icon_certificate {
  padding-left: 40px;
}
.certificates_info .wrap .main_section article .icon_certificate:before {
  background-image: url(/_presentation/assets/img/icons/certificate.svg);
  background-repeat: no-repeat;
  width: 40px;
  content: " ";
  position: absolute;
  left: 0px;
  top: -6px;
  height: 40px;
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap .main_section article .icon_certificate:before {
    width: 30px;
    height: 30px;
  }
}
.certificates_info .wrap .main_section article .icon_secure {
  padding-left: 44px;
}
.certificates_info .wrap .main_section article .icon_secure:before {
  background-image: url(/_presentation/assets/img/icons/secure.svg);
  background-repeat: no-repeat;
  width: 40px;
  content: " ";
  position: absolute;
  left: 0px;
  top: -6px;
  height: 40px;
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap .main_section article .icon_secure:before {
    width: 30px;
    height: 30px;
  }
}
.certificates_info .wrap .main_section article p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.certificates_info .wrap .main_section article .center {
  text-align: center;
}
.certificates_info .wrap .main_section article .blue {
  color: #1d84c6;
}
.certificates_info .wrap .main_section .diploma {
  width: 100%;
  max-width: 400px;
  margin-left: 10%;
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap .main_section .diploma {
    margin-left: 0;
    max-width: 300px;
  }
}
.certificates_info .wrap aside {
  float: right;
  margin-right: -320px;
  width: 300px;
  padding: 20px;
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 13px!important;
}
@media only screen and (max-width: 640px) {
  .certificates_info .wrap aside {
    padding: 10px;
  }
}
.certificates_info .wrap aside p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.certificates_info .wrap aside .actions a {
  display: block;
}
.page_validate-certificate .errors,
.page_validate-certificate .warning,
.page_validate-certificate .valid {
  padding-top: 2em;
}
.page_validate-certificate .errors {
  color: #cc194f;
}
.page_validate-certificate .valid {
  color: #3db385;
}
#body_phrases-fntc #displayer {
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #body_phrases-fntc #displayer {
    padding-bottom: 35px;
  }
}
.page_phrases-fntc .bg_section {
  background-image: url(/_presentation/assets/img/pages/fonetic/t-shirts.jpg);
  background-position: center top;
  position: relative;
}
.page_phrases-fntc .bg_section .info {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  max-width: 766px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -40px;
  background: #1d1d1b;
  left: 0;
  right: 0;
  padding: 18px 25px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
}
.page_phrases-fntc .bg_section .info span {
  color: #22ad5b;
}
.page_phrases-fntc .bg_section header {
  position: relative;
  min-height: 460px;
  margin-bottom: 4.5em;
}
.page_phrases-fntc .bg_section header .head_info {
  padding-top: 15em;
  zoom: 1;
}
.page_phrases-fntc .bg_section header .head_info:before,
.page_phrases-fntc .bg_section header .head_info:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_phrases-fntc .bg_section header .head_info:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc .bg_section header .head_info {
    padding-top: 17em;
  }
}
.page_phrases-fntc .bg_section header .head_info .button {
  display: block;
  margin: auto;
  max-width: 330px;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2em;
  padding: 14px 5px;
  background: rgba(34, 173, 91, 0.82);
  border: 0;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
  margin-bottom: 2em;
}
.page_phrases-fntc .bg_section header .head_info h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
.page_phrases-fntc .bg_section header .head_info .social {
  display: none;
}
.page_phrases-fntc .bg_section header.small-header {
  min-height: 260px;
}
.page_phrases-fntc .bg_section header.small-header .head_info {
  padding-top: 2em;
}
.page_phrases-fntc .bg_section header.small-header .social {
  display: block;
}
.page_phrases-fntc .content {
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page_phrases-fntc .social ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  padding-top: 1em;
}
.page_phrases-fntc .social ul li {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #22ad5b;
  border-radius: 50%;
  margin-left: 8px;
  margin-right: 8px;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc .social ul li {
    width: 42px;
    height: 42px;
  }
}
.page_phrases-fntc .social ul li:hover {
  background: #1d1d1b;
}
.page_phrases-fntc .social ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2em;
}
.page_phrases-fntc .social ul li a:hover {
  color: #22ad5b !important;
}
.page_phrases-fntc .social ul li a:after {
  line-height: 2em!important;
  margin-right: 0!important;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc .social ul li a:after {
    line-height: 2.1em!important;
  }
}
.page_phrases-fntc .social ul li a.facebook:after {
  content: "\f09a";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_phrases-fntc .social ul li a.twitter:after {
  content: "\f099";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_phrases-fntc .social ul li a.googleplus:after {
  content: "\f0d5";
  font-family: 'FontAwesome';
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page_phrases-fntc section.content #steps ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  zoom: 1;
}
.page_phrases-fntc section.content #steps ul:before,
.page_phrases-fntc section.content #steps ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_phrases-fntc section.content #steps ul:after {
  clear: both;
}
.page_phrases-fntc section.content #steps ul li {
  width: 26%;
  overflow: auto;
  float: left;
  zoom: 1;
}
.page_phrases-fntc section.content #steps ul li:before,
.page_phrases-fntc section.content #steps ul li:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_phrases-fntc section.content #steps ul li:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section.content #steps ul li {
    width: 25%;
  }
}
.page_phrases-fntc section.content #steps ul li:last-child {
  width: 20%;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section.content #steps ul li:last-child {
    width: 25%;
  }
}
.page_phrases-fntc section.content #steps ul li a .cicle-content {
  max-width: 128px;
  width: 128px;
  float: left;
  padding-top: 10px;
  cursor: default;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section.content #steps ul li a .cicle-content {
    max-width: auto;
    width: auto;
    float: none;
  }
}
.page_phrases-fntc section.content #steps ul li a .cicle-content .circle {
  width: 56px;
  height: 56px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 2.5;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, #1d1d1b 50%, #22ad5b 50%);
  transition: background-position 1s;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section.content #steps ul li a .cicle-content .circle {
    width: 45px;
    height: 45px;
  }
}
.page_phrases-fntc section.content #steps ul li a .cicle-content p {
  text-align: center;
  color: #1d1d1b;
  margin-top: 5px;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section.content #steps ul li a .cicle-content p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2em;
  }
}
.page_phrases-fntc section.content #steps ul li a .line {
  width: 100%;
  max-width: 33px;
  height: 9px;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, #1d1d1b 50%, #22ad5b 50%);
  transition: background-position 1s;
  float: right;
  border-radius: 30px;
  margin-top: 35px;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section.content #steps ul li a .line {
    display: none;
  }
}
.page_phrases-fntc section.content #steps ul .green .circle,
.page_phrases-fntc section.content #steps ul .green .line {
  background: #22ad5b !important;
}
.page_phrases-fntc section.content #steps ul .animate a .cicle-content .circle {
  animation: bg 1s;
  animation-fill-mode: forwards;
}
@keyframes bg {
  100% {
    background-position: -100% 0;
  }
}
.page_phrases-fntc section.content #steps ul .animate a .line {
  animation: bg-line 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
@keyframes bg-line {
  100% {
    background-position: -100% 0;
  }
}
.page_phrases-fntc section.content #steps ul .active .circle {
  -webkit-box-shadow: 0px 0px 6px 2px rgba(34, 173, 91, 0.65);
  -moz-box-shadow: 0px 0px 6px 2px rgba(34, 173, 91, 0.65);
  box-shadow: 0px 0px 6px 2px rgba(34, 173, 91, 0.65);
}
.page_phrases-fntc section#bg-gray {
  background-image: url(/_presentation/assets/img/pages/fonetic/bg.jpg);
  position: relative;
  margin-top: 6em;
  padding-top: 6em;
}
.page_phrases-fntc section#bg-gray #counter {
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.2em;
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  color: #ffffff;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding: 10px;
  border-radius: 50px;
  top: -43px;
  background: #1d1d1b;
  max-width: 197px;
  text-align: center;
}
.page_phrases-fntc section#bg-gray #counter p {
  display: inline-block;
}
.page_phrases-fntc section#bg-gray #counter span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
}
.page_phrases-fntc section#bg-gray article.content {
  zoom: 1;
  padding-bottom: 6em;
}
.page_phrases-fntc section#bg-gray article.content:before,
.page_phrases-fntc section#bg-gray article.content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.page_phrases-fntc section#bg-gray article.content:after {
  clear: both;
}
.page_phrases-fntc section#bg-gray article.content h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  text-align: center;
}
.page_phrases-fntc section#bg-gray article.content h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 1.5em;
  text-align: center;
}
.page_phrases-fntc section#bg-gray article.content h3 strong {
  color: #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content .form .actions .button {
  background: #22ad5b;
  border: 1px solid #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content .form .actions .button:hover {
  background: rgba(34, 173, 91, 0.8);
}
.page_phrases-fntc section#bg-gray article.content .button {
  background: #22ad5b;
  border: 1px solid #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content .button:hover {
  background: rgba(34, 173, 91, 0.8);
}
.page_phrases-fntc section#bg-gray article.content #step-one form .fields .field {
  position: relative;
}
.page_phrases-fntc section#bg-gray article.content #step-one form .fields .field .help {
  position: absolute;
  margin-right: 0;
  top: 6px;
  right: 20px;
  width: auto;
  color: #cc194f;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login {
  max-width: 460px;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .page_phrases-fntc section#bg-gray article.content #step-one .login {
    float: none;
    max-width: 100%;
  }
}
.page_phrases-fntc section#bg-gray article.content #step-one .login header {
  text-align: center;
  margin-bottom: 1em;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login form {
  background: #1d1d1b;
  width: 100%;
  padding: 3em;
  box-sizing: border-box;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login form .none {
  display: none;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login form label {
  color: #ffffff;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login form .fields .field {
  padding-left: 0;
  padding-right: 0;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login form input[type="checkbox"]:checked + label:before {
  background: #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login form .actions {
  margin-left: 0;
}
.page_phrases-fntc section#bg-gray article.content #step-one .login form .actions .button {
  width: 100%;
  margin-bottom: 1em;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup {
  max-width: 460px;
  float: right;
}
@media only screen and (max-width: 960px) {
  .page_phrases-fntc section#bg-gray article.content #step-one .signup {
    float: none;
    max-width: 100%;
  }
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup header {
  text-align: center;
  margin-bottom: 1em;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form {
  width: 100%;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .none {
  display: none;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form input[type="radio"]:checked + label:before,
.page_phrases-fntc section#bg-gray article.content #step-one .signup form input[type="checkbox"]:checked + label:before {
  background: #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .fields .field {
  padding-left: 0;
  padding-right: 0;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .ui-selectmenu-button,
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .ui-selectmenu-button[style] {
  background: #ffffff;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form #signup_email {
  height: 1.7em;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2em;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form #student_language label,
.page_phrases-fntc section#bg-gray article.content #step-one .signup form #teacher_language label {
  margin-left: 0;
  text-align: left;
  width: 100%;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form #student_language .help,
.page_phrases-fntc section#bg-gray article.content #step-one .signup form #teacher_language .help {
  top: 0;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form #signup_map_error {
  top: 0;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form #map {
  width: 100%!important;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .label-in .input {
  width: 56%;
  margin-left: 20px;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section#bg-gray article.content #step-one .signup form .label-in .input {
    margin-left: 70px;
  }
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .label-in .label {
  width: auto;
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .page_phrases-fntc section#bg-gray article.content #step-one .signup form .label-in .label {
    width: 76px;
    float: left;
  }
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .label-in .code {
  width: 64%;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .signup_disclaimer {
  float: left;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .signup_disclaimer:before {
  margin-top: 4px;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .conditions {
  float: left;
  width: 90%;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .conditions a {
  color: #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content #step-one .signup form .actions {
  margin-left: 0;
  margin-bottom: 2em;
}
.page_phrases-fntc section#bg-gray article.content #step-two {
  text-align: center;
}
.page_phrases-fntc section#bg-gray article.content #step-two .congratulations {
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
}
.page_phrases-fntc section#bg-gray article.content #step-two .congratulations span {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_phrases-fntc section#bg-gray article.content #step-two p.info {
  text-align: left;
  display: block;
  margin-bottom: 1em;
}
.page_phrases-fntc section#bg-gray article.content #step-two p.info strong {
  color: #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content #step-two ul {
  list-style: disc;
}
.page_phrases-fntc section#bg-gray article.content #step-two ul li {
  text-align: left;
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_phrases-fntc section#bg-gray article.content #step-two .left {
  float: left;
}
@media only screen and (max-width: 780px) {
  .page_phrases-fntc section#bg-gray article.content #step-two .left {
    float: none;
  }
}
.page_phrases-fntc section#bg-gray article.content #step-two .right {
  float: right;
}
@media only screen and (max-width: 780px) {
  .page_phrases-fntc section#bg-gray article.content #step-two .right {
    float: none;
  }
}
.page_phrases-fntc section#bg-gray article.content #step-two .form label {
  display: none;
}
.page_phrases-fntc section#bg-gray article.content #step-two .form textarea {
  max-width: 665px;
  resize: none;
  height: 125px!important;
  color: #666666;
}
.page_phrases-fntc section#bg-gray article.content #step-two .form .help {
  width: auto;
  margin-right: 0;
  text-align: right;
  color: #cc194f;
}
.page_phrases-fntc section#bg-gray article.content #step-two .form .actions {
  margin-left: 0;
}
.page_phrases-fntc section#bg-gray article.content #step-three {
  text-align: center;
}
.page_phrases-fntc section#bg-gray article.content #step-three .explanation {
  margin-bottom: 1.5em;
  text-align: center;
}
.page_phrases-fntc section#bg-gray article.content #step-three .explanation strong {
  font-family: 'LatoBlack', 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2em;
  display: block;
  margin: 0.1em 0;
}
.page_phrases-fntc section#bg-gray article.content #step-three .explanation .lang {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios {
  margin-top: 0.5em;
}
@media only screen and (max-width: 780px) {
  .page_phrases-fntc section#bg-gray article.content #step-three .radios {
    padding-top: 1em;
  }
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios .radio {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(/_presentation/assets/img/icons/faces.svg);
  background-size: 184px auto;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios input[type=radio] {
  display: none;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios .happy {
  background-position: -146px 1px;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios .surprise {
  background-position: -91px 1px;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios .sad {
  background-position: -43px 1px;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios .angry {
  background-position: 0px 1px;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios input[type=radio]:checked + .happy {
  background-position: -147px -43px;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios input[type=radio]:checked + .surprise {
  background-position: -91px -43px;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios input[type=radio]:checked + .sad {
  background-position: -43px -43px;
}
.page_phrases-fntc section#bg-gray article.content #step-three .radios input[type=radio]:checked + .angry {
  background-position: 0px -43px;
}
.page_phrases-fntc section#bg-gray article.content #step-four div#info-end {
  background: #1d1d1b;
  max-width: 900px;
  margin-top: 1.5em;
  padding: 2em 4em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.page_phrases-fntc section#bg-gray article.content #step-four div#info-end p {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
}
.page_phrases-fntc section#bg-gray article.content #step-four div#info-end p.green {
  color: #22ad5b;
}
.page_phrases-fntc section#bg-gray article.content #step-four div#info-end .social {
  margin-top: -12px;
}
.page_phrases-fntc section#bg-gray article#instructions {
  background: rgba(255, 255, 255, 0.71);
  padding: 2em 0;
}
.page_phrases-fntc section#bg-gray article#instructions header {
  margin-bottom: 1em;
}
.page_phrases-fntc section#bg-gray article#instructions p {
  font-family: 'LatoLight', 'Lato', Arial, sans-serif;
  font-weight: normal;
}
.page_phrases-fntc section#bg-gray article#instructions p span {
  color: #22ad5b;
  font-family: 'LatoMedium', 'Lato', Arial, sans-serif;
  font-weight: normal;
}