/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 1;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*:focus {
  outline: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="submit"],
input[type="number"],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  background: none;
  color: #000;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
input,
textarea,
button,
select,
label,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
html {
  -webkit-text-size-adjust: 100%;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}
.vertical-align:before {
  content: '';
  display: inline-block;
  width: 0.1px;
  height: 100%;
  vertical-align: middle;
}
@-moz-keyframes animationRubberBand {
  from {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -moz-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -moz-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -moz-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -moz-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -moz-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes animationRubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes animationRubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes animationBounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -moz-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }
  20% {
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -moz-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -moz-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes animationBounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes animationBounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    -moz-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes animationWobble {
  from {
    -moz-transform: none;
    transform: none;
  }
  15% {
    -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -moz-transform: none;
    transform: none;
  }
}
@-webkit-keyframes animationWobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes animationWobble {
  from {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@-moz-keyframes animationTada {
  from {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes animationTada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes animationTada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes animationSwing {
  20% {
    -moz-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -moz-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -moz-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -moz-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes animationSwing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes animationSwing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -moz-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -moz-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -moz-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -moz-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-moz-keyframes animationShake {
  from, to {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes animationShake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes animationShake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-moz-keyframes animationPulse {
  from {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes animationPulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes animationPulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes animationFlash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes animationFlash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes animationFlash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-moz-keyframes animationRebound {
  from, 20%, 53%, 80%, to {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -moz-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes animationRebound {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes animationRebound {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-moz-keyframes animationTop {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -moz-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  15% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -moz-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  35% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationTop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  15% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  35% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes animationTop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  15% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  35% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes animationLeft {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16% {
    -moz-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  32% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  48% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  64% {
    -moz-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  80% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  32% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  64% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes animationLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  32% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  64% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes animationRight {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16% {
    -moz-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  32% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  48% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  64% {
    -moz-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  80% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  32% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  64% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes animationRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  32% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  64% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes animationColor {
  0% {
    color: #3f51b5;
  }
  10% {
    color: #673ab7;
  }
  20% {
    color: #9c27b0;
  }
  30% {
    color: #e91e63;
  }
  40% {
    color: #f44336;
  }
  50% {
    color: #ff9800;
  }
  60% {
    color: #ffc107;
  }
  70% {
    color: #ffeb3b;
  }
  80% {
    color: #cddc39;
  }
  90% {
    color: #8bc34a;
  }
  100% {
    color: #3f51b5;
  }
}
@-webkit-keyframes animationColor {
  0% {
    color: #3f51b5;
  }
  10% {
    color: #673ab7;
  }
  20% {
    color: #9c27b0;
  }
  30% {
    color: #e91e63;
  }
  40% {
    color: #f44336;
  }
  50% {
    color: #ff9800;
  }
  60% {
    color: #ffc107;
  }
  70% {
    color: #ffeb3b;
  }
  80% {
    color: #cddc39;
  }
  90% {
    color: #8bc34a;
  }
  100% {
    color: #3f51b5;
  }
}
@keyframes animationColor {
  0% {
    color: #3f51b5;
  }
  10% {
    color: #673ab7;
  }
  20% {
    color: #9c27b0;
  }
  30% {
    color: #e91e63;
  }
  40% {
    color: #f44336;
  }
  50% {
    color: #ff9800;
  }
  60% {
    color: #ffc107;
  }
  70% {
    color: #ffeb3b;
  }
  80% {
    color: #cddc39;
  }
  90% {
    color: #8bc34a;
  }
  100% {
    color: #3f51b5;
  }
}
@-moz-keyframes animationUpDown {
  0%, 100% {
    margin-bottom: 10px;
  }
  50% {
    margin-bottom: 0;
  }
}
@-webkit-keyframes animationUpDown {
  0%, 100% {
    margin-bottom: 10px;
  }
  50% {
    margin-bottom: 0;
  }
}
@keyframes animationUpDown {
  0%, 100% {
    margin-bottom: 10px;
  }
  50% {
    margin-bottom: 0;
  }
}
@-moz-keyframes animationBounceDown {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes animationBounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes animationBounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-moz-keyframes animationPopup {
  from {
    opacity: 0;
    -moz-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  to {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes animationPopup {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes animationPopup {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    -moz-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@font-face {
  font-family: 'ubuntu-light';
  src: url("../fonts//ubuntu-light/ubuntu-light.eot");
  src: url("../fonts//ubuntu-light/ubuntu-light.eot?#iefix") format('embedded-opentype'), url("../fonts//ubuntu-light/ubuntu-light.woff2") format('woff2'), url("../fonts//ubuntu-light/ubuntu-light.woff") format('woff'), url("../fonts//ubuntu-light/ubuntu-light.ttf") format('truetype'), url("../fonts//ubuntu-light/ubuntu-light.svg#ubuntu-light") format('svg');
  font-weight: weight;
  font-style: normal;
}
@font-face {
  font-family: 'ubuntu-regular';
  src: url("../fonts//ubuntu-regular/ubuntu-regular.eot");
  src: url("../fonts//ubuntu-regular/ubuntu-regular.eot?#iefix") format('embedded-opentype'), url("../fonts//ubuntu-regular/ubuntu-regular.woff2") format('woff2'), url("../fonts//ubuntu-regular/ubuntu-regular.woff") format('woff'), url("../fonts//ubuntu-regular/ubuntu-regular.ttf") format('truetype'), url("../fonts//ubuntu-regular/ubuntu-regular.svg#ubuntu-regular") format('svg');
  font-weight: weight;
  font-style: normal;
}
@font-face {
  font-family: 'ubuntu-medium';
  src: url("../fonts//ubuntu-medium/ubuntu-medium.eot");
  src: url("../fonts//ubuntu-medium/ubuntu-medium.eot?#iefix") format('embedded-opentype'), url("../fonts//ubuntu-medium/ubuntu-medium.woff2") format('woff2'), url("../fonts//ubuntu-medium/ubuntu-medium.woff") format('woff'), url("../fonts//ubuntu-medium/ubuntu-medium.ttf") format('truetype'), url("../fonts//ubuntu-medium/ubuntu-medium.svg#ubuntu-medium") format('svg');
  font-weight: weight;
  font-style: normal;
}
@font-face {
  font-family: 'ubuntu-bold';
  src: url("../fonts//ubuntu-bold/ubuntu-bold.eot");
  src: url("../fonts//ubuntu-bold/ubuntu-bold.eot?#iefix") format('embedded-opentype'), url("../fonts//ubuntu-bold/ubuntu-bold.woff2") format('woff2'), url("../fonts//ubuntu-bold/ubuntu-bold.woff") format('woff'), url("../fonts//ubuntu-bold/ubuntu-bold.ttf") format('truetype'), url("../fonts//ubuntu-bold/ubuntu-bold.svg#ubuntu-bold") format('svg');
  font-weight: weight;
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
  font-size: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  height: 100%;
  font-family: 'ubuntu-regular', Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.25em;
  color: #000;
  background: #fff;
}
section.top a {
  display: block;
  height: 110px;
  background-color: #fff;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
header.header {
  padding: 30px 0 25px;
  border-top: 6px solid #189db5;
}
header.header .wrapper {
  margin: 0 auto;
  width: 1280px;
}
header.header .logo,
header.header .top-menu,
header.header .other {
  padding: 0 20px;
  float: left;
}
header.header .logo {
  width: 25%;
}
header.header .logo a {
  display: inline-block;
  text-decoration: none;
}
header.header .logo a .brand {
  display: block;
  font-size: 2em;
  line-height: 1em;
}
header.header .logo a .brand .blue,
header.header .logo a .brand .black {
  display: block;
  float: left;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
header.header .logo a .brand .blue {
  font-family: 'ubuntu-bold';
  color: #189db5;
}
header.header .logo a .brand .black {
  font-family: 'ubuntu-medium';
  color: #000;
}
header.header .logo a .caption {
  padding: 4px 0 0 2px;
  display: block;
  font-family: 'ubuntu-light';
  font-size: 0.5625em;
  line-height: 1em;
  color: #393939;
  text-transform: uppercase;
}
.no-touch header.header .logo a:hover .blue {
  color: #000;
}
.no-touch header.header .logo a:hover .black {
  color: #189db5;
}
header.header .top-menu {
  width: 55%;
}
header.header .top-menu ul li {
  padding: 0 10px;
  float: left;
}
header.header .top-menu ul li a {
  display: block;
  font-family: 'ubuntu-bold';
  font-size: 0.875em;
  line-height: 40px;
  color: #393939;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
.no-touch header.header .top-menu ul li a:hover,
.no-touch header.header .top-menu ul li a.active {
  color: #189db5;
}
header.header .top-menu .top-menu-pull {
  display: none;
  font-family: 'ubuntu-bold';
  font-size: 0.875em;
  line-height: 40px;
  color: #189db5;
  text-decoration: none;
  text-transform: uppercase;
}
header.header .top-menu .top-menu-pull .icon {
  margin: 0 4px -2px 0;
  display: inline-block;
  width: 15px;
  height: 17px;
  background-image: url("../images/sprites.png");
  background-position: -77px -18px;
}
header.header .other {
  padding-top: 5px;
  width: 20%;
}
header.header .other .city,
header.header .other .buttons {
  padding: 0 5px;
  float: left;
}
header.header .other .city {
  width: 58.33%;
}
header.header .other .city .select {
  height: 30px;
  background: #e8e8e8;
  overflow: hidden;
  position: relative;
}
header.header .other .city .select select {
  padding: 0 10px;
  background: transparent;
  border: none;
  font-family: 'ubuntu-regular';
  font-size: 1em;
  color: #189db5;
  height: 30px;
  width: 120%;
}
header.header .other .city .select .icon {
  display: block;
  width: 10px;
  height: 6px;
  background-image: url("../images/sprites.png");
  background-position: -95px -29px;
  position: absolute;
  top: 13px;
  right: 10px;
  pointer-events: none;
}
header.header .other .buttons {
  width: 41.66%;
}
header.header .other .buttons li {
  width: 33.33%;
  float: left;
  padding: 0 0 0 5px;
}
header.header .other .buttons li .button {
  padding: 4px 0 0 0;
  display: block;
  height: 30px;
  background: #e8e8e8;
  text-align: center;
}
header.header .other .buttons li .button.button-search {
  background-color: #fff;
}
header.header .other .buttons li .button.button-vk {
  background-color: #45668e;
}
header.header .other .buttons li .button.button-facebook {
  background-color: #3b5998;
}
header.header .other .buttons li .button .icon {
  display: inline-block;
}
header.header .other .buttons li .button .icon.icon-search {
  width: 20px;
  height: 20px;
  background-image: url("../images/sprites.png");
  background-position: -53px -44px;
}
header.header .other .buttons li .button .icon.icon-vk {
  margin: 4px 0 0 0;
  width: 22px;
  height: 13px;
  background-image: url("../images/sprites.png");
  background-position: 0px -72px;
}
header.header .other .buttons li .button .icon.icon-facebook {
  margin: 1px 0 0 0;
  width: 10px;
  height: 19px;
  background-image: url("../images/sprites.png");
  background-position: -95px 0px;
}
@media screen and (max-width: 1260px) {
  header.header .wrapper {
    margin: 0;
    width: 100%;
  }
  header.header .logo {
    width: 300px;
  }
  header.header .top-menu {
    width: 160px;
    position: relative;
    float: left;
  }
  header.header .top-menu ul {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: 280px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    z-index: 1000;
  }
  header.header .top-menu ul.active {
    display: block;
  }
  header.header .top-menu ul li {
    float: none;
    border-bottom: 1px solid #eee;
    text-align: left;
  }
  header.header .top-menu ul li a {
    padding: 10px;
    line-height: 1.125em;
  }
  header.header .top-menu .top-menu-pull {
    display: block;
  }
  header.header .other {
    width: 300px;
    float: right;
  }
}
@media screen and (max-width: 768px) {
  header.header {
    padding: 20px 0 20px;
  }
  header.header .logo,
  header.header .top-menu,
  header.header .other {
    padding: 0 15px;
  }
  header.header .logo {
    width: 66.66%;
  }
  header.header .logo a .brand {
    font-size: 1.5em;
  }
  header.header .top-menu {
    width: 33.33%;
    text-align: right;
  }
  header.header .top-menu .top-menu-pull {
    font-size: 1em;
    line-height: 32px;
  }
  header.header .other {
    padding-top: 20px;
    width: 100%;
  }
  header.header .other .city,
  header.header .other .buttons {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  header.header {
    padding: 20px 0 20px;
  }
  header.header .logo,
  header.header .top-menu,
  header.header .other {
    padding: 0 10px;
  }
  header.header .other {
    padding-top: 10px;
  }
}
section.search {
  display: none;
}
section.search.active {
  display: block;
}
section.search .wrapper {
  margin: 0 auto 20px auto;
  padding: 0 20px;
  width: 1280px;
}
section.search .wrapper .form {
  margin-top: -20px;
  width: 600px;
  float: right;
}
section.search .wrapper .form input[type=search],
section.search .wrapper .form button[type=submit] {
  float: left;
  padding: 0 10px;
  display: block;
  font-family: 'ubuntu-regular';
  font-size: 1em;
  height: 48px;
  border: none;
}
section.search .wrapper .form input[type=search] {
  width: 58.33%;
  background: #fff;
  border: 1px solid #e8e8e8;
}
section.search .wrapper .form button[type=submit] {
  width: 41.66%;
  background: #189db5;
}
@media screen and (max-width: 1260px) {
  section.search .wrapper {
    margin: 0 0 20px 0;
    width: 100%;
  }
  section.search .wrapper .form {
    margin-top: -20px;
    width: 600px;
    float: right;
  }
  section.search .wrapper .form input[type=search],
  section.search .wrapper .form button[type=submit] {
    float: left;
    padding: 0 10px;
    display: block;
    font-family: 'ubuntu-regular';
    font-size: 1em;
    height: 48px;
    border: none;
  }
  section.search .wrapper .form input[type=search] {
    width: 58.33%;
    background: #fff;
    border: 1px solid #e8e8e8;
  }
  section.search .wrapper .form button[type=submit] {
    width: 41.66%;
    color: #fff;
    background: #189db5;
  }
}
@media screen and (max-width: 768px) {
  section.search .wrapper {
    padding: 0 15px;
  }
  section.search .wrapper .form {
    margin-top: 0;
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 480px) {
  section.search .wrapper {
    padding: 0 10px;
  }
}
section.language {
  margin: 0 0 20px 0;
  background: #e8e8e8;
}
section.language .wrapper {
  margin: 0 auto;
  width: 1280px;
}
section.language .language-menu {
  padding: 0 20px;
}
section.language .language-menu > ul {
  position: relative;
  height: 48px;
}
section.language .language-menu > ul > li {
  float: left;
}
section.language .language-menu > ul > li > a {
  padding: 0 15px;
  display: block;
  font-family: 'ubuntu-regular';
  font-size: 1.125em;
  color: #000;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
}
.no-touch section.language .language-menu > ul > li > a:hover,
section.language .language-menu > ul > li > a.active {
  color: #fff;
  background: #189db5;
}
section.language .language-menu > ul > li.pull {
  position: absolute;
  top: 0;
  text-align: center;
  background: #e8e8e8;
}
section.language .language-menu > ul > li.pull.all {
  right: 160px;
}
section.language .language-menu > ul > li.pull.services {
  right: 0;
}
section.language .language-menu > ul > li.pull a {
  width: 160px;
}
section.language .language-menu > ul > li.pull a .icon {
  margin: 0 4px -2px 0;
  display: inline-block;
  width: 15px;
  height: 17px;
  background-image: url("../images/sprites.png");
  background-position: -77px -18px;
}
.no-touch section.language .language-menu > ul > li.pull a:hover .icon {
  width: 15px;
  height: 17px;
  background-image: url("../images/sprites.png");
  background-position: -77px -35px;
}
section.language .language-menu > ul > li > ul {
  display: none;
  position: absolute;
  top: 48px;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
  box-shadow: 0 2px 8px rgba(0,0,0,0.5);
  z-index: 1000;
}
section.language .language-menu > ul > li > ul > li {
  float: none;
  line-height: 1em;
  height: auto;
  text-align: left;
  border-bottom: 1px solid #eee;
}
section.language .language-menu > ul > li > ul > li > a {
  display: block;
  padding: 10px;
  color: #000;
  line-height: 1.125em;
  text-decoration: none;
}
.no-touch section.language .language-menu > ul > li > ul > li > a:hover {
  color: #189db5;
}
section.language .language-menu > ul > li:hover {
  color: #fff;
  background: #189db5;
}
section.language .language-menu > ul > li:hover > a {
  color: #fff;
}
section.language .language-menu > ul > li:hover > a .icon {
  width: 15px;
  height: 17px;
  background-image: url("../images/sprites.png");
  background-position: -77px -35px;
}
section.language .language-menu > ul > li:hover > ul {
  display: block;
}
@media screen and (max-width: 1260px) {
  section.language .wrapper {
    margin: 0;
    width: 100%;
  }
  section.language .language-menu {
    padding: 0;
  }
  section.language .language-menu ul li {
    display: none;
  }
  section.language .language-menu ul li.pull {
    display: block;
    position: relative;
    top: auto;
    text-align: left;
    width: 50%;
    float: left;
  }
  section.language .language-menu ul li.pull.all {
    right: auto;
  }
  section.language .language-menu ul li.pull.services {
    right: auto;
  }
  section.language .language-menu ul li.pull > a {
    padding: 0 20px;
    width: 100%;
  }
  section.language .language-menu ul li ul {
    width: 100%;
  }
  section.language .language-menu ul li ul li {
    display: block;
  }
  section.language .language-menu ul li ul li a {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  section.language .language-menu ul li.pull > a {
    padding: 0 15px;
  }
  section.language .language-menu ul li a {
    padding: 0 15px;
  }
}
@media screen and (max-width: 480px) {
  section.language .language-menu ul li.pull > a {
    padding: 0 10px;
  }
  section.language .language-menu ul li a {
    padding: 0 10px;
  }
  section.language .language-menu ul li a ul li a {
    padding: 10px 10px;
  }
}
section.subscribe {
  background: #e8e8e8;
  background: rgba(232,232,232,0.5);
  height: 48px;
}
section.subscribe .wrapper {
  margin: 0 auto;
  width: 1280px;
}
section.subscribe .caption,
section.subscribe .form {
  padding: 8px 20px 0;
  float: left;
}
section.subscribe .caption {
  width: 66.66%;
  line-height: 32px;
}
section.subscribe .caption strong {
  font-family: 'ubuntu-bold';
  color: #189db5;
}
section.subscribe .form {
  padding-right: 68px;
  position: relative;
  width: 33.33%;
}
section.subscribe .form .input,
section.subscribe .form .submit {
  float: left;
}
section.subscribe .form .input {
  width: 58.33%;
}
section.subscribe .form .input input[type=email] {
  padding: 0 10px;
  display: block;
  width: 100%;
  height: 32px;
  font-family: 'ubuntu-regular';
  font-size: 1em;
  color: #000;
  background: #fff;
  border: none;
}
section.subscribe .form .submit {
  width: 41.66%;
}
section.subscribe .form .submit button[type=submit] {
  display: block;
  width: 100%;
  height: 32px;
  font-family: 'ubuntu-bold';
  font-size: 1em;
  color: #fff;
  background: #189db5;
  border: none;
}
section.subscribe .form .close {
  padding: 4px 0 0 0;
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #a8a8a8;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 9px;
  right: 20px;
}
section.subscribe .form .close .icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../images/sprites.png");
  background-position: -95px -19px;
}
@media screen and (max-width: 1260px) {
  section.subscribe {
    height: auto;
  }
  section.subscribe .wrapper {
    margin: 0;
    width: 100%;
  }
  section.subscribe .caption,
  section.subscribe .form {
    padding: 10px 20px;
  }
  section.subscribe .caption {
    width: 50%;
    line-height: 1.125em;
  }
  section.subscribe .form {
    padding-right: 68px;
    position: relative;
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  section.subscribe .caption,
  section.subscribe .form {
    padding: 10px 15px;
  }
  section.subscribe .caption {
    width: 100%;
    float: none;
    line-height: 1.125em;
  }
  section.subscribe .form {
    padding-right: 63px;
    width: 100%;
    float: none;
    position: relative;
  }
  section.subscribe .form .close {
    right: 15px;
  }
}
@media screen and (max-width: 480px) {
  section.subscribe .caption,
  section.subscribe .form {
    padding: 10px 10px;
  }
  section.subscribe .form {
    padding-right: 58px;
  }
  section.subscribe .form .close {
    right: 10px;
  }
}
section.fresh .wrapper {
  margin: 0 auto;
  width: 1280px;
}
section.fresh h2 {
  padding: 30px 20px;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
section.fresh .items .materials,
section.fresh .items .today {
  float: left;
}
section.fresh .items .materials {
  width: 75%;
}
section.fresh .items .materials .item {
  margin: 0 0 40px 0;
  padding: 0 20px;
  float: left;
  width: 33.33%;
}
section.fresh .items .materials .item .material {
  display: block;
  position: relative;
}
section.fresh .items .materials .item .material .image {
  display: block;
}
section.fresh .items .materials .item .material .image:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(57,57,57,0.5);
}
section.fresh .items .materials .item .material .image img {
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
}
section.fresh .items .materials .item .material .info {
  padding: 15px;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
section.fresh .items .materials .item .material .info .date {
  display: block;
  color: #e8e8e8;
  font-size: 0.875em;
}
section.fresh .items .materials .item .material .info .title {
  margin: 0 0 10px 0;
  display: block;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  color: #fff;
}
section.fresh .items .materials .item .material .info .tags {
  display: block;
}
section.fresh .items .materials .item .material .info .tags .tag {
  margin: 0 4px 4px 0;
  padding: 0 10px;
  display: inline-block;
  height: 20px;
  font-size: 0.5625em;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
}
section.fresh .items .materials .item .material .info .tags .tag.blue {
  background: rgba(24,157,181,0.8);
}
section.fresh .items .materials .item .material .info .tags .tag.red {
  background: rgba(216,71,56,0.8);
}
section.fresh .items .today {
  width: 25%;
}
section.fresh .items .today .item {
  position: relative;
  padding: 0 20px 0;
}
section.fresh .items .today .item .info {
  position: relative;
  top: 0;
  /*left: 20px;
  right: 20px;*/
  background: #fff;
}
section.fresh .items .today .item .info .heading {
  margin: 0 0 10px 0;
  padding: 0 0 0 52px;
}
section.fresh .items .today .item .info .heading .icon {
  display: block;
  width: 33px;
  height: 33px;
  background-image: url("../images/sprites.png");
  background-position: -44px 0px;
  position: absolute;
  top: 4px;
  left: 0;
}
section.fresh .items .today .item .info .heading .date {
  font-size: 0.8125em;
}
section.fresh .items .today .item .info .heading .title {
  font-family: 'ubuntu-bold';
}
section.fresh .items .today .item .info .description {
  margin: 0 0 20px 0;
  font-size: 0.75em;
  color: #a8a8a8;
  line-height: 1.125em;
}
section.fresh .items .today .item .info .description a {
  display: inline-block;
  color: #189db5;
}
section.fresh .items .today .item .image img {
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
}
section.fresh .buttons {
  padding: 0 0 30px 0;
}
section.fresh .buttons .button.plus {
  margin: 0 auto;
  padding: 25px 0 0 0;
  display: block;
  text-align: center;
  width: 94px;
  height: 94px;
  background: #189db5;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
section.fresh .buttons .button.plus .circle {
  padding: 12px 0 0 0;
  display: inline-block;
  width: 44px;
  height: 44px;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
section.fresh .buttons .button.plus .circle .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/sprites.png");
  background-position: -77px 0px;
}
@media screen and (max-width: 1260px) {
  section.fresh .wrapper {
    margin: 0;
    width: 100%;
  }
  section.fresh .items .materials .item .material .info .date {
    font-size: 0.7em;
  }
  section.fresh .items .materials .item .material .info .title {
    font-size: 1.25em;
  }
  section.fresh .items .materials .item .material .info .tags .tag {
    font-size: 0.5em;
  }
  section.fresh .items .today .item .info .heading .date {
    font-size: 0.7em;
  }
  section.fresh .items .today .item .info .heading .title {
    font-family: 'ubuntu-bold';
    font-size: 0.875em;
    line-height: 1em;
  }
  section.fresh .items .today .item .info .description {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 1024px) {
  section.fresh h2 {
    padding: 30px 20px;
    font-size: 1.375em;
  }
  section.fresh .items .materials {
    width: 66.66%;
  }
  section.fresh .items .materials .item {
    margin: 0 0 40px 0;
    padding: 0 20px;
    width: 50%;
  }
  section.fresh .items .today {
    width: 33.33%;
  }
  section.fresh .items .today .item {
    padding: 0 20px 0;
  }
  section.fresh .items .today .item .info {
    left: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  section.fresh h2 {
    padding: 30px 15px;
    font-size: 1.375em;
  }
  section.fresh .items .materials {
    width: 100%;
    float: none;
  }
  section.fresh .items .materials .item {
    margin: 0 0 30px 0;
    padding: 0 15px;
    width: 33.33%;
  }
  section.fresh .items .today {
    margin: 0 0 20px 0;
    width: 100%;
    float: none;
  }
  section.fresh .items .today .item {
    margin: 0 auto;
    padding: 30px 15px 0;
  }
  section.fresh .items .today .item .info {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
  section.fresh .items .today .item .info .heading .date {
    font-size: 1em;
  }
  section.fresh .items .today .item .info .heading .title {
    font-size: 1.25em;
  }
  section.fresh .items .today .item .info .description {
    padding: 0 0 0 52px;
    font-size: 1em;
    line-height: 1.125em;
  }
  section.fresh .items .today .item .image {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  section.fresh .items .materials .item {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  section.fresh .items .materials .item {
    margin: 0 0 10px 0;
    padding: 0 10px;
    width: 100%;
    float: none;
  }
  section.fresh .items .today .item {
    padding: 20px 10px 0;
  }
}
section.mapping {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 320px;
  position: relative;
}
section.mapping.mapping-courses {
  background-image: url("../images/map-bg-one.png");
}
section.mapping.mapping-languages {
  background-image: url("../images/map-bg-two.png");
}
section.mapping:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
}
section.mapping .wrapper {
  margin: 0 auto;
  padding: 96px 0 0 0;
  width: 1280px;
  text-align: center;
  z-index: 10;
  position: relative;
}
section.mapping h2 {
  margin: 0 0 30px 0;
  font-family: 'ubuntu-medium';
  font-size: 1.875em;
  color: #fff;
}
section.mapping h2 .header,
section.mapping h2 .subtitle {
  display: block;
}
section.mapping h2 .header {
  margin: 0 0 20px 0;
  text-transform: uppercase;
}
section.mapping .button {
  padding: 0 20px 0 58px;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  font-family: 'ubuntu-medium';
  font-size: 1.125em;
  color: #fff;
  background: #189db5;
  text-decoration: none;
  position: relative;
}
section.mapping .button .icon {
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
}
section.mapping .button .icon.icon-search {
  width: 25px;
  height: 25px;
  background-image: url("../images/sprites.png");
  background-position: -28px -44px;
}
section.mapping .button .icon.icon-earth {
  width: 28px;
  height: 28px;
  background-image: url("../images/sprites.png");
  background-position: 0px -44px;
}
@media screen and (max-width: 1260px) {
  section.mapping .wrapper {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  section.mapping {
    padding: 0;
    height: auto;
  }
  section.mapping .wrapper {
    padding: 100px 15px;
  }
  section.mapping h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
}
section.articles {
  padding: 0 0 60px 0;
  background: #e8e8e8;
}
section.articles .wrapper {
  margin: 0 auto;
  width: 1280px;
}
section.articles .quotations,
section.articles .ratings {
  width: 50%;
  float: left;
}
section.articles .quotations h2,
section.articles .ratings h2 {
  padding: 30px 20px;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  text-transform: uppercase;
  color: #000;
}
section.articles .quotations .item,
section.articles .ratings .item {
  padding: 0 20px;
  float: left;
  width: 50%;
  position: relative;
}
section.articles .quotations .buttons,
section.articles .ratings .buttons {
  padding: 0 20px;
}

#edit-submit-film,
section.populars .wrapper .node .main .button,
section.articles .quotations .buttons .button,
section.articles .ratings .buttons .button,
.buy-btn {
  padding: 0 30px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-family: 'ubuntu-medium';
  font-size: 1em;
  color: #fff;
  background: #189db5;
  text-decoration: none;
  border: 0;
}
#edit-submit-film:hover,
section.populars .wrapper .node .main .button:hover,
section.articles .quotations .buttons .button:hover,
section.articles .ratings .buttons .button:hover,
.buy-btn:hover {
background: #1fb9d5;
  }
section.articles .quotations .item {
  margin: 0 0 40px 0;
}
section.articles .quotations .item .quotation {
  display: block;
  position: relative;
}
section.articles .quotations .item .quotation .image {
  display: block;
}
section.articles .quotations .item .quotation .image:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(57,57,57,0.5);
}
section.articles .quotations .item .quotation .image img {
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
}
section.articles .quotations .item .quotation .info {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
section.articles .quotations .item .quotation .info .language {
  padding: 0 10px 0 15px;
  display: inline-block;
  height: 20px;
  font-size: 0.5625em;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  background: rgba(24,157,181,0.8);
}
section.articles .quotations .item .quotation .info .caption {
  padding: 15px;
  display: block;
  background: #fff;
}
section.articles .quotations .item .quotation .info .caption .title {
  display: block;
  font-family: 'ubuntu-medium';
  font-size: 1.5em;
  line-height: 1em;
  color: #000;
}
section.articles .quotations .item .quotation .info .caption .description {
  display: block;
  overflow: hidden;
  padding-top: 15px;
  height: 0;
  font-size: 0.75em;
  color: #959595;
  text-decoration: underline;
}
.no-touch section.articles .quotations .item .quotation:hover .info .caption .description {
  height: auto;
}
section.articles .ratings .item {
  margin: 0 0 40px 0;
}
section.articles .ratings .item .rating {
  display: block;
  position: relative;
}
section.articles .ratings .item .rating .image {
  display: block;
}
section.articles .ratings .item .rating .image:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(57,57,57,0.5);
}
section.articles .ratings .item .rating .image img {
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
}
section.articles .ratings .item .rating .border {
  display: block;
  width: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #189db5;
}
section.articles .ratings .item .rating .corner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 44px;
  height: 44px;
  background-image: url("../images/sprites.png");
  background-position: 0px 0px;
}
section.articles .ratings .item .rating .title {
  padding: 20px 20px 20px 25px;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-family: 'ubuntu-bold';
  font-size: 1.5em;
  line-height: 1em;
  color: #fff;
}
@media screen and (max-width: 1260px) {
  section.articles .wrapper {
    margin: 0;
    width: 100%;
  }
  section.articles .quotations .item .quotation .info .caption .title {
    font-size: 1em;
  }
  section.articles .quotations .item .quotation .info .caption .description {
    font-size: 0.7em;
    line-height: 1.125em;
  }
  section.articles .ratings .item .rating .title {
    font-size: 1em;
  }
}
@media screen and (max-width: 1024px) {
  section.articles .quotations,
  section.articles .ratings {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 768px) {
  section.articles .quotations h2,
  section.articles .ratings h2 {
    padding: 30px 15px;
    font-size: 1.5em;
  }
  section.articles .quotations .item,
  section.articles .ratings .item {
    padding: 0 15px;
  }
  section.articles .quotations .buttons,
  section.articles .ratings .buttons {
    padding: 0 15px;
  }
  section.articles .quotations .buttons .button,
  section.articles .ratings .buttons .button {
    display: block;
    text-align: center;
  }
  section.articles .quotations .item {
    margin: 0 0 30px 0;
  }
  section.articles .ratings .item {
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 480px) {
  section.articles .quotations .item,
  section.articles .ratings .item {
    padding: 0 10px;
    float: none;
    width: 100%;
  }
  section.articles .quotations .buttons,
  section.articles .ratings .buttons {
    padding: 0 10px;
  }
  section.articles .quotations .item {
    margin: 0 0 20px 0;
  }
  section.articles .ratings .item {
    margin: 0 0 20px 0;
  }
}
section.affiche {
  padding: 40px 0;
  background: #eee;
}
section.affiche .wrapper {
  margin: 0 auto;
  padding: 0 20px;
  width: 1280px;
}
section.affiche .topics {
  margin: 0 0 30px 0;
  padding: 20px 0;
  border: 10px solid #189db5;
  background: #fff;
}
section.affiche .topics h2 {
  margin: 0 0 20px 0;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  color: #189db5;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
section.affiche .topics h2:before,
section.affiche .topics h2:after {
  content: '';
  display: block;
  width: 50%;
  height: 1px;
  background: #189db5;
  position: absolute;
  top: 13px;
}
section.affiche .topics h2:before {
  left: 20px;
}
section.affiche .topics h2:after {
  right: 20px;
}
section.affiche .topics h2 span {
  padding: 0 12px;
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 10;
}
section.affiche .topics .items .item {
  padding: 0 20px;
  width: 50%;
  float: left;
}
section.affiche .topics .items .item .topic {
  padding: 10px 0;
  display: inline-block;
  text-decoration: none;
}
section.affiche .topics .items .item .topic .date,
section.affiche .topics .items .item .topic .title,
section.affiche .topics .items .item .topic .description {
  display: block;
}
section.affiche .topics .items .item .topic .date {
  margin: 0 0 10px 0;
  font-family: 'ubuntu-bold';
  font-size: 0.875em;
  color: #959595;
  line-height: 1em;
}
section.affiche .topics .items .item .topic .title {
  margin: 0 0 10px 0;
  font-family: 'ubuntu-medium';
  font-size: 1.375em;
  color: #000;
}
section.affiche .topics .items .item .topic .description {
  font-size: 0.9375em;
  color: #393939;
}
section.affiche .events {
  background: #fff;
  border: 1px solid #a8a8a8;
}
section.affiche .events .heading {
  margin: -1px -1px 0 -1px;
  padding: 0 30px;
  background: #189db5;
  height: 48px;
}
section.affiche .events .heading h2,
section.affiche .events .heading .links {
  width: 50%;
  float: left;
}
section.affiche .events .heading h2 {
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 48px;
  text-transform: uppercase;
  color: #fff;
}
section.affiche .events .heading .links {
  text-align: right;
}
section.affiche .events .heading .links li {
  display: inline-block;
}
section.affiche .events .heading .links li:after {
  padding: 0 4px 0 8px;
  display: inline-block;
  content: '|';
  color: #fff;
}
section.affiche .events .heading .links li:last-child:after {
  display: none;
}
section.affiche .events .heading .links li a {
  font-family: 'ubuntu-medium';
  font-size: 0.9375em;
  line-height: 48px;
  color: #fff;
  text-decoration: none;
}
.no-touch section.affiche .events .heading .links li a:hover {
  text-decoration: underline;
}
section.affiche .events .items {
  padding: 10px;
}
section.affiche .events .items .item {
  padding: 20px;
  width: 25%;
  float: left;
}
section.affiche .events .items .item .event {
  display: inline-block;
  text-decoration: none;
}
section.affiche .events .items .item .event .date,
section.affiche .events .items .item .event .title,
section.affiche .events .items .item .event .description {
  display: block;
}
section.affiche .events .items .item .event .date {
  margin: 0 0 10px 0;
  font-family: 'ubuntu-bold';
  font-size: 0.875em;
  color: #959595;
  line-height: 1em;
}
section.affiche .events .items .item .event .title {
  margin: 0 0 10px 0;
  font-family: 'ubuntu-medium';
  font-size: 1em;
  color: #000;
}
section.affiche .events .items .item .event .description {
  font-size: 0.9375em;
  color: #393939;
}
@media screen and (max-width: 1260px) {
  section.affiche .wrapper {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  section.affiche .events .heading {
    height: auto;
  }
  section.affiche .events .heading h2,
  section.affiche .events .heading .links {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    float: none;
  }
  section.affiche .events .heading h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
  section.affiche .events .heading .links {
    text-align: left;
  }
  section.affiche .events .heading .links li a {
    font-size: 0.75em;
    line-height: 1.125em;
  }
  section.affiche .events .items .item {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  section.affiche .wrapper {
    padding: 0 15px;
  }
  section.affiche .topics {
    padding: 15px 0;
  }
  section.affiche .topics h2:before {
    left: 15px;
  }
  section.affiche .topics h2:after {
    right: 15px;
  }
  section.affiche .topics .items .item {
    padding: 0 15px;
  }
  section.affiche .events .heading {
    padding: 0 25px;
  }
  section.affiche .events .items .item {
    padding: 15px;
  }
}
@media screen and (max-width: 640px) {
  section.affiche .topics .items .item {
    width: 100%;
    float: none;
  }
  section.affiche .events .heading .links li {
    margin: 0 0 5px 0;
    display: block;
  }
  section.affiche .events .heading .links li a {
    display: block;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.5);
  }
  section.affiche .events .heading .links li:after {
    display: none;
  }
  section.affiche .events .items .item {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 480px) {
  section.affiche .wrapper {
    padding: 0 10px;
  }
  section.affiche .topics {
    padding: 10px 0;
  }
  section.affiche .topics h2:before {
    left: 10px;
  }
  section.affiche .topics h2:after {
    right: 10px;
  }
  section.affiche .topics .items .item {
    padding: 0 10px;
  }
  section.affiche .events .heading {
    padding: 0 20px;
  }
  section.affiche .events .items .item {
    padding: 10px;
  }
}
section.populars {
  /* background: #eee; */
}
section.populars .wrapper {
  margin: 0 auto;
  width: 1280px;
}
section.populars h2 {
  padding: 30px 20px;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
section.populars .items .item {
  margin: 0 0 40px 0;
  padding: 0 20px;
  width: 25%;
  float: left;
}
section.populars .items .item .countries {
  background: url("../images/countries-bg.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
section.populars .items .item .countries:before,
section.populars .items .item .countries:after {
  padding-bottom: 99%;
  width: 100%;
  display: block;
  content: '';
}
section.populars .items .item .countries:before {
  margin: 0 0 40px 0;
}
section.populars .items .item .countries .fade {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(57,57,57,0.5);
}
section.populars .items .item .countries .corner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 44px;
  height: 44px;
  background-image: url("../images/sprites.png");
  background-position: 0px 0px;
}
section.populars .items .item .countries .info {
  padding: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.populars .items .item .countries .info .title {
  margin: 0 0 20px 0;
  display: block;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  color: #fff;
}
section.populars .items .item .countries .info .link {
  display: block;
  font-size: 0.8125em;
}
section.populars .items .item .countries .info .link a {
  color: #e1e1e1;
  text-decoration: none;
}
section.populars .items .item .countries .info .link.all {
  padding-top: 20px;
}
section.populars .items .item .popular,
section.populars .items .item .material {
  display: block;
  position: relative;
}
section.populars .items .item .popular .image,
section.populars .items .item .material .image {
  display: block;
}
section.populars .items .item .popular .image:after,
section.populars .items .item .material .image:after  {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(57,57,57,0.5);
}
section.populars .items .item .popular .image img,
section.populars .items .item .popular .banner img,
section.populars .items .item .material .image img,
section.populars .items .item .material .banner img {
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
}
section.populars .items .item .popular .corner,
section.populars .items .item .material .corner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 44px;
  height: 44px;
  background-image: url("../images/sprites.png");
  background-position: 0px 0px;
}
section.populars .items .item .popular .info,
section.populars .items .item .material .info {
  padding: 15px;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
section.populars .items .item .popular .info .date,
section.populars .items .item .material .info .date {
  display: block;
  color: #e8e8e8;
  font-size: 0.875em;
}
section.populars .items .item .popular .info .title,
section.populars .items .item .material .info .title {
  margin: 0 0 10px 0;
  display: block;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  color: #fff;
}
section.populars .items .item .popular .info .link,
section.populars .items .item .material .info .link {
  display: block;
  font-size: 0.8125em;
}
section.populars .items .item .popular .info .link a,
section.populars .items .item .material .info .link a {
  color: #e1e1e1;
  text-decoration: none;
}
section.populars .items .item .popular .info .link.all,
section.populars .items .item .material .info .link.all {
  padding-top: 16px;
}
section.populars .items .item .popular .info .tags,
section.populars .items .item .material .info .tags {
  display: block;
}
section.populars .items .item .popular .info .tags .tag,
section.populars .items .item .material .info .tags .tag {
  margin: 0 4px 4px 0;
  padding: 0 10px;
  display: inline-block;
  height: 20px;
  font-size: 0.5625em;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
}
section.populars .items .item .popular .info .tags .tag.blue,
section.populars .items .item .material .info .tags .tag.blue {
  background: rgba(24,157,181,0.8);
}
section.populars .items .item .popular .info .tags .tag.red ,
section.populars .items .item .material .info .tags .tag.red{
  background: rgba(216,71,56,0.8);
}
section.populars .buttons {
  padding: 0 0 30px 0;
}
section.populars .buttons .button.more,
section.populars .buttons.more .pager a {
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 94px;
  height: 94px;
  line-height: 94px;
  font-family: 'ubuntu-medium';
  font-size: 1.125em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background: #189db5;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media screen and (max-width: 1260px) {
  section.populars .wrapper {
    margin: 0;
    width: 100%;
  }
  section.populars .items .item .countries .info .title {
    font-size: 1.25em;
  }
  section.populars .items .item .countries .info .link {
    font-size: 0.7em;
  }
  section.populars .items .item .popular .info .date {
    font-size: 0.7em;
  }
  section.populars .items .item .popular .info .title {
    font-size: 1.25em;
  }
  section.populars .items .item .popular .info .tags .tag {
    font-size: 0.5em;
  }
  section.populars .items .item .popular .info .link {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 1024px) {
  section.populars .items .item {
    width: 33.33%;
  }
  section.populars .items .item.item-countries {
    width: 100%;
    float: none;
  }
  section.populars .items .item .countries:before,
  section.populars .items .item .countries:after {
    display: none;
  }
  section.populars .items .item .countries .fade {
    background: rgba(57,57,57,0.75);
  }
  section.populars .items .item .countries .info {
    height: auto;
    position: relative;
    top: auto;
    left: auto;
  }
  section.populars .items .item .countries .info .link {
    margin: 0 5px 5px 0;
    float: left;
    font-size: 1em;
  }
  section.populars .items .item .countries .info .link a {
    padding: 6px;
    display: block;
    text-decoration: none;
    border: 1px solid rgba(225,225,225,0.5);
  }
  section.populars .items .item .countries .info .link.all {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  section.populars h2 {
    padding: 30px 15px;
    font-size: 1.375em;
  }
  section.populars .items .item {
    margin: 0 0 30px 0;
    padding: 0 15px;
    width: 50%;
  }
  section.populars .items .item .countries .info {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  section.populars h2 {
    padding: 30px 10px;
  }
  section.populars .items .item {
    margin: 0 0 20px 0;
    padding: 0 10px;
    width: 100%;
    float: none;
  }
  section.populars .items .item .countries .info {
    padding: 10px;
  }
}
section.about {
  padding: 10px 0 50px;
  /* background: #eee; */
}
section.about .wrapper {
  margin: 0 auto;
  width: 1280px;
  position: relative;
}
section.about .wrapper .content,
section.about .wrapper .banner {
  padding: 0 20px;
  float: left;
}
section.about .wrapper .content {
  width: 75%;
  color: #393939;
}
section.about .wrapper .content .image {
  margin: 0 0 30px 0;
}
section.about .wrapper .content .image img {
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
}
section.about .wrapper .content .main {
  padding: 20px;
  background: #fff;
  border: 1px solid #a8a8a8;
}
section.populars .wrapper .node .main h1,
section.about .wrapper .content .main h1,
section.about .wrapper .content .main h2,
section.about .wrapper .content .main h3 {
  margin: 0 0 20px 0;
  font-family: 'ubuntu-medium';
  font-size: 1.625em;
  line-height: 1em;
  text-transform: uppercase;
  color: #000;
}
section.about .wrapper .content .main h2 {
  font-size: 1.3em;
}
section.about .wrapper .content .main h3 {
  font-size: 1.1em;
}
section.about .wrapper .content .main p {
  margin: 0 0 20px 0;
}
section.about .wrapper .content .main p:last-child {
  margin: 0;
}
section.about .wrapper .content .main p .button {
  padding: 0 30px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #189db5;
  text-decoration: none;
}
section.about .wrapper .banners {
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
section.about .wrapper .banners .banner {
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
section.about .wrapper .banners .banner .item {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #a8a8a8;
  overflow: hidden;
}
@media screen and (max-width: 1260px) {
  section.about .wrapper {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  section.about .wrapper .content {
    width: 66.66%;
  }
  section.about .wrapper .content h1,
  section.about .wrapper .content h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
  section.about .wrapper .banners {
    width: 33.33%;
  }
}
@media screen and (max-width: 1024px) {
  section.about .wrapper .content {
    margin: 0 0 20px 0;
    width: 100%;
    float: none;
  }
  section.about .wrapper .banners {
    width: 100%;
    float: none;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    height: 240px;
  }
}
@media screen and (max-width: 768px) {
  section.about .wrapper .content,
  section.about .wrapper .banner {
    padding: 0 15px;
  }
  section.about .wrapper .content {
    margin: 0 0 15px 0;
  }
  section.about .wrapper .content .main {
    padding: 15px;
  }
  section.about .wrapper .content .main h1,
  section.about .wrapper .content .main h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
  section.about .wrapper .banners .banner {
    padding: 0 15px;
  }
}
@media screen and (max-width: 480px) {
  section.about .wrapper .content,
  section.about .wrapper .banner {
    padding: 0 10px;
  }
  section.about .wrapper .content {
    margin: 0 0 10px 0;
  }
  section.about .wrapper .content .main {
    padding: 10px;
  }
  section.about .wrapper .banners .banner {
    padding: 0 10px;
  }
}
section.quick {
  padding: 20px 0;
  background: #393939;
}
section.quick .wrapper {
  margin: 0 auto;
  width: 1280px;
}
section.quick .items .item {
  width: 25%;
  padding: 20px;
  float: left;
}
section.quick .items .item .button {
  padding: 20px;
  display: block;
  font-family: 'ubuntu-bold';
  line-height: 1em;
  color: #fff;
  background: #189db5;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 1260px) {
  section.quick .wrapper {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  section.quick .items .item .button {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 768px) {
  section.quick {
    padding: 15px 0;
  }
  section.quick .items .item {
    width: 50%;
    padding: 15px;
  }
  section.quick .items .item .button {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  section.quick {
    padding: 10px 0;
  }
  section.quick .items .item {
    width: 100%;
    padding: 10px;
    float: none;
  }
  section.quick .items .item .button {
    padding: 10px;
  }
}
footer.footer {
  padding: 20px 0 50px 0;
  color: #fff;
  background: #000;
}
footer.footer .wrapper {
  margin: 0 auto;
  width: 1280px;
}
footer.footer .top {
  padding: 20px;
}
footer.footer .top .menu {
  float: left;
}
footer.footer .top .menu li {
  margin: 0 30px 20px 0;
  float: left;
}
footer.footer .top .menu li a {
  font-size: 1.1875em;
  line-height: 1em;
  color: #c1c1c1;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
.no-touch footer.footer .top .menu li a:hover {
  color: #189db5;
}
footer.footer .top .socials {
  float: right;
}
footer.footer .top .socials li {
  padding: 0 0 0 10px;
  float: left;
}
footer.footer .top .socials li .button {
  padding: 4px 0 0 0;
  display: block;
  width: 30px;
  height: 30px;
  background: #e8e8e8;
  text-align: center;
}
footer.footer .top .socials li .button.button-vk {
  background-color: #45668e;
}
footer.footer .top .socials li .button.button-facebook {
  background-color: #3b5998;
}
footer.footer .top .socials li .button .icon {
  display: inline-block;
}
footer.footer .top .socials li .button .icon.icon-vk {
  margin: 4px 0 0 0;
  width: 22px;
  height: 13px;
  background-image: url("../images/sprites.png");
  background-position: 0px -72px;
}
footer.footer .top .socials li .button .icon.icon-facebook {
  margin: 1px 0 0 0;
  width: 10px;
  height: 19px;
  background-image: url("../images/sprites.png");
  background-position: -95px 0px;
}
footer.footer .main .footer-menu,
footer.footer .main .orpfus,
footer.footer .main .keep-up {
  padding: 0 20px;
  float: left;
}
footer.footer .main .footer-menu {
  width: 33.33%;
}
footer.footer .main .footer-menu .list {
  width: 50%;
  float: left;
}
footer.footer .main .footer-menu .list:nth-child(1) {
  padding-right: 20px;
}
footer.footer .main .footer-menu .list:nth-child(2) {
  padding-left: 20px;
}
footer.footer .main .footer-menu .list li {
  margin: 0 0 10px 0;
  line-height: 1em;
}
footer.footer .main .footer-menu .list li a {
  font-size: 0.75em;
  text-decoration: none;
  color: #c1c1c1;
}
.no-touch footer.footer .main .footer-menu .list li a:hover {
  text-decoration: underline;
}
footer.footer .main .orpfus {
  width: 16.66%;
}
footer.footer .main .keep-up {
  width: 50%;
}
footer.footer .main .keep-up .subscribe {
  margin: 0 0 50px 0;
}
footer.footer .main .keep-up .subscribe .caption,
footer.footer .main .keep-up .subscribe .input {
  float: left;
}
footer.footer .main .keep-up .subscribe .caption {
  padding-right: 20px;
  font-family: 'ubuntu-medium';
  font-size: 1.25em;
  line-height: 1.25em;
  color: #fff;
  width: 41.66%;
}
footer.footer .main .keep-up .subscribe .input {
  width: 58.33%;
}
footer.footer .main .keep-up .subscribe .input .email,
footer.footer .main .keep-up .subscribe .input .submit {
  float: left;
}
footer.footer .main .keep-up .subscribe .input .email {
  position: relative;
  width: 66.66%;
}
footer.footer .main .keep-up .subscribe .input .email .icon {
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../images/sprites.png");
  background-position: -77px -52px;
  position: absolute;
  top: 18px;
  left: 20px;
}
footer.footer .main .keep-up .subscribe .input .submit {
  width: 33.33%;
}
footer.footer .main .keep-up .subscribe .input input[type=email],
footer.footer .main .keep-up .subscribe .input button[type=submit] {
  display: block;
  width: 100%;
  height: 48px;
  border: none;
}
footer.footer .main .keep-up .subscribe .input input[type=email] {
  padding: 0 10px 0 50px;
  font-family: 'ubuntu-regular';
  font-size: 1em;
  color: #000;
  background: #fff;
}
footer.footer .main .keep-up .subscribe .input button[type=submit] {
  font-family: 'ubuntu-bold';
  font-size: 1em;
  text-align: center;
  color: #fff;
  background: #189db5;
}
footer.footer .main .keep-up .copyright {
  font-size: 0.75em;
  color: #c1c1c1;
}
@media screen and (max-width: 1260px) {
  footer.footer .wrapper {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  footer.footer .top {
    position: relative;
    padding: 20px 100px 20px 20px;
  }
  footer.footer .top .menu {
    float: left;
  }
  footer.footer .top .menu li {
    margin: 0 30px 20px 0;
    float: left;
  }
  footer.footer .top .menu li a {
    font-size: 1em;
  }
  footer.footer .top .socials {
    float: none;
    width: 80px;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  footer.footer .main .footer-menu,
  footer.footer .main .orpfus {
    margin: 0 0 20px 0;
  }
  footer.footer .main .footer-menu {
    width: 66.66%;
  }
  footer.footer .main .orpfus {
    width: 33.33%;
  }
  footer.footer .main .keep-up {
    width: 100%;
  }
  footer.footer .main .keep-up .subscribe {
    margin: 0 0 40px 0;
  }
  footer.footer .main .keep-up .copyright {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  footer.footer .top {
    margin: 0 0 20px 0;
    padding: 15px 95px 15px 15px;
  }
  footer.footer .top .menu li {
    margin: 0 20px 10px 0;
  }
  footer.footer .top .socials {
    right: 15px;
  }
  footer.footer .main .footer-menu,
  footer.footer .main .orpfus,
  footer.footer .main .keep-up {
    padding: 0 15px;
  }
  footer.footer .main .keep-up .subscribe {
    margin: 0 0 30px 0;
  }
  footer.footer .main .keep-up .subscribe .caption {
    padding-right: 15px;
  }
  footer.footer .main .keep-up .subscribe .input .email .icon {
    left: 10px;
  }
  footer.footer .main .keep-up .subscribe .input input[type=email] {
    padding: 0 10px 0 40px;
  }
  footer.footer .main .keep-up .subscribe .input button[type=submit] {
    font-family: 'ubuntu-regular';
    font-size: 1em;
  }
}
@media screen and (max-width: 640px) {
  footer.footer .main .keep-up .subscribe .caption,
  footer.footer .main .keep-up .subscribe .input {
    float: none;
    width: 100%;
  }
  footer.footer .main .keep-up .subscribe .caption {
    margin: 0 0 20px 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  footer.footer .top {
    padding: 10px 90px 10px 10px;
  }
  footer.footer .top .socials {
    right: 10px;
  }
  footer.footer .main .footer-menu,
  footer.footer .main .orpfus,
  footer.footer .main .keep-up {
    padding: 0 10px;
  }
  footer.footer .main .footer-menu {
    width: 100%;
  }
  footer.footer .main .orpfus {
    width: 100%;
  }
  footer.footer .main .keep-up .subscribe .caption {
    padding-right: 10px;
  }
  footer.footer .main .keep-up .subscribe .input button[type=submit] {
    font-size: 0.875em;
  }
}


/* content */
section.taxonomy-list {
	padding-top: 60px;
}
section.taxonomy-list .buttons .pager li {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 42px;
	height: 42px;
	line-height: 26px;
    font-family: 'ubuntu-medium';
    font-size: 1.125em;
    text-transform: uppercase;
    color: #fff;
    background: #189db5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
section.taxonomy-list .buttons .pager li a {
    color: #fff;	
    text-decoration: none;
}


section.about .wrapper .content.content--full {
    width: 100%;
	float: none;
}

section.about .banners .block {
	margin: 0 0 40px 0;
}
section.about .banners .block .banner {
	float: none;
    padding: 0;
}

section.about .banners .block .banner img {
    display: block;
    width: 100%;
    min-width: 100%;
    height: auto;
}
section.about .banners .block strong {
    font-family: 'ubuntu-medium';
}
section.about .banners .block p {
    margin-bottom: 20px;
	font-size: 0.875em;	
}


section.inner-page {
	padding: 10px 0 50px;
}
section.inner-page .wrapper {
  margin: 0 auto;
  width: 1280px;
}
section.inner-page .wrapper .content {
	padding: 0 40px;
}
section.inner-page h1 {
    padding: 0 20px 30px;
    font-family: 'ubuntu-medium';
    font-size: 1.625em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

section.node {
	padding-top: 30px;
}
section.node .wrapper .banners {
	position: relative;
	float: right;
}
@media screen and (max-width: 1260px) {
  section.inner-page .wrapper {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  section.inner-page h1 {
    font-size: 1.375em;
  }
  section.node .wrapper .banners {
	float: none;
  	height: auto;
  }
}
@media screen and (max-width: 768px) {
  section.inner-page h2 {
    padding: 0 15px 30px;
    font-size: 1.375em;
  }
}


.content .view .pager {
	clear: both;
}

.social-likes { margin: 10px 0 30px; }
.social-likes .sl-wrapper { float: left; height: 20px; margin: 0 10px 0 0; }

.books_div_center_right_three dl {
      border-top: 1px dashed gray;
    margin: 5px;
}
.books_div_center_right_three dt {
  width: 180px;
    font-weight: bold;
    float: left;
    margin: 5px;
}
.books_div_center_right_three dd {
      overflow: auto;
    margin: 5px;
}

/*** Стили для списков ***/
.content .main ul {
	list-style: none !important; 
	list-style-position:outside;
	margin: 0;
}
.content .main ul li {
	margin: 0 0 10px;
	list-style-position:outside;
	position:relative;
	line-height:140%;
	padding-left:25px;
}
.content .main ul li:before {
	content: "";
	width: 7px;
	height: 7px;
	background: #189db5;
	position: absolute;
	top: 8px;
	left: 0;
}

.content .main ol{
	counter-reset: li; 
	list-style: none !important; 
	padding: 0;
	margin-bottom:20px;
}
.content .main ol li {
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	margin: .5em 0 .5em 2.5em;
}     
.content .main ol li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -2.5em;
	top: 10px;
	background: #189db5;
	height: 2em;
	width: 2em;
	line-height: 2em;
	color:#FFF;
	text-align: center;
}

.content .main blockquote {
    color: #189db5;
    font-family: 'ubuntu-light', Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    font-style: italic;
    border-left: 10px solid #189db5;
    line-height: 1.25;
	margin: 30px 0 30px 80px;
    padding: 20px 0 20px 30px;
}
.c-table-of-contents {
	padding: 30px;
    background: #eee;
    margin: 20px 0;
    font-size: 0.85em;
}
@media screen and (max-width: 768px) {
  .content .main blockquote {
	  margin: 15px 0 15px 40px;
	  padding: 10px 0 10px 15px;
  }
}

.node-story .field-field-image img {
	width: 100%;
    height: auto;
    margin-bottom: 20px;
}