body {
  padding: 50px 0 50px 0;
  font-size: 16px;
  font-family: 'Cuprum', sans-serif;
  color: #3C3C3C;
}
a:focus {
  outline: none
}
img {
  max-width: 100%
}
blockquote {
  border: none;
  padding-top: 0;
  margin-bottom: 60px;
}
.btn-lg {
  border-radius: 0
}
.text-left {
  text-align: left
}
.vam {
  vertical-align: middle
}
.navbar-default {
 border-bottom-color :#b31919
}
.navbar-default .navbar-nav > li > a {
  color: #444
}
.navbar-default .navbar-nav > li > a:hover {
  color: #b31919
}
.colored-bg-2 a, .colored-bg-2 a:hover, .colored-bg-2 a:focus, .colored-bg a, .colored-bg a:hover, .colored-bg a:focus {
  color: #fff;
}
.colored-bg a {
   text-decoration: underline;
}
.intro-figure {
  position: relative
}
.intro-figure img {
  position: absolute;
  top: -50px
}
.dib {
  display: inline-block
}
.navbar-brand {
  font-size: 24px
}

.huge-1 .title {
  font-size: 8em;
  line-height: 1;
}
.huge-1 .sub-title {
  font-size: 2em;
  line-height: 1;
}
#statistics {
  padding: 80px 0 140px;
}
#statistics .huge-1 {
  padding-top: 35px
}
#chartContainerAge,#chartContainerGeoCountry,#chartContainerGeoCitys {
  height: 400px;
  width: 100%;
}
#chartContainer6 {
  height: 300px;
  width: 100%;
  margin-bottom: 40px;
}
#chartContainer3 {
  height: 300px;
  width: 100%;
}
#audience .container>.row:last-child {
   margin-top: 130px
}
#aboutUs2 {
  margin: 40px 0 20px
}

.huge-2 {
  font-size: 3.1em;
  margin-bottom: 0
}
.huge4 {
  font-size: 1.5em;
}
.huge-6 {
  font-size: 8.1em;
  line-height: 1
}
.huge-6 span {
  font-size: 50%;
}
.form-wrapper {
  width: 480px;
  padding: 30px 20px 40px;
  background: #eee;
  box-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.canvasjs-chart-credit {
  display: none !important
}
.colored-bg .huge-2 {
  margin-top: 0
}
.colored-bg {
  padding: 60px 0 80px
}
.colored-bg-2 {
  padding-bottom:50px
}
.stat-chart-01 {
  padding: 130px 0 0
}
.stat-chart {
  padding: 100px 0
}
.section {
  padding: 60px 0;
}
.section-title {
  margin-bottom: 50px;
  margin-top: 0;
  font-size: 45px
}
.navbar-default {
 border-bottom-width: 2px;
}
.intro-text {
  font-size: 19px;
  margin-top: 10px
}
.genders .item {
  display: inline-block;
  width: 65px;
  height: 141px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.genders .male {
  background-image: url(/img/mediakit/male.png)
}
.genders .female {
  background-image: url(/img/mediakit/female.png)
}
.screen-bg {
  width: 400px;
  height: 305px;
  background: url(/img/mediakit/screen-bg.png) center top no-repeat;
  position: relative;
}
.screen-bg .holder {
  position: absolute;
  background: #fff;
  width: 368px;
  height: 208px;
  top: 16px;
  left: 16px;
  overflow: hidden;
}
.subsection {
  margin: 30px 0 180px
}
.logo-tiles .item {
  padding: 0 30px;
  background: #eee;
  margin-bottom: 30px;
  height: 150px;
  vertical-align: middle;
  line-height: 150px;
}
.logo-tiles .item img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.bar {
  margin-top: 140px;
  background: #eee;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  height: 300px;
  color: #fff;
  position: relative;
}
.bar .inner {
  background: #369EAD;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.collapse-area {
  margin-top: 20px;
  background: #222;
  padding: 100px;
  box-shadow: 0 0 10px #000 inset;
}
.collapse-area img {
  box-shadow: 0 0 10px #000;
}
.collapse .btn {
  margin: 50px 20px 0 ;
  background: #eee;
  font-size: 25px;
  padding: 8px 16px;
}
.btn-custom {
  background-color: hsl(0, 69%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#5e1111");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#5e1111));
  background-image: -moz-linear-gradient(top, #b42121, #5e1111);
  background-image: -ms-linear-gradient(top, #b42121, #5e1111);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #5e1111));
  background-image: -webkit-linear-gradient(top, #b42121, #5e1111);
  background-image: -o-linear-gradient(top, #b42121, #5e1111);
  background-image: linear-gradient(#b42121, #5e1111);
  border-color: #5e1111 #5e1111 hsl(0, 69%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}
.pg-color {
  color: #b31919
}
.colored-bg {
  color: #fff;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
  background: #a90329; /* Old browsers */
  background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
  background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
  background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
.colored-bg-2 {
  background: #333333;
  color: #ccc;
}
.collapseTo {
  font-size: 115%;
  display: inline-block;
  margin-top: 3px
}
form input, form textarea {
  font-family: Arial, sans-serif
}
.subsection p a {
  font-weight: bold;
  margin-top: 5px;
  display: inline-block;
}
.modal-header, .modal-body {
  padding-right: 30px;
  padding-left: 30px;
}
.modal-body p, .modal-body li {
  font: normal 14px/1.5 Arial, Helvetica, sans-serif;
}
/* Viewport breakpoints:  Phones (<768px)  Tablets (≥768px) Desktops (≥992px)  Desktops (≥1200px)*/

@media (max-width: 1024px) {
  .huge-1 .title {
    font-size: 5em;
    line-height: 1;
  }
  h3, .h3 {
    font-size: 20px;
  }
}

@media (max-width: 600px) {
  .form-wrapper {
    width: auto;
  }
  .huge-2 {
    font-size: 2.3em;
  }
  .collapse-area {
    padding: 10px
  }
  .collapse .btn {
    margin: 20px 10px 10px 10px
  }
  .screen-bg {
    width: auto;
    height: auto;
    background: none;
  }
  .subsection {
    margin: 10px 0 20px
  }
  .screen-bg .holder {
    width: auto;
    position: static;
    background: none;}
}

@media (max-width: 768px) {
  .screen-bg {
    margin: 20px auto
  }
}

@media (max-width: 992px) {
  .container {
    width: 100%;
  }
  .screen-bg {
    margin: 30px auto;
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}