body {
  font-family: Raleway;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.25;
  background: url(/app/public/extended/tina/images/kand_bg.jpg);
}
.text-center {
  text-align: center;
}
@media all and (max-width: 767px) {
  body {
    font-size: 15px;
  }
}
.nav {
  width: 100%;
  overflow: hidden;
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 22px;
  font-weight: 500;
}
.nav li {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  color: #000;
  white-space: nowrap;
}
.nav li:after {
  content: "/";
  margin-left: 18px;
}
.nav li:last-child {
  margin-right: 0;
}
.nav li:last-child:after {
  display: none;
}
.nav li a {
  color: #000;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .nav {
    text-align: center;
    font-size: 16px;
  }
  .nav li {
    display: inline;
  }
}
.t9 {
  max-width: 900px;
  margin: 0 auto;
}
.t8 {
  max-width: 800px;
  margin: 0 auto;
}
.header {
  position: relative;
}
.header .bg {
  background: url(/app/public/extended/tina/images/kand_top_tiny.png) center center no-repeat;
}
.header .t1 {
  font-weight: 700;
}
.header .t2 {
  font-weight: 300;
}
@media all and (max-width: 767px) {
  .header .bg {
    height: 280px;
    background-size: cover;
    background-position: left top;
  }
  .header .ratio-inner {
    height: auto !important;
    text-align: center;
  }
  .header .ratio-content {
    position: static !important;
  }
}
@media all and (min-width: 768px) {
  .header .ratio-inner {
    padding-top: 40%;
  }
  .header .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/app/public/extended/tina/images/kand_top_tiny.png) center center no-repeat;
    background-size: cover;
  }
  .header .texts {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    font-size: 20px;
    text-align: right;
    color: #fff;
  }
  .header h1 {
    margin: 0;
  }
  .header .t1 {
    text-transform: uppercase;
  }
}
@media all and (min-width: 1200px) {
  .header .texts {
    font-size: 24px;
    font-weight: 600;
  }
}
.lead-wrapper {
  position: relative;
  background: #fff;
  padding: 40px 0;
  margin-bottom: 60px;
  font-size: 120%;
  font-weight: 600;
  color: #bb1517;
}
@media all and (max-width: 767px) {
  .lead-wrapper {
    margin-bottom: 30px;
    padding-top: 10px;
    text-align: center;
  }
  .lead-wrapper:before {
    top: -220px !important;
    height: 220px !important;
  }
}
@media all and (min-width: 1200px) {
  .lead-wrapper {
    margin-bottom: 80px;
  }
}
.content p {
  max-width: 800px;
  margin: 15px auto;
}
.content h2 {
  max-width: 700px;
  margin: 30px auto;
  text-align: center;
}
.content a {
  color: #fc343f;
}
@media all and (min-width: 768px) {
  .content h2 {
    font-size: 40px;
  }
  .content h2 span {
    display: block;
  }
  .content h2 .t1 {
    font-weight: 300;
  }
  .content h2 .t2 {
    font-weight: 700;
  }
}
.facts {
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
}
.facts .fact-podzag {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  font-size: 150%;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
}
.facts .texts {
  font-weight: 400;
  font-size: 18px;
}
.facts .texts p {
  margin: 30px 0;
}
.facts .ratio {
  margin: 30px 0;
}
.facts iframe {
  width: 100%;
  height: 100%;
}
.facts:before {
  top: -80px !important;
}
.facts:after {
  bottom: 0 !important;
}
.facts.gray {
  background: #f0f0f0;
}
.facts.gray .texts {
  font-size: 110%;
  color: #666;
}
.facts.white {
  background: #fff;
}
.facts.white .texts {
  color: #fc343f;
  font-weight: 500;
}
.facts.gray-dark {
  background: #999;
}
.facts.gray-dark .fact-podzag {
  color: #fff;
}
.facts.gray-dark .texts {
  font-size: 110%;
  color: #fff;
}
.facts.red {
  background: #fc343f;
}
.facts.red .texts {
  font-size: 110%;
  color: #fff;
}
.facts.wg {
  margin: 0;
  padding-top: 100px;
  padding-bottom: 80px;
  background: url(/app/public/extended/tina/images/kand_wg.png) center center no-repeat;
  background-size: cover;
}
.facts.wg .texts {
  color: #fff;
  font-size: 160%;
}
.facts .t1 {
  font-weight: 600;
}
.facts .t2 {
  font-weight: 300;
}
@media all and (max-width: 767px) {
  .facts {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .facts:before {
    top: -30px !important;
  }
  .facts:after {
    bottom: 0 !important;
  }
  .facts.wg {
    background-position: right center;
    padding-top: 20px;
    padding-bottom: 180px;
    margin-bottom: -160px;
  }
  .facts.wg .texts {
    text-align: center;
  }
  .facts.white .texts {
    text-align: center;
  }
}
@media all and (min-width: 768px) {
  .facts .texts {
    position: relative;
    top: 50%;
  }
}
.angle-top:before {
  border-top: 1px solid #dadada;
  background: inherit;
  top: -100%;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-3deg);
  transform-origin: 100%;
  z-index: -1;
}
.angle-bottom:after {
  border-bottom: 1px solid #dadada;
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-3deg);
  transform-origin: 100%;
  z-index: -1;
}
.ratio .ratio16x9 {
  padding-top: 56.25%;
}
.ratio .ratio-inner {
  position: relative;
  height: 0;
  border: none;
}
.ratio .ratio-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ratio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.flip-link {
  position: relative;
  margin: 40px auto !important;
}
.flip-link a {
  font-weight: 500;
  text-decoration: none;
}
.flip-link img {
  height: 30px;
  width: 30px;
  vertical-align: bottom;
  transform: rotate(90deg);
  transition: transform ease .3s;
}
.flip-link.hidden img {
  transform: rotate(150deg);
}
@media all and (max-width: 767px) {
  .flip-link {
    max-width: 300px !important;
    margin: 40px 0 !important;
  }
  .flip-link img {
    float: left;
    margin-right: 5px;
  }
}
.flip-text {
  box-sizing: border-box;
  display: none;
  margin: 40px auto !important;
  padding-left: 30px;
  color: #fc343f;
  font-weight: 500;
}
.flip-text.show {
  display: block;
}
.credits {
  padding-top: 30px;
  font-size: 12px;
  color: #555;
}
.share-wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 60px;
  padding: 15px;
  opacity: .6;
  transition: all ease .4s;
}
.share-wrapper:hover {
  opacity: 1;
}
.share-wrapper .ya-share2__container_size_m .ya-share2__icon {
  width: 30px;
  height: 30px;
}
.share-wrapper .ya-share2__container_size_m .ya-share2__counter {
  line-height: 30px;
}
.share-wrapper .ya-share2__item {
  margin-bottom: 5px !important;
}
.share-wrapper .ya-share2__item:last-child {
  margin-bottom: 0 !important;
}
@media all and (max-width: 640px) {
  .share-wrapper {
    opacity: 0;
    left: auto;
    right: -50px;
  }
  .share-wrapper.active {
    opacity: 1;
    right: 0;
  }
  .share-wrapper .ya-share2__counter {
    display: none;
  }
}
@media all and (max-width: 640px) {
  .share-button-mobile {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    padding: 15px;
    text-indent: -9999px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADmUlEQVRoQ+2ZWchNURTH70dEhggvlD6lzBkyF15kzFhI8fA9UJIHRZHhhTKEECKS8kKURJ4NEcqQDA9EPCDzlHn6/eucOs7d+5yz3Xu/fW7dVf++e/ZZe+/132vvtdc6X12hyqWuyu0v1Aj49mDNAzUPFAotWIQFYDboBf6Ae+AoOAC+JS2S7y3UHeNOgx4WI+/SPgU8tJHwSaADRl0HXVO24SPeDwLvTHo+CezBoEUZz9B29JbmiUBzjHkNWmck8B69juBnXN+XBwZgyI2MxodqfflxJy8ERmPIOUcCw9G/kgcCvTFiHZjpSKAz+s98EhjI5KvBDOC6dW/Rp7+vQzyMideAyY4rHlWfxcPxxiYwJljxsRbDP9N+E4xMIaZwu9im4+LKegbpGbhfN+Rjy6DjAsNHWd5/oH032AYUSpcHHoqH1I+0rwW6A6yShYBWcjMYGhvlMs/LwMWgfSp/Vxn0wm5v+bED7AT6HZV2PEwCOuDKhRQuzwCRTZQ0Akqy9oImllF+0b4VjAfGQ0b7y0BHW0GrWlZJIqC9eSHB+DRDnqKwBewD2u8VkSQCZ5lR28dVdDY2gYMgMRV2HdikbyOgvOMFSNti0TEf8LABHAY/ymFcljFsBo6g86UsA0R0FO+vOvYpWd1GQBGnKO9Imc2Yq5RsYcoANgJt6fcGNHUw4BW6iu27QNmjjc2OpD1+kk6K7a6iGK/LR/HeWEW5Dpikn0RABfY10PI/J1QRIm/IK/JmRSQtykxk1mOglWV2bZUVQIX3BIvOJ9p1ielO0KVWVkkjoMn05UD5+3SgTyCSL+AEUHqsolsyBCjrFBmT6DLTpaa05HlMQQW+tqtyrd9An1VOgXjKUTRuFgJhJ9Wx3YIHGf3dYqjKRRGx5f1feafvPbrsdFuvBMqh4ltVhNeDjUD5kVFcCNjGsLWrhpWHlMubciktgAqVwSkD7+f9Qh8Ewjm1LbTCc4FLWI7arL5HTCQq6YH4fDpL2i7zQTNHd95Gv59vAuH89fxQUJjnSKIL+joz/0hjeiA6saq1844EcvNZRXar+FE97CJ9UFYpmwsPKCQrd2qTkYHug05AFWAuCMgI5UpLMhLQLa7iv0h8nQEZ0h4o1wovRxuX+7zQXWEs8H0SkMEyXlmvMUTSrnMyDTyxsfNNQHbpPDSAOSD8F5M+q+hfTIdA0Sf1KJk8EMh4DMxqNQIlLV8ZOtc8UIZFLGmIqvfAX5FbjjFqeVYcAAAAAElFTkSuQmCC) center center no-repeat;
    background-size: cover;
    opacity: .2;
  }
}
@media all and (min-width: 641px) {
  .share-button-mobile {
    display: none;
  }
}