@charset "UTF-8";
.anton {
  font-family: 'Anton', sans-serif;
}

@font-face {
  font-family: 'BebasNeueRegular';
  src: url("../fonts/BebasNeue-webfont.eot");
  src: url("../fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue-webfont.woff") format("woff"), url("../fonts/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: BebasNeueBold;
  src: url("/fonts/bebas_neue/BebasNeue Bold.ttf") format("truetype"), url("/fonts/bebas_neue/BebasNeue Bold.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: BebasNeueLight;
  src: url("/fonts/bebas_neue/BebasNeue Light.ttf") format("truetype"), url("/fonts/bebas_neue/BebasNeue Light.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: BebasNeueBook;
  src: url("/fonts/bebas_neue/BebasNeue Book.ttf") format("truetype"), url("/fonts/bebas_neue/BebasNeue Book.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}

/* futura */
@font-face {
  font-family: 'FuturaCondensedMedium';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-condensed-medium/futura-condensed-medium.eot");
  /* IE9 Compat Modes */
  src: local("FuturaCondensedMedium"), local("FuturaCondensedMedium"), url("../fonts/futura-condensed-medium/futura-condensed-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-condensed-medium/futura-condensed-medium.woff2") format("woff2"), url("../fonts/futura-condensed-medium/futura-condensed-medium.woff") format("woff"), url("../fonts/futura-condensed-medium/futura-condensed-medium.ttf") format("truetype"), url("../fonts/futura-condensed-medium/futura-condensed-medium.svg#FuturaBT-MediumCondensed") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'FuturaCondensedExtraBold';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-condensed-extra-bold/futura-condensed-extra-bold.eot");
  /* IE9 Compat Modes */
  src: local("Futura-CondensedExtraBold"), local("Futura-CondensedExtraBold"), url("../fonts/futura-condensed-extra-bold/futura-condensed-extra-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-condensed-extra-bold/futura-condensed-extra-bold.woff2") format("woff2"), url("../fonts/futura-condensed-extra-bold/futura-condensed-extra-bold.woff") format("woff"), url("../fonts/futura-condensed-extra-bold/futura-condensed-extra-bold.ttf") format("truetype"), url("../fonts/futura-condensed-extra-bold/futura-condensed-extra-bold.svg#FuturaBT-MediumCondensed") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'FuturaCondensedLight';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/futura-condensed-extra-bold/futura-condensed-light.eot");
  /* IE9 Compat Modes */
  src: local("Futura-CondensedLight"), local("Futura-CondensedLight"), url("../fonts/futura-condensed-light/futura-condensed-light.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-condensed-light/futura-condensed-light.woff2") format("woff2"), url("../fonts/futura-condensed-light/futura-condensed-light.woff") format("woff"), url("../fonts/futura-condensed-light/futura-condensed-light.ttf") format("truetype"), url("../fonts/futura-condensed-light/futura-condensed-light.svg#FuturaBT-Light") format("svg");
  /* Legacy iOS */
}

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/poppins/poppins-v1-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/poppins/poppins-v1-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v1-latin-300.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-300.woff") format("woff"), url("../fonts/poppins/poppins-v1-latin-300.ttf") format("truetype"), url("../fonts/poppins/poppins-v1-latin-300.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins/poppins-v1-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/poppins/poppins-v1-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v1-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-regular.woff") format("woff"), url("../fonts/poppins/poppins-v1-latin-regular.ttf") format("truetype"), url("../fonts/poppins/poppins-v1-latin-regular.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/poppins/poppins-v1-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins/poppins-v1-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v1-latin-500.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-500.woff") format("woff"), url("../fonts/poppins/poppins-v1-latin-500.ttf") format("truetype"), url("../fonts/poppins/poppins-v1-latin-500.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins/poppins-v1-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins/poppins-v1-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v1-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-600.woff") format("woff"), url("../fonts/poppins/poppins-v1-latin-600.ttf") format("truetype"), url("../fonts/poppins/poppins-v1-latin-600.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/poppins/poppins-v1-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v1-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v1-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v1-latin-700.woff") format("woff"), url("../fonts/poppins/poppins-v1-latin-700.ttf") format("truetype"), url("../fonts/poppins/poppins-v1-latin-700.svg#Poppins") format("svg");
  /* Legacy iOS */
}

.bebas {
  font-family: 'BebasNeueRegular';
}

.bebas-book {
  font-family: 'BebasNeueBook';
}

.bebas-bold {
  font-family: 'BebasNeueBold';
}

.bebas-light {
  font-family: 'BebasNeueLight';
}

.calvert-bold {
  font-family: 'CalvertMT-bold';
}

.calvert-normal {
  font-family: 'CalvertMT';
}

.calvert-light {
  font-family: 'CalvertMT-light';
}

/* 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: 0;
  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;
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.menu-col {
  float: left;
  display: block;
  width: 25%;
  padding: 0 10px;
}

@media screen and (max-width: 1077px) {
  .menu-col {
    width: 100%;
  }
}

@media screen and (max-width: 1077px) {
  .menu-col.sm-full {
    width: 100%;
    float: left !important;
  }
}

.half-ng {
  display: block;
  float: left;
  width: 50%;
}

@media screen and (max-width: 479px) {
  .half-ng {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .half-ng:last-child {
    margin-right: 0;
  }
}

.sm-half-ng {
  float: left;
  display: block;
}

@media screen and (max-width: 1077px) {
  .sm-half-ng {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .sm-half-ng {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .xs-half-ng {
    float: left;
    display: block;
    width: 51.17883%;
  }
  .xs-half-ng:last-child {
    width: 48.82117%;
  }
}

@media screen and (max-width: 767px) and (max-width: 639px) {
  .xs-half-ng {
    float: left;
    display: block;
    width: 102.35765%;
  }
  .xs-half-ng:last-child {
    width: 100%;
  }
}

.full {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.full:last-child {
  margin-right: 0;
}

.half {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
}

.half:last-child {
  margin-right: 0;
}

@media screen and (max-width: 479px) {
  .half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .half:last-child {
    margin-right: 0;
  }
}

.one-third {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
}

.one-third:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .one-third:last-child {
    margin-right: 0;
  }
}

.two-thirds {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
}

.two-thirds:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .two-thirds:last-child {
    margin-right: 0;
  }
}

.one-quarter {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
}

.one-quarter:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .one-quarter:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 639px) {
  .one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .one-quarter:last-child {
    margin-right: 0;
  }
}

.one-sixth {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%;
}

.one-sixth:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .one-sixth:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .one-sixth:last-child {
    margin-right: 0;
  }
}

.three-quarters {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
}

.three-quarters:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .three-quarters:last-child {
    margin-right: 0;
  }
}

.one-fifth {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 17.72593%;
}

.one-fifth:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .one-fifth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .one-fifth:last-child {
    margin-right: 0;
  }
}

.four-fifths {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 79.43148%;
}

.four-fifths:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .four-fifths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .four-fifths:last-child {
    margin-right: 0;
  }
}

.two-fifths {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 38.29445%;
}

.two-fifths:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .two-fifths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .two-fifths:last-child {
    margin-right: 0;
  }
}

.three-fifths {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 58.86297%;
}

.three-fifths:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .three-fifths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .three-fifths:last-child {
    margin-right: 0;
  }
}

.col-half {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  padding: 0 10px;
}

.col-half:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-half:last-child {
    margin-right: 0;
  }
}

.col-one-third {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  padding: 0 10px;
}

.col-one-third:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-one-third:last-child {
    margin-right: 0;
  }
}

.col-two-thirds {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  padding: 0 10px;
}

.col-two-thirds:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-two-thirds:last-child {
    margin-right: 0;
  }
}

.col-one-quarter {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  padding: 0 10px;
}

.col-one-quarter:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .col-one-quarter:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 639px) {
  .col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-one-quarter:last-child {
    margin-right: 0;
  }
}

.col-one-sixth {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%;
  padding: 0 10px;
}

.col-one-sixth:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .col-one-sixth:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .col-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-one-sixth:last-child {
    margin-right: 0;
  }
}

.col-three-quarters {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
  padding: 0 10px;
}

.col-three-quarters:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-three-quarters:last-child {
    margin-right: 0;
  }
}

.col-one-fifth {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 17.72593%;
  padding: 0 10px;
}

.col-one-fifth:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-one-fifth:last-child {
    margin-right: 0;
  }
}

.col-two-fifths {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 38.29445%;
  padding: 0 10px;
}

.col-two-fifths:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-two-fifths:last-child {
    margin-right: 0;
  }
}

.col-three-fifths {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 58.86297%;
  padding: 0 10px;
}

.col-three-fifths:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-three-fifths:last-child {
    margin-right: 0;
  }
}

.col-four-fifths {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 79.43148%;
  padding: 0 10px;
}

.col-four-fifths:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .col-four-fifths:last-child {
    margin-right: 0;
  }
}

.container,
.container-fluid {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

.container::after,
.container-fluid::after {
  clear: both;
  content: "";
  display: table;
}

.container .full-width,
.container-fluid .full-width {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0 15px;
}

.container .full-width:last-child,
.container-fluid .full-width:last-child {
  margin-right: 0;
}

.container .half,
.container-fluid .half {
  padding: 0 15px;
}

.container .one-third,
.container-fluid .one-third {
  padding: 0 15px;
}

.container .two-thirds,
.container-fluid .two-thirds {
  padding: 0 15px;
}

.container .one-quarter,
.container-fluid .one-quarter {
  padding: 0 15px;
}

.container .three-quarters,
.container-fluid .three-quarters {
  padding: 0 15px;
}

.container .one-fifth,
.container-fluid .one-fifth {
  padding: 0 15px;
}

.container .four-fifths,
.container-fluid .four-fifths {
  padding: 0 15px;
}

.container .two-fifths,
.container-fluid .two-fifths {
  padding: 0 15px;
}

.container .three-fifths,
.container-fluid .three-fifths {
  padding: 0 15px;
}

.container {
  padding: 0 32px;
}

@media screen and (max-width: 1229px) {
  .container {
    max-width: 900px;
  }
}

@media screen and (max-width: 1077px) {
  .container {
    max-width: 710px;
  }
}

.container-fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-fluid::after {
  clear: both;
  content: "";
  display: table;
}

.row {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
}

.row::after {
  clear: both;
  content: "";
  display: table;
}

.col-row {
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}

.col-row::after {
  clear: both;
  content: "";
  display: table;
}

.section {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

.section::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1229px) {
  .section {
    max-width: 900px;
  }
}

@media screen and (max-width: 1077px) {
  .section {
    max-width: 710px;
  }
}

.section.post-section {
  padding-top: 40px;
}

.section .content {
  float: left;
  display: block;
  width: calc(100% - 300px);
  padding-right: 40px;
}

@media screen and (max-width: 1077px) {
  .section .content {
    width: 100%;
    padding-right: 0;
  }
}

.section .content-sm {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 50.13221%;
  padding: 0 15px;
}

.section .content-sm:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .section .content-sm {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .section .content-sm:last-child {
    margin-right: 0;
  }
}

.section .side-bar {
  float: left;
  display: block;
  width: 300px;
}

@media screen and (max-width: 1077px) {
  .section .side-bar {
    width: 100%;
  }
}

.section .side-bar-md {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 24.76286%;
  padding: 0 15px;
}

.section .side-bar-md:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .section .side-bar-md {
    display: none;
  }
}

.section .side-bar-sm {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 20.38963%;
  padding: 0 15px;
}

.section .side-bar-sm:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .section .side-bar-sm {
    display: none;
  }
}

.page-loader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  margin-right: -8px;
  top: 0;
  left: 0;
  background-color: #fff;
  text-align: center;
  z-index: 99999;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  perspective: 1200;
}

.flipper {
  position: relative;
  display: block;
  height: inherit;
  width: inherit;
  animation: flip 1.2s infinite ease-in-out;
  transform-style: preserve-3d;
}

.front {
  background: url("/img/logo-circle.jpg") center center no-repeat;
}

.front,
.back {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  display: block;
  font: 500 17px/40px "din-2014";
  background-color: #FFF;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  text-align: center;
}

.back {
  background-color: #ebebeb;
  z-index: 800;
  transform: rotateY(-180deg);
}

@keyframes flip {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(0deg) rotateY(360deg);
  }
}

.bg-white {
  background-color: #fff;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.black {
  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;
}

.full-width {
  width: 100%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.hide {
  display: none;
}

.inline-block {
  display: inline-block;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.italics {
  font-style: italic;
}

.clearfix:after, .js-sidebar:after, .gallery .inner:after, .post:after, .rate-tp-2 ul:after, .pst-block-head:after, .pst-box-head:after, .pst-box-main .pst-box-inner:after, .vpst-block-head:after, .vpst-block-main:after, .trpst-block-head:after, .filters-list-3:after, .filters-blc-1:after, .filters-blc-2:after, .post-sharing-tp-1:after, .post-sharing-tp-2:after, .tags-list:after, .post-tags-list:after, .weather-days-list:after, .page-nav:after, .page-title:after, .breadcrumbs:after, .small-gallery:after, .half-gallery:after, .medium-gallery:after, .large-gallery:after, .post-next-prev:after, .rating-title:after, .rw-summary:after, .members-items:after, .member-filter:after, .forum-titles:after, .bbp-forum:after, .shop-products-items:after, .shop-product-item:after, .main-nav:after, .main-nav-list:after,
.sf-menu:after, .footer .footer-row:after, .ft-list-1 li:after,
.ft-list-2 li:after, .ft-social-list:after, .ft-menu-list:after, .inst-list:after, .sp-popup .btns:after, .sp-popup .social .pp-social-list:after, .sp-js-crop-popup .btns:after, .sp-js-crop-popup .social .pp-social-list:after {
  content: "";
  display: table;
  clear: both;
}

.margin-r-none {
  margin-right: 0 !important;
}

.margin-l-none {
  margin-left: 0 !important;
}

.margin-t-none {
  margin-top: 0 !important;
}

.margin-b-none {
  margin-bottom: 0 !important;
}

.padding-b-none {
  padding-bottom: 0 !important;
}

.margin-b-30 {
  margin-bottom: 30px;
}

.margin-t-30 {
  margin-top: 30px;
}

.margin-b-20 {
  margin-bottom: 20px;
}

.margin-t-20 {
  margin-top: 20px;
}

.margin-b-15 {
  margin-bottom: 15px;
}

.margin-t-15 {
  margin-top: 15px;
}

.margin-10 {
  margin: 10px;
}

.padding-t-20 {
  padding-top: 20px;
}

.padding-b-20 {
  padding-bottom: 20px;
}

.bm-pink {
  color: #d2226b;
}

.swiper-wrapper {
  box-sizing: border-box;
}

.adaptive {
  display: block;
  max-width: 100%;
  height: auto;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.cell {
  display: table-cell;
  vertical-align: middle;
}

.flex {
  display: flex;
  align-items: center;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.lsb-list a,
.mh-search .st-btn-1,
.ft-social-list a,
.tb-social-list a,
.htp-2-social-list a,
.htp-3-social-list a,
.pp-social-list a,
.sp-popup .btns a,
.social-tp-2 a,
.author-social a,
.post-tp-1 figure,
.post-tpv-1 figure,
.post-tpv-2 figure,
.post-tp-2 figure,
.post-tp-12 figure,
.post-tp-14 figure,
.owl-page span,
.sbr-dots span,
.filters-list a,
.ptp-4-overlay,
.ptp-5-overlay,
.ptp-8-overlay,
.ptp-13-overlay,
.ptp-23-overlay,
.ptp-24-overlay,
.ptp-25-overlay,
.ptp-27-overlay,
.ptp-30-overlay,
.ptp-31-overlay,
.filters-list-1 a,
.filters-list-2 a,
.filters-list-2 a,
.filters-list-3 a,
.sbsb-btn button,
.src-btn button,
.btn-1,
.btn-2,
.btn-3,
.btn-4,
.btn-5,
.btn-6,
.btn-7,
.btn-8,
.page-nav .pn-item,
.weather-days-list a,
.nav-arrow,
.slide-count,
.info-tp-1 a,
.post-tp-26 figure:before,
.thumbs-img figure:before,
.post-next-prev a,
.post-sharing-tp-1 a,
.post-sharing-tp-2 a,
.comment-list .reply,
.gallery-item .img:before,
.gallery-item .img a:before,
.gallery-item .img:after,
.members-item:before,
.members-photo:before,
.members-photo:after,
.shop-products-item-overlay,
.popup-close-ic,
.aside-menu-close-ic,
.mb-menu-close-ic,
.sticky-header,
.left-sticky-bar {
  transition: all 500ms;
}

.title-3,
.title-5,
.title-6,
.title-10,
.trpst-block-foot a,
.pst-block-foot a,
.all-sb a,
.filters-drop a,
.top-rate:before,
.accordion dt .fa {
  transition: all 300ms;
}

.left-sticky-bar {
  transition-timing-function: ease-out;
}

.arr-ic-1, .arr-left-light-ic, .arr-right-light-ic, .arr-up-light-ic, .arr-down-light-ic, .arr-left-dark-ic, .arr-right-dark-ic, .arr-up-dark-ic, .arr-down-dark-ic {
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  text-align: center;
  line-height: 23px;
  text-decoration: none;
  vertical-align: middle;
}

.arr-ic-1 i, .arr-left-light-ic i, .arr-right-light-ic i, .arr-up-light-ic i, .arr-down-light-ic i, .arr-left-dark-ic i, .arr-right-dark-ic i, .arr-up-dark-ic i, .arr-down-dark-ic i {
  display: inline-block;
  vertical-align: middle;
}

.arr-ic-2, .arr-left-light-lg-ic, .arr-left-light-sm-ic {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  width: 27px;
  height: 27px;
  overflow: hidden;
  text-align: center;
  line-height: 23px;
  text-decoration: none;
  vertical-align: middle;
}

.arr-ic-2 i, .arr-left-light-lg-ic i, .arr-left-light-sm-ic i {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 2px;
}

.arr-ic-3 {
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-align: center;
  line-height: 22px;
  text-decoration: none;
  vertical-align: middle;
}

.arr-ic-3 i {
  color: #474747;
  display: inline-block;
  vertical-align: middle;
}

.arr-left-light-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -34px 0px;
  width: 9px;
  height: 5px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-left-light-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-right-light-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -52px 0px;
  width: 9px;
  height: 5px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-right-light-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-up-light-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -10px 0px;
  width: 5px;
  height: 9px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-up-light-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-down-light-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -20px 0px;
  width: 5px;
  height: 9px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-down-light-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-left-dark-ic {
  border-color: #d1d1d1;
}

.arr-left-dark-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -25px 0px;
  width: 9px;
  height: 5px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-left-dark-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-right-dark-ic {
  border-color: #d1d1d1;
}

.arr-right-dark-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -43px 0px;
  width: 9px;
  height: 5px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-right-dark-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-up-dark-ic {
  border-color: #d1d1d1;
}

.arr-up-dark-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -5px 0px;
  width: 5px;
  height: 9px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-up-dark-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-down-dark-ic {
  border-color: #d1d1d1;
}

.arr-down-dark-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: 0px 0px;
  width: 5px;
  height: 9px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-down-dark-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-left-light-lg-ic {
  width: 35px;
  height: 35px;
  line-height: 31px;
}

.arr-left-light-lg-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -80px 0px;
  width: 11px;
  height: 12px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-left-light-lg-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.arr-left-light-sm-ic i {
  background-image: url(../img/sprite-retina.png);
  background-position: -15px 0px;
  width: 5px;
  height: 7px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arr-left-light-sm-ic i {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.list-ic-1 {
  background-image: url(../img/sprite-retina.png);
  background-position: -171px 0px;
  width: 16px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .list-ic-1 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.list-ic-2 {
  background-image: url(../img/sprite-retina.png);
  background-position: -91px 0px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .list-ic-2 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.list-ic-3 {
  background-image: url(../img/sprite-retina.png);
  background-position: -139px 0px;
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .list-ic-3 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.list-ic-4 {
  background-image: url(../img/sprite-retina.png);
  background-position: -107px 0px;
  width: 16px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .list-ic-4 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.cart-ic-light {
  background-image: url(../img/sprite-retina.png);
  background-position: -155px 0px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cart-ic-light {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.cart-ic-dark {
  background-image: url(../img/sprite-retina.png);
  background-position: -123px 0px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cart-ic-dark {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.remove-ic-1 {
  background-image: url(../img/sprite.png);
  background-position: -36px 0px;
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
}

.remove-ic-2 {
  background-image: url(../img/sprite.png);
  background-position: -45px 0px;
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
}

.check-ic-1 {
  background-image: url(../img/sprite.png);
  background-position: -54px 0px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

.paypal-ic {
  background-image: url(../img/sprite.png);
  background-position: -155px 0px;
  width: 39px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}

.popup-close-ic {
  background-image: url(../img/sprite.png);
  background-position: -126px 0px;
  width: 29px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
}

.aside-menu-close-ic {
  background-image: url(../img/sprite.png);
  background-position: -106px 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.popup-arr-left-ic {
  background-image: url(../img/sprite-retina.png);
  background-position: -61px 0px;
  width: 9px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .popup-arr-left-ic {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.mb-menu-close-ic {
  background-image: url(../img/sprite-retina.png);
  background-position: -187px 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mb-menu-close-ic {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.lg-offset {
  margin-bottom: 45px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.pull-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.align-left {
  float: left;
  margin: 6px 20px 15px 0;
}

.align-right {
  float: right;
  margin: 6px 0 15px 20px;
}

.align-center {
  margin: 0 0 15px;
}

.align-center img {
  margin: 0 auto;
}

.block-center {
  margin-right: auto;
  margin-left: auto;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.fixed {
  position: fixed;
}

video {
  width: 100% !important;
  height: auto !important;
}

.video-wrap {
  position: relative;
  padding-bottom: 54%;
  /* 16:9 56.25% */
  padding-top: 25px;
  height: 0;
}

.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.soundcloud iframe {
  display: block;
  max-height: 180px;
}

.awesome-font, .mark-list li:before {
  font: normal normal normal 14px/1 'FontAwesome';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "din-2014";
  font-weight: 400;
  padding: 13px 0;
  line-height: 1;
  color: #232323;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 15px;
}

strong {
  font-weight: 600;
}

.din-2014 {
  font-family: "din-2014";
}

p {
  font: 17px/23px "din-2014";
  margin-bottom: 20px;
}

p a {
  color: #0999c4;
  text-decoration: none;
}

p.p {
  font: 13px/23px "din-2014";
  margin: 0;
}

p .orange {
  background-color: #0999c4;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  padding: 0 4px 2px;
}

p .dark {
  background-color: #16171a;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  padding: 0 4px 2px;
}

p .light {
  background-color: #efefef;
  line-height: 16px;
  display: inline-block;
  padding: 0 4px 2px;
}

p .underline {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAFklEQVQIW2Ncv379fwY0EBgYyAgSAgBXKgQCHSg8kwAAAABJRU5ErkJggg==) repeat-x bottom;
  line-height: 16px;
  display: inline-block;
  padding: 0 4px 2px;
}

hr {
  border: none;
  border-top: 1px solid #f2f2f2;
  margin: 15px 0 25px;
}

blockquote {
  font: 24px/26px "din-2014";
  position: relative;
  padding: 0px 0 0px 16px;
  margin-bottom: 23px;
}

blockquote p {
  color: #313131;
  font: 18px/26px "din-2014";
  margin: 0;
  position: relative;
}

blockquote .author {
  color: #626465;
  display: inline-block;
  font: 12px/22px "din-2014";
}

.inline-lg {
  font: 25px/26px "din-2014";
  float: right;
  width: 250px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .inline-lg {
    padding: 0;
    float: none;
    width: 100%;
    text-align: center;
  }
}

.bq-tp-1 {
  border-left: 1px solid #0999c4;
}

.bq-tp-2 {
  padding: 3px 0 4px 27px;
}

.bq-tp-2:before {
  content: "”";
  color: #e9e9e9;
  font-size: 100px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: -6px;
}

.bq-tp-3 {
  background-color: #fcfcfc;
  padding: 33px 20px 34px 50px;
}

.bq-tp-3:before {
  content: "“";
  color: #0999c4;
  font-size: 40px;
  line-height: 1;
  position: absolute;
  left: 20px;
  top: 35px;
}

.bq-tp-3 p {
  color: #6f6f6f;
  font: 16px/24px "din-2014";
  margin-bottom: 4px;
}

.list {
  color: #414141;
  font-size: 14px;
  margin-bottom: 25px;
}

.list li {
  padding: 6px 0;
}

.list i {
  margin-right: 10px;
}

.mark-list li {
  padding-left: 20px;
  position: relative;
}

.mark-list li:before {
  color: #16171a;
  content: "\f00c";
  font-size: 11px;
  line-height: 35px;
  position: absolute;
  left: 0;
  top: 0;
}

.mark-list.mark-circle li {
  padding-left: 14px;
}

.mark-list.mark-circle li:before {
  content: "\f111";
  font-size: 7px;
}

.num-list {
  list-style: decimal inside;
}

.font-18 {
  font-size: 18px;
}

.futura-light {
  font-family: "FuturaCondensedLight";
}

.title-blc-1 {
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 15px;
  border-bottom: 1px solid #d1d1d1;
}

.title-blc-1 h4 {
  padding: 0;
}

.title-blc-1 .title-blc-inner {
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: -6px;
}

.title-blc-1 .title-blc-inner.huge {
  padding-bottom: 14px;
  border-bottom: 1px solid #000;
  font-size: 38px;
  font-weight: 700;
  line-height: 1em;
  display: inline-block;
  margin-bottom: -6px;
}

@media screen and (max-width: 1077px) {
  .title-blc-1 .title-blc-inner.huge {
    border: none;
  }
}

.title-blc-1 .title-blc-inner.mega {
  padding-bottom: 14px;
  border-bottom: 1px solid #000;
  font-size: 72px;
  font-weight: 700;
  line-height: 1em;
  display: inline-block;
  margin-bottom: -6px;
}

@media screen and (max-width: 1077px) {
  .title-blc-1 .title-blc-inner.mega {
    border: none;
  }
}

.title-blc-1 .huge-after {
  font-size: 38px;
  font-weight: 600;
  line-height: 1em;
}

.title-blc-2 .title-blc-inner p {
  color: #949494;
  font-size: 12px;
  line-height: 17px;
  margin: 7px 0 0;
}

.title-blc-2 h4 {
  padding: 0;
}

.title-blc-2 span {
  font-weight: 400;
  font-size: 21px;
}

.title-blc-3 {
  border-radius: 2px;
  border: 1px solid #ebebeb;
  padding: 7px 15px;
  text-align: center;
}

.title-blc-4 {
  background-color: #fafafa;
  border-radius: 2px;
  padding: 15px 25px;
  margin-bottom: 27px;
}

.title-blc-5 {
  overflow: hidden;
  margin-bottom: 19px;
}

.title-blc-5 .title-27 {
  display: inline-block;
  position: relative;
}

.title-blc-5 .title-27:before {
  background-color: #ebebeb;
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 10000%;
  height: 1px;
  margin-left: 8px;
}

.title-blc-5 .title-27 .check-ic-1 {
  margin: -2px 0 0 2px;
}

.title-1 {
  color: #fff;
  font: 700 30px/33px "din-2014";
  padding: 0;
  font-weight: 400;
}

.title-1 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 639px) {
  .title-1 {
    font-size: 18px;
    line-height: 19.8px;
  }
}

.title-2 {
  font: 700 27px/1.2em "din-2014";
  padding: 0;
}

.title-2 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 1229px) {
  .title-2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
}

.title-3 {
  color: #181818;
  font: 700 18px/21px "din-2014";
  padding: 0;
}

.title-3 a {
  color: inherit;
  text-decoration: none;
}

.title-4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  padding: 0;
}

.title-4 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 1229px) {
  .title-4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
}

.title-5 {
  color: #181818;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  padding: 0;
}

.title-5 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 1229px) {
  .title-5 {
    font-size: 14.4px;
    line-height: 20.7px;
    font-weight: 400;
  }
}

.title-6 {
  color: #181818;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  padding: 0;
}

.title-6 a {
  color: inherit;
  text-decoration: none;
}

.title-7 {
  color: #fff;
  font: 700 21px/27px "din-2014";
  padding: 0;
}

.title-7 a {
  color: inherit;
  text-decoration: none;
}

.title-8 {
  color: #909090;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 14px;
  padding: 0;
}

.title-8 strong {
  color: #1b1b1b;
}

.title-8 a {
  color: inherit;
  text-decoration: none;
}

.title-9 {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 8px;
  padding: 0;
}

.title-9 a {
  color: inherit;
  text-decoration: none;
}

.title-10 {
  color: #181818;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 5px;
  padding: 0;
}

.title-10 a {
  color: inherit;
  text-decoration: none;
}

.title-11 {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 14px;
  padding: 0;
}

.title-11 a {
  color: inherit;
  text-decoration: none;
}

.title-12 {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 5px;
  padding: 0;
}

.title-12 a {
  color: inherit;
  text-decoration: none;
}

.title-13 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  padding: 0;
}

.title-13 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 1077px) {
  .title-13 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
  }
}

@media screen and (max-width: 767px) {
  .title-13 {
    font-size: 24px;
    line-height: 25px;
    font-weight: 400;
  }
}

.title-14 {
  color: #181818;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  padding: 0;
}

.title-14 a {
  color: inherit;
  text-decoration: none;
}

.title-15 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  padding: 0;
}

.title-15 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 1077px) {
  .title-15 {
    font-size: 19px;
    font-weight: 400;
  }
}

.title-16 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  float: left;
  line-height: 25px;
  padding: 0;
}

.title-16 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .title-16 {
    font-size: 20px;
  }
}

.title-17 {
  color: #181818;
  font-size: 21px;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
}

.title-17 a {
  color: inherit;
  text-decoration: none;
}

.title-18 {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  padding: 0;
}

.title-18 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .title-18 {
    font-size: 22px;
    line-height: 28px;
  }
}

.title-19 {
  line-height: 27px;
  margin-bottom: 13px;
  padding: 3px 0;
}

.title-19 a {
  color: inherit;
  text-decoration: none;
}

.title-20 {
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  padding: 0;
}

.title-20 a {
  color: inherit;
  text-decoration: none;
}

.title-21 {
  color: #000;
  font-size: 39px;
  font-weight: 700;
  line-height: 39px;
  padding: 9px 0 15px;
}

.title-21 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .title-21 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
  }
}

.title-22 {
  color: #000;
  font-size: 39px;
  font-weight: 700;
  line-height: 39px;
  padding: 6px 0 11px;
}

.title-22 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .title-22 {
    font-size: 20px;
    line-height: 28px;
  }
}

.title-23 {
  color: #000;
  font-size: 44px;
  font-weight: 700;
  line-height: 44px;
  padding: 9px 0 15px;
}

.title-23 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .title-23 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
  }
}

.title-24 {
  color: #222222;
  font-size: 12px;
  font-weight: 700;
  line-height: 25px;
  padding: 0;
  text-transform: uppercase;
}

.title-24 a {
  color: inherit;
  text-decoration: none;
}

.title-25 {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 29px;
  padding: 0;
}

.title-25 a {
  color: inherit;
  text-decoration: none;
}

.title-26 {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  padding: 0;
  text-transform: uppercase;
}

.title-26 a {
  color: inherit;
  text-decoration: none;
}

.title-27 {
  color: #000;
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
  padding: 0;
}

.title-27 a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .title-27 {
    font-size: 16px;
  }
}

.title-28 {
  color: #000;
  font: 700 13px/25px "din-2014";
  padding: 0;
}

.title-28 a {
  color: inherit;
  text-decoration: none;
}

.title-29 {
  color: #fff;
  font: 700 17px/25px "din-2014";
  padding: 0;
}

.title-29 a {
  color: inherit;
  text-decoration: none;
}

.title-num {
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  color: #0999c4;
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 31px;
  width: 33px;
  height: 33px;
  text-align: center;
  margin: -3px 11px -3px 0;
}

.dropcap, .dropcap-tp-1, .dropcap-tp-2, .dropcap-tp-3 {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  float: left;
  padding: 7px;
  margin: 6px 12px 0 0;
  text-align: center;
  text-transform: uppercase;
}

.dropcap-tp-1 {
  border: 1px solid #ececec;
  color: #000;
}

.dropcap-tp-2 {
  background-color: #0999c4;
  color: #fff;
}

.dropcap-tp-3 {
  background-color: #16171a;
  color: #fff;
}

/* Base for label styling */
.radio[type="radio"]:not(:checked),
.radio[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

.radio[type="radio"]:not(:checked) + label,
.radio[type="radio"]:checked + label {
  position: relative;
  padding-left: 23px;
  cursor: pointer;
}

label.rd-label {
  color: #626465;
  font-family: "din-2014";
}

/* radio aspect */
.radio[type="radio"]:not(:checked) + label:before,
.radio[type="radio"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 13px;
  height: 13px;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  transition: all 500ms;
}

/* checked mark aspect */
.radio[type="radio"]:not(:checked) + label:after,
.radio[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  width: 7px;
  height: 7px;
  background: #000;
  border-radius: 50%;
  transition: all 300ms;
}

/* checked mark aspect changes */
.radio[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.radio[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled radio */
.radio[type="radio"]:disabled:not(:checked) + label:before,
.radio[type="radio"]:disabled:checked + label:before {
  border-color: #bbb;
  background-color: #ddd;
}

.radio[type="radio"]:disabled:checked + label:after {
  background: #999;
}

.radio[type="radio"]:disabled + label {
  background: #aaa;
}

/* accessibility */
.radio[type="radio"]:checked:focus + label:before,
.radio[type="radio"]:not(:checked):focus + label:before {
  border-color: #919191;
}

/* hover style just for information */
label.rd-label:hover:before {
  border-color: #919191 !important;
}

/* Base for label styling */
.checkbox[type="checkbox"]:not(:checked),
.checkbox[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.checkbox[type="checkbox"]:not(:checked) + label,
.checkbox[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 23px;
  cursor: pointer;
}

label.cb-label {
  color: #626465;
  font-family: "din-2014";
}

/* checkbox aspect */
.checkbox[type="checkbox"]:not(:checked) + label:before,
.checkbox[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #b2b2b2;
  border-radius: 3px;
  transition: all 500ms;
}

/* checked mark aspect */
.checkbox[type="checkbox"]:not(:checked) + label:after,
.checkbox[type="checkbox"]:checked + label:after {
  content: "✔";
  color: #0999c4;
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  font-size: 17px;
  line-height: 12px;
  text-align: center;
  transition: all 300ms;
}

/* checked mark aspect changes */
.checkbox[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.checkbox[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.checkbox[type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox[type="checkbox"]:disabled:checked + label:before {
  border-color: #bbb;
  background-color: #ddd;
}

.checkbox[type="checkbox"]:disabled:checked + label:after {
  background: #999;
}

.checkbox[type="checkbox"]:disabled + label {
  background: #aaa;
}

/* accessibility */
.checkbox[type="checkbox"]:checked:focus + label:before,
.checkbox[type="checkbox"]:not(:checked):focus + label:before {
  border-color: #919191;
}

/* hover style just for information */
label.cb-label:hover:before {
  border-color: #919191 !important;
}

/* Base for label styling */
.radio-tp-2[type="radio"]:not(:checked),
.radio-tp-2[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

.radio-tp-2[type="radio"]:not(:checked) + label,
.radio-tp-2[type="radio"]:checked + label {
  display: block;
  position: relative;
  padding-left: 23px;
  cursor: pointer;
}

label.rd-label-tp-2 {
  color: #626465;
  font-family: "din-2014";
}

/* radio aspect */
.radio-tp-2[type="radio"]:not(:checked) + label:before,
.radio-tp-2[type="radio"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #aaaaaa;
  border-radius: 50%;
  transition: all 500ms;
}

/* checked mark aspect */
.radio-tp-2[type="radio"]:not(:checked) + label:after,
.radio-tp-2[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  transition: all 300ms;
}

/* checked radio aspect */
.radio-tp-2[type="radio"]:checked + label:before {
  background: #a5a5ab;
}

/* checked mark aspect changes */
.radio-tp-2[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.radio-tp-2[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled radio */
.radio-tp-2[type="radio"]:disabled:not(:checked) + label:before,
.radio-tp-2[type="radio"]:disabled:checked + label:before {
  border-color: #bbb;
  background-color: #ddd;
}

.radio-tp-2[type="radio"]:disabled:checked + label:after {
  background: #999;
}

.radio-tp-2[type="radio"]:disabled + label {
  background: #aaa;
}

/* accessibility */
.radio-tp-2[type="radio"]:checked:focus + label:before,
.radio-tp-2[type="radio"]:not(:checked):focus + label:before {
  border-color: #919191;
}

/* hover style just for information */
label.rd-label-tp-2:hover:before {
  border-color: #919191 !important;
}

.accordion {
  margin-bottom: 0px;
}

.accordion dt {
  margin-bottom: 9px;
}

.accordion dt.open .fa {
  color: #0999c4;
  transform: rotate(180deg);
}

.accordion dt a {
  /*
			background-color: #f7f7f7;
            border-radius: 3px;
            color: #000;
            */
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 12px 12px 12px 22px;
  text-decoration: none;
  position: relative;
}

.accordion dt .fa {
  font-size: 15px;
  line-height: 46px;
  position: absolute;
  left: 0px;
  top: 0;
}

.accordion dd {
  /*
		color: #6f6f6f;
        font-size: 14px;
        line-height: 24px;
        padding: 12px 0 20px 34px;
		*/
}

.gallery {
  margin-bottom: 30px;
}

.gallery .inner {
  margin: -3px;
}

.gallery .gallery-item {
  display: block;
  padding: 3px;
}

.gallery .gallery-item .img {
  cursor: pointer;
  position: relative;
}

.gallery .gallery-item .img:before, .gallery .gallery-item .img:after {
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 1px;
  width: 23px;
  opacity: 0;
  margin: 0 0 0 -11px;
  z-index: 2;
}

.gallery .gallery-item .img:before {
  width: 1px;
  height: 23px;
  margin: -11px 0 0 0;
}

.gallery .gallery-item .img:hover:before,
.gallery .gallery-item .img:hover a:before, .gallery .gallery-item .img:hover:after {
  opacity: 1;
}

.gallery .gallery-item .img img {
  width: 100%;
}

.gallery .gallery-item a {
  display: block;
  position: relative;
}

.gallery .gallery-item a:before {
  background-color: rgba(22, 23, 26, 0.15);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
}

.tabs .tabs-list {
  margin-bottom: 17px;
}

.tabs .tabs-list .tab {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  color: #000;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  float: left;
  margin-right: 3px;
  padding: 9px;
  min-width: 100px;
  text-align: center;
}

.tabs .tabs-list .tab.active {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #0999c4;
}

.tabs .tab-content p {
  font-size: 14px;
  line-height: 24px;
}

.tables {
  color: #6f6f6f;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.tables th {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  padding: 10px;
}

.tables td {
  border: 1px solid #f5f5f5;
  background-color: #fff;
  font: 14px/24px "din-2014";
  padding: 10px;
}

.input-tp-1 {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  color: #818181;
  font: 12px/26px "din-2014";
  padding: 6px 12px;
  width: 100%;
}

.label-tp-1 {
  display: inline-block;
  color: #000;
  font-size: 11px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.textarea-tp-1 {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  color: #818181;
  font: 12px/26px "din-2014";
  padding: 6px 12px;
  width: 100%;
  height: 74px;
  resize: none;
}

.sl-content p {
  margin: 0;
  padding: 1rem 0;
}

.sl-content blockquote {
  margin: 0;
  font-weight: bold;
}

.sl-content > h1 > span,
.sl-content > h2 > span,
.sl-content > h3 > span,
.sl-content > h4 > span,
.sl-content > h5 > span,
.sl-content > h6 > span,
.sl-content > h1,
.sl-content > h2,
.sl-content > h3,
.sl-content > h4,
.sl-content > h5,
.sl-content > h6 {
  color: #0f5271 !important;
  font-weight: bold;
  font-size: 24px;
  font-family: "din-2014";
}

.sl-summary {
  padding: 0 0 20px 0;
  font-family: "din-2014";
}

.sl-summary > h1 > span,
.sl-summary > h2 > span,
.sl-summary > h3 > span,
.sl-summary > h4 > span,
.sl-summary > h5 > span,
.sl-summary > h6 > span,
.sl-summary > h1,
.sl-summary > h2,
.sl-summary > h3,
.sl-summary > h4,
.sl-summary > h5,
.sl-summary > h6 {
  font-weight: bold;
  color: #aa3e80;
  font-size: 24px;
  font-family: "din-2014";
}

.sl-summary > p {
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-family: "din-2014";
}

.sl-summary > ul {
  list-style-type: none;
  padding: 0px 0 0 0px;
  margin: 0px 0 0 0px;
  position: relative;
  font-family: "din-2014";
  list-style-type: disc;
}

.sl-summary > ul > li {
  padding: 5px 0px 0 0px !important;
  margin: 0px 0 0 20px !important;
  font-weight: bold !important;
  font-family: "din-2014" !important;
  font-size: 20px !important;
  color: #000000 !important;
}

.sl-summary > ul > li > span {
  font-weight: bold;
  color: #105272 !important;
}

.sl-end {
  font-family: "din-2014";
  font-weight: bold;
  font-size: 21px;
  color: #000;
}

.quote {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 19px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 9px;
  width: 100%;
  height: 1px;
  background: #fff;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -4px;
}

.c-hamburger span::after {
  bottom: -4px;
}

.htx {
  background-color: transparent;
}

.htx span {
  transition: background 0s 0s;
}

.htx span::before,
.htx span::after {
  transition-duration: 0s, 0s;
  transition-delay: 0s, 0s;
}

.htx span::before {
  transition-property: top, transform;
}

.htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.htx.is-active span {
  background: none;
}

.htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.htx.is-active span::before,
.htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.st-btn-1 {
  appearance: none;
  color: #1c1c1c;
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: inline-block;
  padding: 0;
  text-decoration: none;
}

.btn-1 {
  appearance: none;
  color: #fff;
  background-color: #0999c4;
  border-radius: 0.5rem;
  cursor: pointer;
  font: 700 18px "din-2014";
  border: none;
  display: inline;
  padding: 6px 10px 4px;
  min-width: 100px;
  text-align: center;
  text-decoration: none;
}

.btn-1:hover, .btn-1:active, .btn-1:focus {
  color: #fff;
}

.btn-2 {
  appearance: none;
  color: #fff !important;
  background-color: #000;
  border-radius: 0.5rem;
  cursor: pointer;
  font: 700 16px FuturaCondensedMedium;
  border: none;
  display: inline-block;
  padding: 6px 10px;
  min-width: 68px;
  text-align: center;
  text-decoration: none;
}

.btn-2:hover, .btn-2:active, .btn-2:focus {
  color: #fff;
}

.btn-3 {
  appearance: none;
  color: #fff;
  background-color: #0999c4;
  border-radius: 0.5rem;
  cursor: pointer;
  font: 700 16px/24px "din-2014";
  border: none;
  display: inline-block;
  padding: 7px 10px;
  min-width: 132px;
  text-align: center;
  text-decoration: none;
}

.btn-3:hover, .btn-3:active, .btn-3:focus {
  color: #fff;
}

.btn-4 {
  appearance: none;
  color: #606060;
  background-color: #fff;
  border-radius: 0.5rem;
  cursor: pointer;
  font: 700 16px/22px "din-2014";
  border: none;
  display: inline-block;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
}

.btn-4:hover, .btn-4:active, .btn-4:focus {
  color: #fff;
}

.btn-5 {
  appearance: none;
  color: #fff;
  background-color: #16171a;
  border-radius: 0.5rem;
  cursor: pointer;
  font: 700 22px/22px "din-2014";
  border: none;
  display: inline-block;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none;
}

.btn-5:hover, .btn-5:active, .btn-5:focus {
  color: #fff;
}

.btn-5 i {
  margin: -3px 6px 0px 0;
}

.btn-6 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff;
  background-color: #d2226b;
  border-radius: 0.5rem;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.04);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  font: 700 22px/22px FuturaCondensedMedium;
  border: 1px solid #e8e8e8;
  display: inline-block;
  padding: 12px 22px;
  text-align: center;
  text-decoration: none;
}

.btn-6:hover, .btn-6:active, .btn-6:focus {
  color: #fff;
}

.btn-7 {
  appearance: none;
  border-radius: 0.5rem;
  color: #000;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  font: 700 16px/22px "din-2014";
  border: 1px solid #e8e8e8;
  display: inline-block;
  padding: 8px 38px;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}

.btn-7:hover, .btn-7:active, .btn-7:focus {
  color: #0999c4;
}

@media screen and (max-width: 1077px) {
  .btn-7 {
    padding: 8px 20px;
  }
}

.btn-8 {
  appearance: none;
  color: #fff;
  background-color: #0999c4;
  border-radius: 0.5rem;
  cursor: pointer;
  font: 700 17px/24px "din-2014";
  border: none;
  display: block;
  padding: 12px 10px 11px;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.btn-8:hover, .btn-8:active, .btn-8:focus {
  background-color: #088ab0;
}

.btn-coral {
  color: #fff;
  background-color: #ff6550;
}

.btn-coral:hover, .btn-coral:active, .btn-coral:focus {
  background-color: #ff533c;
}

.circle-button {
  background-color: #cacaca;
  display: inline-block;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  text-align: center;
  padding: 5px 0px;
  margin: 0 5px;
  color: #fff !important;
}

.circle-button .st-btn-1 {
  color: #fff !important;
}

.circle-button.c-hamburger {
  padding: 0 !important;
}

.circle-button.c-hamburger span {
  top: 15px;
  left: 8px;
  width: 50%;
}

.red-bg {
  background-color: red;
}

.btn-cancel {
  background-color: #d1d1d1;
}

.lazy-loading {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.black .lazy-loading > div {
  background-color: #fff;
}

.lazy-loading > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.lazy-loading .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.lazy-loading .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.lazy-loading .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.lazy-loading .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.lazy {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

body {
  color: #232323;
  font: 16px/25px "din-2014";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  height: 100vh;
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .main-wrapper {
    padding-top: 63px;
  }
}

img {
  vertical-align: top;
}

a {
  text-decoration: none;
}

a:link {
  text-decoration: none;
  outline: none;
}

a,
button, input[type="button"], input[type="reset"], input[type="submit"],
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  outline: 0;
  appearance: none;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 13px;
  font-family: Arial;
}

a {
  transition: opacity 0.5s ease;
}

a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.inner-wrapper {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .inner-wrapper {
    padding-left: 0;
  }
}

.js-sidebar-parent::after {
  clear: both;
  content: "";
  display: table;
}

.mc-inner {
  position: relative;
  z-index: 5;
  flex: 1 0 auto;
}

.main {
  height: 100%;
}

.main-wrapper {
  height: 100%;
}

.main-content {
  padding: 0;
  height: 100%;
}

.video-content {
  background: #232529;
  margin: 0 0 -28px;
  padding: 0 0 28px;
  overflow: hidden;
}

.smp-page {
  padding: 50px 0 0;
}

.main-footer {
  background: #1f2124;
}

.main-footer .bottom-part .ft-logo {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 16.91971%;
  padding: 0 15px;
}

.main-footer .bottom-part .ft-logo:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .main-footer .bottom-part .ft-logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .main-footer .bottom-part .ft-logo:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .main-footer .bottom-part .ft-logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    text-align: center;
  }
  .main-footer .bottom-part .ft-logo:last-child {
    margin-right: 0;
  }
  .main-footer .bottom-part .ft-logo a {
    display: inline-block;
    margin-bottom: 15px;
  }
}

.main-footer .bottom-part .ft-about {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 54.45085%;
  padding: 0 15px;
}

.main-footer .bottom-part .ft-about:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .main-footer .bottom-part .ft-about {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .main-footer .bottom-part .ft-about:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .main-footer .bottom-part .ft-about {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    text-align: center;
  }
  .main-footer .bottom-part .ft-about:last-child {
    margin-right: 0;
  }
}

.main-footer .bottom-part .ft-social {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.91415%;
  padding: 0 15px;
}

.main-footer .bottom-part .ft-social:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .main-footer .bottom-part .ft-social {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
    float: right;
    margin-top: 25px;
  }
  .main-footer .bottom-part .ft-social:last-child {
    margin-right: 0;
  }
  .main-footer .bottom-part .ft-social .ft-social-list {
    float: none;
  }
}

@media screen and (max-width: 479px) {
  .main-footer .bottom-part .ft-social {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    text-align: center;
  }
  .main-footer .bottom-part .ft-social:last-child {
    margin-right: 0;
  }
  .main-footer .bottom-part .ft-social .ft-social-list {
    float: none;
    display: inline-block;
  }
}

.tab {
  overflow: hidden;
  margin: 0 0 0 0;
  display: flex;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  flex: 1;
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #dcdcdc;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: #0c9ac4;
  border-bottom: 2px solid #0dacdb;
}

/* Create an active/current tablink class */
.tab button.active {
  color: #0c9ac4;
  border-bottom: 2px solid #0c9ac4;
}

/* Style the tab content */
.tabcontent {
  display: none;
}

.row.svd-popup-editor-tab-general {
  margin: 0;
}

.bold-first p:first-child {
  font-weight: bold;
}

.post-content table {
  width: 100%;
  margin-bottom: 16px;
}

.author-circle {
  border-radius: 50%;
}

.col-break {
  visibility: hidden;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.posts .post:last-child {
  border: none;
}

.posts .post:last-child.post-tp-17, .posts .post.post-tp-21:last-child {
  padding-bottom: 15px;
  margin-bottom: 0;
}

.posts .post.post-tp-24:first-child, .posts .post.post-tp-25:first-child, .posts .post.post-tp-26:first-child {
  margin-top: 8px;
}

.sm-img-list figure img {
  max-width: 106px;
}

.square-img-sm {
  width: 105px;
  height: 105px;
  border: 1px solid #dcdcdc;
  padding: 5px;
  display: block !important;
}

.square-img-sm a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 94px;
  height: 94px;
  display: block;
}

.horiz-list {
  margin: 0 -8px;
}

.horiz-list .post {
  padding: 0 8px;
  width: 33%;
  display: inline-block;
  min-height: 223px;
}

.post {
  position: relative;
}

.post:hover a {
  color: #0999c4;
}

.post figure img {
  width: 100%;
}

.post .ptp-1-overlay,
.post .ptp-27-overlay,
.post .ptp-28-overlay,
.post .ptp-31-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.post .meta-tp-1 div {
  pointer-events: auto;
}

.post .category-tp-1, .post .category-tp-3,
.post .date-tp-1 {
  pointer-events: auto;
}

.post a {
  pointer-events: auto;
}

.post-tp-1, .post-tpv-1, .post-tpv-2, .post-tp-2, .post-tp-12, .post-tp-14 {
  color: #fff;
  overflow: hidden;
}

.post-tp-1:hover a, .post-tpv-1:hover a, .post-tpv-2:hover a, .post-tp-2:hover a, .post-tp-12:hover a, .post-tp-14:hover a {
  color: #fff;
}

.post-tp-1:hover figure a:before, .post-tpv-1:hover figure a:before, .post-tpv-2:hover figure a:before, .post-tp-2:hover figure a:before, .post-tp-12:hover figure a:before, .post-tp-14:hover figure a:before {
  background: rgba(0, 0, 0, 0.1);
}


.post-tp-1 figure,
.post-tpv-1 figure,
.post-tpv-2 figure,
.post-tp-2 figure,
.post-tp-12 figure,
.post-tp-14 figure {
  position: relative;
  overflow: hidden;
  max-height: 100%;
}

.post-tp-1 figure img, .post-tpv-1 figure img, .post-tpv-2 figure img, .post-tp-2 figure img, .post-tp-12 figure img, .post-tp-14 figure img {
  width: 100%;
}

.post-tp-1 figure:before, .post-tpv-1 figure:before, .post-tpv-2 figure:before, .post-tp-2 figure:before, .post-tp-12 figure:before, .post-tp-14 figure:before {
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.36)) top repeat;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.36)) top repeat;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 55%;
  pointer-events: none;
}

.post-tp-1 figure a, .post-tpv-1 figure a, .post-tpv-2 figure a, .post-tp-2 figure a, .post-tp-12 figure a, .post-tp-14 figure a {
  display: block;
  position: relative;
}

.post-tp-1 figure a:before, .post-tpv-1 figure a:before, .post-tpv-2 figure a:before, .post-tp-2 figure a:before, .post-tp-12 figure a:before, .post-tp-14 figure a:before {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 500ms;
}

.post-tp-1 figure .big-boi, .post-tpv-1 figure .big-boi, .post-tpv-2 figure .big-boi, .post-tp-2 figure .big-boi, .post-tp-12 figure .big-boi, .post-tp-14 figure .big-boi {
  margin: 0 -124px;
}

.post-tp-1 figure .small-boi, .post-tpv-1 figure .small-boi, .post-tpv-2 figure .small-boi, .post-tp-2 figure .small-boi, .post-tp-12 figure .small-boi, .post-tp-14 figure .small-boi {
  margin: 0 -61px;
}

.post-tp-1 .ptp-1-data, .post-tpv-1 .ptp-1-data, .post-tpv-2 .ptp-1-data, .post-tp-2 .ptp-1-data, .post-tp-12 .ptp-1-data, .post-tp-14 .ptp-1-data {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 0 30px 27px;
}

.post-tp-1 .title-1, .post-tpv-1 .title-1, .post-tpv-2 .title-1, .post-tp-2 .title-1, .post-tp-12 .title-1, .post-tp-14 .title-1 {
  margin: 0 0 6px;
}

.post-tp-1 .meta-tp-1, .post-tpv-1 .meta-tp-1, .post-tpv-2 .meta-tp-1, .post-tp-2 .meta-tp-1, .post-tp-12 .meta-tp-1, .post-tp-14 .meta-tp-1 {
  margin: 0 0 20px;
}

.post-tpv-1:hover figure a:before, .post-tpv-2:hover figure a:before {
  background: rgba(0, 0, 0, 0.36);
}

.post-tpv-1 figure, .post-tpv-2 figure {
  position: relative;
}

.post-tpv-1 figure:before, .post-tpv-2 figure:before {
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.36)) top repeat;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.36)) top repeat;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 45%;
}

.post-tpv-1 figure a:before, .post-tpv-2 figure a:before {
  background: rgba(0, 0, 0, 0.26);
}

.post-tpv-1 figure img, .post-tpv-2 figure img {
  width: 100%;
}

.post-tpv-1 .ptp-1-data, .post-tpv-2 .ptp-1-data {
  padding: 0 23px;
}

.post-tpv-1 .video-lg-ic, .post-tpv-2 .video-lg-ic {
  position: absolute;
  left: 24px;
  top: 24px;
}

.post-tpv-1 .video-sm-ic, .post-tpv-2 .video-sm-ic {
  margin: 0 0 14px;
}

.post-tpv-1 .title-7, .post-tpv-2 .title-7 {
  margin-bottom: 7px;
}

.post-tpv-1 .category-tp-1, .post-tpv-2 .category-tp-1, .post-tpv-1 .category-tp-3, .post-tpv-2 .category-tp-3 {
  margin-bottom: 18px;
}

.post-tpv-2:hover figure a:before {
  background: rgba(0, 0, 0, 0.45);
}

.post-tpv-2:hover .title-5 {
  color: inherit;
}

.post-tpv-2 figure a:before {
  background: rgba(0, 0, 0, 0.35);
}

.post-tpv-2 .title-5 {
  color: #fff;
}

.post-tpv-2 .ptp-1-data {
  padding: 10px 16px;
}

.post-tpv-2 .date-tp-2 {
  color: #fff;
}

.post-tp-2 .title-2, .post-tp-12 .title-2, .post-tp-14 .title-2 {
  margin-bottom: 6px;
}

.post-tp-2 .ptp-1-data, .post-tp-12 .ptp-1-data, .post-tp-14 .ptp-1-data {
  padding: 0 20px 20px;
}

.post-tp-2 .meta-tp-1, .post-tp-12 .meta-tp-1, .post-tp-14 .meta-tp-1 {
  margin: 0;
}

.post-tp-2 .category-tp-1, .post-tp-12 .category-tp-1, .post-tp-14 .category-tp-1, .post-tp-2 .category-tp-3, .post-tp-12 .category-tp-3, .post-tp-14 .category-tp-3 {
  margin: 0 0 16px;
}

.post-tp-2 .ptp-1-views i, .post-tp-12 .ptp-1-views i, .post-tp-14 .ptp-1-views i,
.post-tp-2 .ptp-1-comments i,
.post-tp-12 .ptp-1-comments i,
.post-tp-14 .ptp-1-comments i {
  position: relative;
  top: 1px;
}

.ptp-1-data .title-13 {
  font-size: 32px;
  line-height: 1;
}

.ptp-1-data .title-15 {
  font-size: 21px;
  line-height: 1;
}

.post-tp-3 {
  margin: 0 0 15px;
}

.post-tp-3 figure {
  float: left;
  margin: 7px 20px 0 0;
}

.post-tp-3 .category-tp-2 {
  margin-bottom: 5px;
}

.post-tp-3 .title-3 {
  margin-bottom: 2px;
}

.post-tp-4 {
  margin: 23px 0;
}

.post-tp-4:hover .ptp-4-overlay {
  opacity: 1;
}

.post-tp-4:hover .ptp-4-data {
  transform: translateY(0);
}

.post-tp-4 .ptp-4-overlay {
  background: rgba(31, 33, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}

.post-tp-4 .ptp-4-overlay:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #0999c4;
  border-right: 7px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.post-tp-4 .ptp-4-overlay a,
.post-tp-4 .ptp-4-overlay span {
  color: #fff;
  font: 700 12px/23px "din-2014";
  margin: 0 4px 0 0;
  text-decoration: none;
  pointer-events: auto;
}

.post-tp-4 .ptp-4-overlay a i,
.post-tp-4 .ptp-4-overlay span i {
  font-size: 11px;
  margin: 0 6px 0 0;
}

.post-tp-4 .ptp-4-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 6px 16px;
  transform: translateY(25px);
  transition: all 300ms;
}

.post-tp-4 figure {
  margin: 0 0 20px 0;
  position: relative;
}

.post-tp-4 .title-3 {
  margin-bottom: 3px;
}

@media screen and (max-width: 479px) {
  .pst-block-hr {
    display: none;
  }
}

.post-tp-5, .post-tp-16 {
  padding: 11px 0 11px;
}

.post-tp-5:hover .ptp-5-overlay, .post-tp-16:hover .ptp-5-overlay {
  opacity: 1;
}

.post-tp-5:hover .ptp-5-data, .post-tp-16:hover .ptp-5-data {
  transform: translateY(0);
}

.post-tp-5 .ptp-5-overlay, .post-tp-16 .ptp-5-overlay {
  background: rgba(31, 33, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}

.post-tp-5 .ptp-5-overlay:before, .post-tp-16 .ptp-5-overlay:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #0999c4;
  border-right: 7px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.post-tp-5 .ptp-5-overlay a, .post-tp-16 .ptp-5-overlay a,
.post-tp-5 .ptp-5-overlay span,
.post-tp-16 .ptp-5-overlay span {
  color: #fff;
  font: 700 12px/23px "din-2014";
  margin: 0 4px 0 0;
  text-decoration: none;
  pointer-events: auto;
}

.post-tp-5 .ptp-5-overlay a i, .post-tp-16 .ptp-5-overlay a i,
.post-tp-5 .ptp-5-overlay span i,
.post-tp-16 .ptp-5-overlay span i {
  font-size: 11px;
  margin: 0 6px 0 0;
}

.post-tp-5 .ptp-5-data, .post-tp-16 .ptp-5-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 6px 16px;
  transform: translateY(25px);
  transition: all 300ms;
}

.post-tp-5 figure, .post-tp-16 figure {
  margin: 0 0 10px 0;
  position: relative;
}

@media screen and (max-width: 479px) {
  .post-tp-5 figure, .post-tp-16 figure {
    margin-right: 10px;
  }
}

.post-tp-5 .meta-tp-2, .post-tp-16 .meta-tp-2 {
  margin: 4px 0;
}

@media screen and (max-width: 479px) {
  .post-tp-5 .meta-tp-2, .post-tp-16 .meta-tp-2 {
    margin: 0px;
  }
}

.post-tp-5 .title-5, .post-tp-16 .title-5 {
  margin-bottom: 5px;
}

.post-tp-5 p, .post-tp-16 p {
  margin-bottom: 5px;
}

@media screen and (max-width: 479px) {
  .post-tp-5, .post-tp-16 {
    padding-top: 0px;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1077px) {
  .post-tp-5, .post-tp-16 {
    padding-top: 7px;
  }
  .post-tp-5 .title-3, .post-tp-16 .title-3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
}

@media screen and (max-width: 639px) {
  .post-tp-5 figure.hide-mobile, .post-tp-16 figure.hide-mobile {
    display: none;
  }
}

.post-tp-5 figure, .post-tp-16 figure {
  float: left;
}

@media screen and (max-width: 639px) {
  .post-tp-5 figure img, .post-tp-16 figure img {
    width: 106px;
  }
}

@media screen and (max-width: 479px) {
  .post-tp-5 p, .post-tp-16 p {
    display: none;
  }
}

.mc-list-logo {
  margin-bottom: -15px;
  max-width: 164px;
}

.mc-border {
  border-color: #135f92 !important;
  margin-bottom: -13px !important;
}

.post-tp-6, .post-tp-9, .post-tp-10 {
  padding: 7px 0 11px;
}

@media screen and (max-width: 1077px) {
  .post-tp-6 .title-3, .post-tp-9 .title-3, .post-tp-10 .title-3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
}

.post-tp-6 figure, .post-tp-9 figure, .post-tp-10 figure {
  float: left;
  margin: 0 18px 0 0;
}

@media screen and (max-width: 1229px) {
  .post-tp-6 figure, .post-tp-9 figure, .post-tp-10 figure {
    max-width: 105px;
  }
}

.post-tp-6 .title-6, .post-tp-9 .title-6, .post-tp-10 .title-6 {
  font-family: "din-2014";
  display: block;
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 1.2em;
}

.post-tp-6 .rate-tp-1, .post-tp-9 .rate-tp-1, .post-tp-10 .rate-tp-1 {
  margin: 4px 0;
}

.post-tp-6 .post-text, .post-tp-9 .post-text, .post-tp-10 .post-text {
  margin-left: 123px;
}

@media screen and (max-width: 479px) {
  .post-tp-6, .post-tp-9, .post-tp-10 {
    min-height: auto;
    margin-right: 0 !important;
  }
  .post-tp-6 figure, .post-tp-9 figure, .post-tp-10 figure {
    display: none;
  }
  .post-tp-6 .post-text, .post-tp-9 .post-text, .post-tp-10 .post-text {
    margin-left: 0;
  }
}

.post-tp-7 {
  padding: 8px 0 5px;
  text-align: center;
}

.post-tp-7 .title-5 {
  margin-bottom: 10px;
}

.post-tp-7 figure {
  border-radius: 50%;
  width: 67px;
  height: 67px;
  margin: 0 auto 12px;
  overflow: hidden;
}

.post-tp-7 p {
  margin-bottom: 6px;
}

.post-tp-8 {
  margin: 8px 0 18px;
}

.post-tp-8:hover .ptp-8-overlay {
  opacity: 1;
}

.post-tp-8:hover .ptp-8-data {
  transform: translateY(0);
}

.post-tp-8 .ptp-8-overlay {
  background: rgba(31, 33, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}

.post-tp-8 .ptp-8-overlay:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #0999c4;
  border-right: 7px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.post-tp-8 .ptp-8-overlay a,
.post-tp-8 .ptp-8-overlay span {
  color: #fff;
  font: 700 12px/23px "din-2014";
  margin: 0 4px 0 0;
  text-decoration: none;
  pointer-events: auto;
}

.post-tp-8 .ptp-8-overlay a i,
.post-tp-8 .ptp-8-overlay span i {
  font-size: 11px;
  margin: 0 6px 0 0;
}

.post-tp-8 .ptp-8-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 6px 16px;
  transform: translateY(25px);
  transition: all 300ms;
}

.post-tp-8 figure {
  margin: 0 0 20px 0;
  position: relative;
}

.post-tp-8 .title-5 {
  margin-bottom: 4px;
}

@media screen and (max-width: 479px) {
  .pst-block-main .thin-border {
    display: none;
  }
}

.post-tp-9 {
  padding: 0px 20px 15px 0px;
  min-height: 90px;
}

.post-tp-9:last-child {
  border: none;
}

.post-tp-9 .post-text {
  margin-left: 124px;
}

.post-tp-9 .post-text .title-4 {
  color: #232323;
}

@media screen and (max-width: 479px) {
  .post-tp-9 {
    min-height: auto;
    margin-right: 0 !important;
  }
  .post-tp-9 figure {
    display: none;
  }
  .post-tp-9 .post-text {
    margin-left: 0;
  }
}

.post-tp-10 {
  padding: 0px 20px 30px 0px;
}

.post-tp-10:last-child {
  border: none;
}

.post-tp-10 .post-text {
  margin-left: 158px;
}

@media screen and (max-width: 1229px) {
  .post-tp-10 .post-text {
    margin-left: 123px;
  }
}

.post-tp-10 img {
  max-width: 140px;
}

.post-tp-10 .date-tp-2 {
  margin-bottom: 5px;
}

@media screen and (max-width: 479px) {
  .post-tp-10 {
    margin-right: 0;
  }
  .post-tp-10 .post-text {
    margin-left: 0;
  }
}

.post-tp-11 .meta-tp-2 {
  margin-bottom: 5px;
}

.post-tp-12 figure:before {
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5)) top repeat;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5)) top repeat;
}

.post-tp-12 .category-tp-1, .post-tp-12 .category-tp-3 {
  margin: 20px;
}

.post-tp-12 .title-15 {
  margin-bottom: 4px;
}

.post-tp-12 .title-13 {
  margin-bottom: 7px;
}

.post-tp-13, .post-tp-17, .post-tp-21 {
  margin-bottom: 14px;
}

.post-tp-13:hover .ptp-13-overlay, .post-tp-17:hover .ptp-13-overlay, .post-tp-21:hover .ptp-13-overlay {
  opacity: 1;
}

.post-tp-13:hover .ptp-13-data, .post-tp-17:hover .ptp-13-data, .post-tp-21:hover .ptp-13-data {
  transform: translateY(0);
}

.post-tp-13 figure, .post-tp-17 figure, .post-tp-21 figure {
  display: inline-block;
  margin: 8px 0px 0 0;
  position: relative;
  max-width: 320px;
  width: 100%;
  vertical-align: top;
}

.post-tp-13 .article-list-summary, .post-tp-17 .article-list-summary, .post-tp-21 .article-list-summary {
  display: inline-block;
  margin: 8px 0px 0 0;
  position: relative;
  max-width: 240px;
  width: 100%;
}

.post-tp-13 .category-tp-4, .post-tp-17 .category-tp-4, .post-tp-21 .category-tp-4 {
  margin-bottom: 5px;
}

.post-tp-13 .meta-tp-2, .post-tp-17 .meta-tp-2, .post-tp-21 .meta-tp-2 {
  margin: 4px 0;
}

.post-tp-13 .ptp-13-overlay, .post-tp-17 .ptp-13-overlay, .post-tp-21 .ptp-13-overlay {
  background: rgba(31, 33, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}

.post-tp-13 .ptp-13-overlay:before, .post-tp-17 .ptp-13-overlay:before, .post-tp-21 .ptp-13-overlay:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #0999c4;
  border-right: 7px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.post-tp-13 .ptp-13-overlay a, .post-tp-17 .ptp-13-overlay a, .post-tp-21 .ptp-13-overlay a,
.post-tp-13 .ptp-13-overlay span,
.post-tp-17 .ptp-13-overlay span,
.post-tp-21 .ptp-13-overlay span {
  color: #fff;
  font: 700 12px/23px "din-2014";
  margin: 0 4px 0 0;
  text-decoration: none;
  pointer-events: auto;
}

.post-tp-13 .ptp-13-overlay a i, .post-tp-17 .ptp-13-overlay a i, .post-tp-21 .ptp-13-overlay a i,
.post-tp-13 .ptp-13-overlay span i,
.post-tp-17 .ptp-13-overlay span i,
.post-tp-21 .ptp-13-overlay span i {
  font-size: 11px;
  margin: 0 6px 0 0;
}

.post-tp-13 .ptp-13-data, .post-tp-17 .ptp-13-data, .post-tp-21 .ptp-13-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 6px 16px;
  transform: translateY(25px);
  transition: all 300ms;
}

.post-tp-14:hover figure a:before {
  background: rgba(28, 3, 3, 0.4);
}

.post-tp-14 figure:before {
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6)) top repeat;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)) top repeat;
}

.post-tp-14 figure a:before {
  background: rgba(28, 3, 3, 0.2);
}

.post-tp-15 figure, .post-tp-18 figure {
  position: relative;
  margin-bottom: 18px;
}

.post-tp-15 .title-5, .post-tp-18 .title-5 {
  margin-bottom: 6px;
}

.post-tp-15 p, .post-tp-18 p {
  margin-bottom: 4px;
}

.post-tp-15 .category-tp-1, .post-tp-18 .category-tp-1, .post-tp-15 .category-tp-3, .post-tp-18 .category-tp-3 {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 14px;
}

.post-tp-16 {
  padding: 8px 0;
}

.post-tp-16 .title-14 {
  margin-bottom: 4px;
}

.post-tp-16 p {
  line-height: 23px;
}

.thin-border {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #f2f2f2;
  margin: 6px 0 20px;
}

@media screen and (max-width: 479px) {
  .post-tp-17, .post-tp-21 {
    padding-top: 0px;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1077px) {
  .post-tp-17, .post-tp-21 {
    padding-top: 7px;
  }
}

@media screen and (max-width: 639px) {
  .post-tp-17:not(:first-child) figure, .post-tp-21:not(:first-child) figure {
    display: none;
  }
}

.post-tp-17 figure, .post-tp-21 figure {
  margin: 0px 20px 0 0;
}

@media screen and (max-width: 639px) {
  .post-tp-17 figure img, .post-tp-21 figure img {
    width: 106px;
  }
}

@media screen and (max-width: 479px) {
  .post-tp-17 p, .post-tp-21 p {
    display: none;
  }
}

.post-tp-18 {
  border-bottom: 1px solid #f2f2f2;
  padding: 8px 0 14px;
  margin-bottom: 12px;
}

.post-tp-19 figure {
  position: relative;
  margin: 0 0 6px;
}

.post-tp-19 figure:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid #0999c4;
  border-right: 6px solid transparent;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 2;
}

.post-tp-19 figure:after {
  content: '';
  background: #f0f0f0;
  width: 1px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
}

.post-tp-19 .data {
  padding: 13px 20px 20px;
}

.post-tp-19 .meta-tp-2 {
  margin: 3px 0 1px;
}

.post-tp-20 .ptp-20-overlay {
  background: #fff;
  color: #6d6d6d;
  height: 50%;
  position: relative;
}

.post-tp-20 .ptp-20-overlay:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  z-index: 2;
}

.post-tp-20 .ptp-20-overlay.up {
  margin-bottom: 1px;
}

.post-tp-20 .ptp-20-overlay.up:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  top: 100%;
}

.post-tp-20 .ptp-20-overlay.down {
  margin-top: 1px;
}

.post-tp-20 .ptp-20-overlay.down:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  bottom: 100%;
}

.post-tp-20 .ptp-20-data {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px 12px;
}

.post-tp-20 .meta-tp-1 {
  color: #888;
  margin: 4px 0 7px;
}

.post-tp-20 .meta-tp-1 > div:before {
  background: rgba(174, 174, 174, 0.24);
}

.post-tp-20 .date-tp-1 {
  margin: 20px;
}

.post-tp-21 {
  margin: 16px 0 0;
}

.post-tp-21 figure {
  margin: 4px 20px 0 0;
}

@media screen and (max-width: 639px) {
  .post-tp-21 figure img {
    width: 160px;
  }
}

@media screen and (max-width: 479px) {
  .post-tp-21 figure {
    float: none;
    margin: 4px 0 20px 0;
  }
  .post-tp-21 figure img {
    width: 100%;
    max-width: none;
  }
}

.post-tp-22 {
  background: #fff;
  margin: 0 0 20px;
}

.post-tp-22:last-child {
  margin: 0;
}

.post-tp-22 .title-3 {
  margin: 0 0 4px;
}

.post-tp-22 .data {
  padding: 15px 18px 11px;
}

.post-tp-23 {
  background: #fff;
  margin: 0 0 20px;
}

.post-tp-23:hover .ptp-23-overlay {
  opacity: 1;
}

.post-tp-23:hover .top-rate:before {
  border-bottom-color: #0999c4;
}

.post-tp-23:hover .title-3 {
  color: #fff;
}

.post-tp-23:last-child {
  margin: 0;
}

.post-tp-23 .ptp-23-overlay {
  background: rgba(0, 0, 0, 0.56);
  padding: 16px 18px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}

.post-tp-24 {
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 20px;
  margin: 0 0 22px;
}

.post-tp-24:hover .ptp-24-overlay {
  opacity: 1;
}

.post-tp-24:hover .ptp-24-data {
  transform: translateY(0);
}

.post-tp-24 .ptp-24-overlay {
  background: rgba(31, 33, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}

.post-tp-24 .ptp-24-overlay:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #0999c4;
  border-right: 7px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.post-tp-24 .ptp-24-overlay a,
.post-tp-24 .ptp-24-overlay span {
  color: #fff;
  font: 700 12px/23px "din-2014";
  margin: 0 4px 0 0;
  text-decoration: none;
  pointer-events: auto;
}

.post-tp-24 .ptp-24-overlay a i,
.post-tp-24 .ptp-24-overlay span i {
  font-size: 11px;
  margin: 0 6px 0 0;
}

.post-tp-24 .ptp-24-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 6px 16px;
  transform: translateY(25px);
  transition: all 300ms;
}

.post-tp-24 figure {
  float: left;
  margin: 0 20px 0 0;
  position: relative;
}

@media screen and (max-width: 639px) {
  .post-tp-24 figure img {
    width: 160px;
  }
}

@media screen and (max-width: 479px) {
  .post-tp-24 figure {
    float: none;
    margin: 0 0 20px 0;
  }
  .post-tp-24 figure img {
    width: 100%;
    max-width: none;
  }
}

.post-tp-24 .title-14 {
  margin-bottom: 4px;
}

.post-tp-24 .meta-tp-2 {
  margin: 5px 0;
}

.post-tp-25 {
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 20px;
  margin: 0 0 30px;
}

.post-tp-25:hover .ptp-25-overlay {
  opacity: 1;
}

.post-tp-25:hover .ptp-25-data {
  transform: translateY(0);
}

.post-tp-25 .ptp-25-overlay {
  background: rgba(31, 33, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}

.post-tp-25 .ptp-25-overlay:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #0999c4;
  border-right: 7px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.post-tp-25 .ptp-25-overlay a,
.post-tp-25 .ptp-25-overlay span {
  color: #fff;
  font: 700 12px/23px "din-2014";
  margin: 0 4px 0 0;
  text-decoration: none;
  pointer-events: auto;
}

.post-tp-25 .ptp-25-overlay a i,
.post-tp-25 .ptp-25-overlay span i {
  font-size: 11px;
  margin: 0 6px 0 0;
}

.post-tp-25 .ptp-25-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 6px 16px;
  transform: translateY(25px);
  transition: all 300ms;
}

.post-tp-25 figure {
  margin: 0 0 23px 0;
  position: relative;
}

.post-tp-25 .title-17 {
  margin-bottom: 6px;
}

.post-tp-25 .meta-tp-2 {
  margin: 7px 0 2px;
}

.post-tp-25 p {
  font-size: 14px;
  line-height: 23px;
}

.post-tp-26 {
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 20px 59px;
  margin: 0 0 20px;
}

@media screen and (max-width: 639px) {
  .post-tp-26 {
    padding: 0 0 20px 0;
  }
  .post-tp-26 .date-tp-3 {
    z-index: 1;
  }
}

.post-tp-26:hover figure:before {
  opacity: 1;
}

.post-tp-26 figure {
  float: left;
  margin: 0 20px 0 0;
  position: relative;
}

.post-tp-26 figure:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.07);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 639px) {
  .post-tp-26 figure img {
    width: 160px;
  }
}

@media screen and (max-width: 479px) {
  .post-tp-26 figure {
    float: none;
    margin: 0 0 20px 0;
  }
  .post-tp-26 figure img {
    width: 100%;
    max-width: none;
  }
}

.post-tp-26 .meta-tp-2 {
  margin: 5px 0;
}

.post-tp-26 .date-tp-3 {
  position: absolute;
  left: 0;
  top: 0;
}

.post-tp-27:hover .ptp-27-overlay {
  background-color: rgba(15, 2, 2, 0.54);
}

.post-tp-27 .ptp-27-overlay {
  background-color: rgba(22, 4, 4, 0.4);
  padding: 40px 20%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .post-tp-27 .ptp-27-overlay {
    padding: 40px 5%;
  }
}

.post-tp-27 .category-tp-1, .post-tp-27 .category-tp-3 {
  margin-bottom: 22px;
}

.post-tp-27 .meta-tp-4, .post-tp-27 .meta-tp-5 {
  margin: 9px 0 0;
}

.post-tp-27.mb-height {
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .post-tp-27.mb-height {
    height: 350px;
  }
  .post-tp-27.mb-height figure,
  .post-tp-27.mb-height a,
  .post-tp-27.mb-height img {
    height: 100%;
  }
  .post-tp-27.mb-height figure img {
    max-width: none;
    width: auto;
  }
}

.post-tp-28:hover .ptp-28-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.post-tp-28 .ptp-28-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 40px 8%;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .post-tp-28 .ptp-28-overlay {
    padding: 40px 15px;
  }
}

.post-tp-28 .category-tp-1, .post-tp-28 .category-tp-3 {
  margin-bottom: 22px;
}

.post-tp-28 .date-tp-4 {
  margin: 9px 0;
}

.post-tp-28 .icon {
  margin: 0 0 36px;
}

.post-tp-28.mb-height {
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .post-tp-28.mb-height {
    height: 350px;
  }
  .post-tp-28.mb-height figure,
  .post-tp-28.mb-height a,
  .post-tp-28.mb-height img {
    height: 100%;
  }
  .post-tp-28.mb-height figure img {
    max-width: none;
    width: auto;
  }
}

.post-tp-29 {
  margin: 0 0 24px;
}

.post-tp-29 .date-tp-2 {
  margin: 13px 0 4px;
}

.post-tp-30 figure {
  position: relative;
  margin-bottom: 15px;
}

.post-tp-30:hover .ptp-30-overlay {
  opacity: 1;
}

.post-tp-30:hover .ptp-30-data {
  transform: translateY(0);
}

.post-tp-30 .ptp-30-overlay {
  background: rgba(31, 33, 36, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}

.post-tp-30 .ptp-30-overlay:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #0999c4;
  border-right: 7px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.post-tp-30 .ptp-30-overlay a,
.post-tp-30 .ptp-30-overlay span {
  color: #fff;
  font: 700 12px/23px "din-2014";
  margin: 0 4px 0 0;
  text-decoration: none;
  pointer-events: auto;
}

.post-tp-30 .ptp-30-overlay a i,
.post-tp-30 .ptp-30-overlay span i {
  font-size: 11px;
  margin: 0 6px 0 0;
}

.post-tp-30 .ptp-30-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 6px 16px;
  transform: translateY(25px);
  transition: all 300ms;
}

@media screen and (max-width: 639px) {
  .post-tp-31 {
    height: 350px;
  }
  .post-tp-31 figure,
  .post-tp-31 a,
  .post-tp-31 img {
    height: 100%;
  }
  .post-tp-31 figure img {
    max-width: none;
    width: auto;
  }
}

.post-tp-31:hover .ptp-31-overlay {
  background-color: rgba(15, 2, 2, 0.54);
}

.post-tp-31 .ptp-31-overlay {
  background-color: rgba(22, 4, 4, 0.4);
  padding: 40px 20%;
  text-align: center;
}

@media screen and (max-width: 1077px) {
  .post-tp-31 .ptp-31-overlay {
    padding: 40px 10%;
  }
}

@media screen and (max-width: 639px) {
  .post-tp-31 .ptp-31-overlay {
    padding: 40px 15px;
  }
}

.post-tp-31 .category-tp-1, .post-tp-31 .category-tp-3 {
  margin-bottom: 22px;
}

.post-tp-31 .meta-tp-4, .post-tp-31 .meta-tp-5 {
  margin: 9px 0 0;
}

.corner-frame-wrap {
  position: relative;
  perspective: 1000px;
  width: 250px;
  height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.corner-frame-wrap .corner-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  width: 250px;
  height: 210px;
  position: absolute;
  top: 0;
  left: 0;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0, 0.9, 0.9, 0);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation-duration: 7s;
  transform: rotateY(-90deg);
}

.corner-frame-wrap .corner-frame:nth-child(1) {
  animation-delay: 0s;
  animation-name: rotate-first;
}

.corner-frame-wrap .corner-frame:nth-child(2) {
  animation-delay: 1.5s;
  animation-name: rotate;
}

.corner-frame-wrap .corner-frame:nth-child(3) {
  animation-delay: 4.25s;
  animation-name: rotate;
}

.corner-frame-wrap .corner-frame .pin {
  margin: 30px auto;
  height: 153px;
}

.corner-frame-wrap .corner-frame h2,
.corner-frame-wrap .corner-frame h3,
.corner-frame-wrap .corner-frame ul {
  color: #fff;
}

.corner-frame-wrap .corner-frame h2 {
  padding: 0 5px 10px;
  font-size: 28px;
}

.corner-frame-wrap .corner-frame h3 {
  padding-top: 0;
  font-size: 16px;
}

.corner-frame-wrap .corner-frame .btn-3 {
  font-size: 18px;
  padding-left: 17px;
  padding-right: 17px;
}

.corner-frame-wrap .corner-frame ul {
  font-size: 20px;
  margin-bottom: 10px;
}

.corner-frame-wrap .corner-frame ul li {
  padding-bottom: 4px;
}

.corner-frame-wrap .corner-frame ul li span {
  font-weight: 600;
}

@-moz-keyframes rotate-first {
  21.42855% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

@-webkit-keyframes rotate-first {
  21.42855% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

@-o-keyframes rotate-first {
  21.42855% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

@keyframes rotate-first {
  21.42855% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

@-moz-keyframes rotate {
  39.285675% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

@-webkit-keyframes rotate {
  39.285675% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

@-o-keyframes rotate {
  39.285675% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

@keyframes rotate {
  39.285675% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

.search-message {
  padding-top: 10px;
}

.search-message.success {
  color: #29d229;
}

.search-message.failure {
  color: red;
}

em {
  font-style: italic;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 14px;
  margin: 0 0 6px 14px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #0999c4;
}

input:focus + .slider {
  box-shadow: 0 0 1px #fff;
}

input:checked + .slider:before {
  -webkit-transform: translateX(11px);
  -ms-transform: translateX(11px);
  transform: translateX(11px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.grey {
  color: #c1c1c1;
}

.delete {
  cursor: pointer;
  color: red;
}

.inline-list-menu {
  font-family: "FuturaCondensedMedium";
  font-size: 18px;
}

.inline-list-menu li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #d1d1d1;
}

.inline-list-menu li:last-child {
  border-right: none;
}

.big-menu {
  margin: 0 -15px 10px;
  text-align: center;
}

.big-menu .big-menu-item {
  display: inline-block;
  padding: 10px 15px 20px;
  width: 33%;
  vertical-align: top;
}

@media screen and (max-width: 1077px) {
  .big-menu .big-menu-item {
    width: 100%;
  }
}

.big-menu .big-menu-item .big-menu-item-inner {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #dcdcdc;
  padding: 30px;
  text-align: center;
}

.big-menu .big-menu-item .big-menu-item-inner h2 {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.big-menu .big-menu-item .big-menu-item-inner .icon-circle {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.big-menu .big-menu-item:hover .big-menu-item-inner {
  border-color: #0999c4;
}

.big-menu .big-menu-item:hover .big-menu-item-inner h2 {
  color: #0999c4;
}

.big-menu .big-menu-item:hover .big-menu-item-inner .icon-circle {
  background-color: #0999c4;
}

.search-logo-mb {
  display: block;
  margin-bottom: 20px;
}

.search-logo-mb img {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
    margin-bottom: 5px;
  }
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: normal;
}

.hide-desktop {
  display: none;
}

@media screen and (max-width: 1077px) {
  .hide-desktop {
    display: block;
  }
}

.hide-mobile {
  display: block;
}

@media screen and (max-width: 1077px) {
  .hide-mobile {
    display: none;
  }
}

.divider-title {
  color: #444;
  font: 400 18px/21px "din-2014";
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 10px;
}

.divider-title span {
  display: inline-block;
  padding: 0 8px;
  position: relative;
}

.divider-title span:before, .divider-title span:after {
  content: "";
  background-color: #e5e5e5;
  height: 1px;
  width: 500px;
  position: absolute;
  top: 50%;
}

.divider-title span:before {
  right: 100%;
}

.divider-title span:after {
  left: 100%;
}

.content-center {
  width: 100%;
  margin: 30px auto;
}

.pagination::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.pagination::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  background-color: #f5f5f5;
}

.pagination::-webkit-scrollbar-thumb {
  background-color: #aeaeae;
}

.pagination {
  display: inline-block;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0;
  padding: 0;
}

.page-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

.pagination-sm .page-link {
  padding: 0.5rem 0.75rem;
  font-size: inherit;
}

.search-title-form .search-field {
  display: inline-block;
  text-align: center;
}

.search-title-form .search-field label {
  display: inline-block;
  border: none;
  color: #000;
  font: 60px FuturaCondensedMedium;
}

.search-title-form .search-field input {
  display: inline-block;
  margin-top: -13px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0;
  border: none;
  color: #828282;
  font: 60px FuturaCondensedMedium;
  width: auto;
  max-width: 300px;
  height: 79px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.search-title-form .search-field button {
  display: inline-block;
  border: none;
  vertical-align: middle;
  color: #000;
  margin-top: -13px;
  height: 42px;
  font: 40px FuturaCondensedMedium;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 1077px) {
  .search-title-form .search-field label {
    display: inline-block;
    border: none;
    color: #000;
    font: 30px FuturaCondensedMedium;
  }
  .search-title-form .search-field input {
    display: block;
    margin-top: 0;
    padding: 5px;
    border: 1px solid #000;
    color: #828282;
    font: 30px FuturaCondensedMedium;
    width: 100%;
    max-width: auto;
    height: auto;
  }
  .search-title-form .search-field button {
    display: none;
  }
}

.vertical-list li {
  margin: 0 0 5px;
}

@media screen and (max-width: 1077px) {
  .vertical-list {
    text-align: center;
  }
  .vertical-list li {
    margin: 0 10px 10px;
    display: inline-block;
  }
}

.addthis_sharing_toolbox {
  margin-bottom: 10px;
}

.at-share-tbx-element .at-share-btn {
  border-radius: 50% !important;
  padding: 3px !important;
}

.social-circle a {
  background-color: #d1d1d1;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 25px;
  display: block;
  text-align: center;
  padding: 13px;
}

.social-circle a:hover {
  color: #fff;
}

.social-circle .tw a:hover {
  background-color: #00abed;
}

.social-circle .fb a:hover {
  background-color: #4c68b3;
}

.social-circle .gp a:hover {
  background-color: #e51616;
}

.social-circle .in a:hover {
  background-color: #1d5e9f;
}

.social-circle .dr a:hover {
  background-color: #f51f9d;
}

.icon-circle {
  background-color: #d1d1d1;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
  padding: 10px;
  margin: 0 auto 10px;
}

.icon-circle img {
  height: 30px;
  width: 30px;
  display: inline-block;
}

/* Page Title */
.page-heading {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 20px;
}

.page-heading p {
  margin-bottom: 9px;
  font: 17px/23px "din-2014";
  color: #333;
}

.page-heading .summary {
  display: block;
}

@media screen and (max-width: 767px) {
  .page-heading {
    border-bottom: none;
    margin-bottom: 0;
  }
}

.page-heading .sub {
  margin-bottom: 15px;
  font-size: 16px;
}

.client-logos {
  width: 100%;
  text-align: center;
  padding: 5px 0 20px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
}

.clients img {
  max-height: 50px;
  margin: 0 auto;
}

.page-heading-inner {
  width: 100%;
  max-width: 830px;
  padding: 30px 0;
  margin: 0 auto;
}

.page-heading-inner-cms {
  width: 100%;
  padding: 30px 0;
  margin: 0 auto;
}

.page-heading-inner-cms h2 {
  text-align: left;
  float: left;
  font-size: 46px;
  display: inline-block;
  padding: 0;
  margin-bottom: 13px;
}

.page-heading-inner-cms .src-form {
  border: 2px solid #dcdcdc;
}

.section {
  padding: 0 32px 0 32px;
}

@media screen and (max-width: 767px) {
  .section {
    padding: 0 16px 0 16px;
  }
}

.row {
  margin-left: -32px;
  margin-right: -32px;
}

.content > div:last-child > .pst-block,
.content .js-sidebar-zone > div:last-child > .pst-block,
.content-sm > div:last-child > .pst-block,
.content-sm .js-sidebar-zone > div:last-child > .pst-block {
  margin: 0;
}

.page-content {
  background-color: #fff;
  padding: 15px 20px;
}

.page-content.trsp {
  background: none;
  padding: 0;
}

.side-bar .pst-block,
.side-bar-sm .pst-block {
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 20px;
}

.side-bar > div > div:last-child .pst-block,
.side-bar-sm > div > div:last-child .pst-block {
  margin: 0;
}

.side-bar-sm .sbsb-block-1 {
  margin-bottom: 0;
}

.full-section {
  margin-bottom: 45px;
}

.category-tp-1, .category-tp-3 {
  background: #0999c4;
  color: #fff !important;
  display: inline-block;
  font-family: "din-2014";
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  height: 20px;
  padding: 3px 7px 2px 9px;
  position: relative;
  margin: 0 0 15px;
  text-transform: uppercase;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .category-tp-1, .category-tp-3 {
    margin-bottom: 0px;
  }
}

.category-tp-2 {
  color: #888;
  display: inline-block;
  font: 400 12px/23px "din-2014";
  text-decoration: none;
  text-transform: uppercase;
}

.category-tp-3 {
  background: #000;
}

.category-tp-3:after {
  border-left: 4px solid #000;
}

.category-tp-4 {
  color: #888;
  display: inline-block;
  font: 700 12px/23px "din-2014";
  text-decoration: none;
  text-transform: uppercase;
}

.category-tp-5 {
  background: #0999c4;
  color: #fff;
  display: inline-block;
  font-family: "din-2014";
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  height: 20px;
  padding: 3px 7px 2px 9px;
  position: relative;
  margin: 0 0 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.reviews-tp-1 {
  background: #000;
  color: #fff;
  display: inline-block;
  font-family: "din-2014";
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  height: 20px;
  padding: 3px 7px 2px 9px;
  position: relative;
  margin: 0 0 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.reviews-tp-1:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 4px solid #000;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 0;
  right: -4px;
}

.date-tp-1 {
  display: inline-block;
  font-size: 34px;
  font-weight: 300;
  line-height: 38px;
  margin: 26px 30px;
}

.date-tp-1 sub {
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  vertical-align: top;
}

.date-tp-1 .month {
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-transform: uppercase;
}

.cate-tp-2 {
  color: #888;
  font: 11px "din-2014";
  text-transform: uppercase;
}

.date-tp-2 {
  color: #888;
  font: 400 12px/16px "din-2014";
  text-transform: uppercase;
}

.date-tp-2 i {
  margin-right: 5px;
}

.inline-extra {
  color: #888;
  font: 11px "din-2014";
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #b9b9b9;
}

.caps {
  text-transform: uppercase;
}

.mc-color-one-bg {
  background-color: #dd7230;
}

.address-tp {
  font-family: "din-2014";
  font-weight: bold;
  color: #135f92;
  font-size: 16px;
  line-height: 1.2;
}

.salary-tp {
  font-family: "din-2014";
  color: #dd7230;
  font-size: 16px;
}

.date-tp-3 {
  background-color: #f2f2f2;
  color: #000;
  font-size: 20px;
  line-height: 19px;
  width: 39px;
  padding: 9px 6px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

.date-tp-3:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 6px solid #0999c4;
  border-right: 6px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.date-tp-3 span {
  display: block;
  font: 400 10px/10px "din-2014";
}

.date-tp-4 {
  color: #fff;
  font: 400 12px/23px "din-2014";
  text-transform: uppercase;
}

.date-tp-4 i {
  font-size: 10px;
  margin: 0 6px;
}

.author-tp-1 {
  color: #888;
  font: 400 12px/23px "din-2014";
  text-transform: uppercase;
}

.author-tp-1 i {
  font-size: 10px;
  margin: 0 7px 0 0;
}

.author-tp-2 {
  color: #fff;
  font: 400 12px/23px "din-2014";
}

.author-tp-2 i {
  font-size: 10px;
  margin: 0 7px 0 0;
}

.author-tp-2 .photo {
  background-color: #f5f5f5;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

@media screen and (max-width: 479px) {
  .author-tp-2 .photo {
    display: none;
  }
}

.author-tp-2 .photo img {
  width: 100%;
}

.meta-tp-1 {
  font: 400 12px/23px "din-2014";
  text-transform: uppercase;
}

.meta-tp-1 > div {
  display: inline-block;
  padding: 0 4px 0 0;
  white-space: nowrap;
  position: relative;
}

.meta-tp-1 > div:first-child {
  margin: 0 9px 0 0;
}

.meta-tp-1 a {
  color: inherit;
  text-decoration: none;
}

.meta-tp-1 i {
  font-size: 11px;
  margin: 0 7px 0 0;
}

.meta-tp-2 {
  color: #888;
  font: 400 12px/23px "din-2014";
  text-transform: uppercase;
}

.meta-tp-2 > div {
  display: inline;
  padding: 0 13px 0 0;
  margin: 0 7px 0 0;
  position: relative;
}

.meta-tp-2 > div:before {
  background: rgba(174, 174, 174, 0.24);
  content: "";
  width: 1px;
  position: absolute;
  right: 0;
  top: 6px;
  bottom: 4px;
}

.meta-tp-2 > div:last-child:before {
  display: none;
}

.meta-tp-2 a {
  color: inherit;
  text-decoration: none;
}

.meta-tp-2 i {
  font-size: 10px;
  margin: 0 7px 0 0;
}

.meta-tp-3 {
  color: #888;
  font: 400 12px/23px "din-2014";
  text-transform: uppercase;
}

.meta-tp-3 > div {
  display: inline-block;
  margin: 0 7px 0 0;
  white-space: nowrap;
  position: relative;
}

.meta-tp-3 a {
  color: inherit;
  text-decoration: none;
}

.meta-tp-3 i {
  font-size: 12px;
  margin: 0 7px 0 0;
}

.meta-tp-4, .meta-tp-5 {
  color: #fff;
  font: 400 12px/23px "din-2014";
  text-transform: uppercase;
}

.meta-tp-4 > div, .meta-tp-5 > div {
  display: inline-block;
  margin: 0 9px;
  white-space: nowrap;
  position: relative;
}

.meta-tp-4 a, .meta-tp-5 a {
  color: inherit;
  text-decoration: none;
}

.meta-tp-4 i, .meta-tp-5 i {
  font-size: 10px;
  margin: 0 7px 0 0;
}

.meta-tp-5 {
  color: #888;
}

.meta-tp-5 .author-tp-2,
.meta-tp-5 .date-tp-4 {
  color: #888;
}

.meta-tp-5 .author-tp-2 {
  margin-left: 0;
}

.rate-tp-1 ul {
  font-size: 0;
}

.rate-tp-1 li {
  display: inline-block;
  margin-right: 3px;
}

.rate-tp-1 li:last-child {
  margin: 0;
}

.rate-tp-1 li i {
  color: #0999c4;
  font-size: 12px;
  margin: 0;
}

.rate-tp-1 a {
  text-decoration: none;
}

.rate-tp-2 li {
  color: #c2c2c2;
  float: left;
  margin-right: 4px;
}

.rate-tp-2 li:last-child {
  margin: 0;
}

.rate-tp-2 li.active {
  color: #0999c4;
}

.rate-tp-2 li i {
  display: block;
  font-size: 15px;
  margin: 0;
}

.rate-tp-2 a {
  color: inherit;
  line-height: 26px;
  display: block;
  text-decoration: none;
}

.read-tp-1,
.save-tp-1 {
  color: #fff;
  font: 700 12px/25px "din-2014";
  text-decoration: none;
  text-transform: uppercase;
}

.read-tp-1 span,
.save-tp-1 span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 0;
}

.trend-pst-slider {
  height: 100%;
}

.trend-pst-slider .pst-block-main {
  margin: -5px 0 0;
}

.trend-pst-slider .trpst-block {
  height: 100%;
  padding: 5px 0 51px;
  position: relative;
}

.trend-pst-slider .trpst-block-foot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.trend-pst-slider .trpst-block-foot .more-txt {
  position: relative;
  top: 1px;
}

.trend-pst-slider .sbr-dots {
  float: right;
  padding: 0;
}

@media screen and (max-width: 1229px) {
  .trend-pst-slider .post-tp-3 {
    margin: 0 0 7px;
  }
  .trend-pst-slider .post-tp-3 .adaptive {
    max-width: 103px;
  }
}

.pst-block-head {
  background: #fff;
  padding: 14px 20px 13px;
  position: relative;
  margin-bottom: 7px;
}

.pst-block-head:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 6px solid #0999c4;
  border-right: 6px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.pst-block-head .title-4 {
  position: relative;
  top: 1px;
}

.pst-block-main.trsp {
  background: none;
  padding: 0;
  margin-bottom: 0;
}

.pst-block-main:last-child {
  margin-bottom: 0;
}

.pst-block-foot {
  color: #1f1f1f;
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
  text-transform: uppercase;
}

.pst-block-foot a {
  color: inherit;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 13px 20px;
}

.pst-block-foot a:hover {
  color: #0999c4;
}

.pst-block-foot .arr-right-dark-ic {
  float: right;
}

.pst-box,
.comments-block {
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 22px;
  margin-bottom: 20px;
}

.pst-box-alt {
  padding: 22px;
  margin-bottom: 20px;
}

.pst-box-head {
  position: relative;
}

.pst-box-head .navs {
  color: #9b9b9b;
  font-size: 17px;
  position: absolute;
  right: 0;
  top: 0;
}

.pst-box-head .navs span {
  cursor: pointer;
  display: inline-block;
  float: left;
  width: 21px;
  height: 21px;
  margin-left: 5px;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 1em;
}

.pst-box-head .navs span:first-child {
  padding-left: 6px;
}

.pst-box-head .navs span:last-child {
  padding-left: 8px;
}

.service-icon {
  max-width: 75px;
}

.bullet-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-family: "din-2014";
}

.bullet-list li {
  padding-left: 15px;
  text-indent: -15px;
  margin-bottom: 3px;
}

.bullet-list li:before {
  content: "• ";
  color: #000;
  margin-right: 5px;
  font-size: 25px;
  font-weight: normal;
  vertical-align: text-bottom;
}

.bullet-list li:nth-child(odd) {
  font-weight: bold;
}

.pst-box-main .pst-box-inner img {
  width: 100%;
}

.pst-box-main .one-third {
  padding: 0 9px;
}

.wrap-404 {
  margin: 50px 0;
}

.circle-wrap {
  display: table-cell;
  height: 110px;
  width: 110px;
  font-size: 2rem;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
}

.ad-devices {
  margin: 100px auto -100px auto;
  display: block;
}

@media screen and (max-width: 1077px) {
  .ad-devices {
    margin: 20px auto 20px auto;
    width: 100%;
    max-width: 490px;
  }
}

.table-list {
  display: table;
  margin-bottom: 20px;
}

.table-list a {
  display: table-row;
  color: #d6084c;
}

.table-list a:hover {
  opacity: 0.8;
  color: #d6084c;
}

.table-list a span {
  display: table-cell;
  padding: 5px 0;
  vertical-align: middle;
}

.table-list a span.bullet img {
  width: 15px;
  vertical-align: middle;
}

.table-list a span.text {
  padding-left: 10px;
  font-size: 16px;
  font-family: "din-2014";
  font-weight: bold;
}

.circle-wrap .info {
  font-family: "din-2014";
  font-weight: normal;
}

.info-column .title {
  margin: 10px 0;
  font-weight: normal !important;
  font-size: 1rem;
}

.info-column {
  display: inline-block;
  margin: 26px 16px 0;
  text-align: center;
  max-width: 120px;
  vertical-align: top;
}

.pst-box.black,
.pst-box-alt.black {
  color: #fff;
  background-color: #1e1e1e;
}

.pst-box.black .pst-box-head .navs,
.pst-box-alt.black .pst-box-head .navs {
  color: #fff;
}

.pst-box.black h3,
.pst-box.black p,
.pst-box.black a,
.pst-box-alt.black h3,
.pst-box-alt.black p,
.pst-box-alt.black a {
  color: #fff !important;
}

.pst-box.black .title-blc-1 .title-blc-inner,
.pst-box.black .title-blc-2 .title-blc-inner,
.pst-box-alt.black .title-blc-1 .title-blc-inner,
.pst-box-alt.black .title-blc-2 .title-blc-inner {
  border-color: #fff;
  color: #fff;
}

.pst-box.black .title-blc-1,
.pst-box-alt.black .title-blc-1 {
  border-color: #fff;
}

.pst-block-hr {
  border: none;
  border-top: 1px solid #f2f2f2;
  margin: 12px 0px;
}

.xs-hr {
  width: 24px;
  border: none;
  border-top: 1px solid #d8d8d8;
  margin: 15px 0;
}

.vpst-block {
  padding: 18px 0 0;
}

.vpst-block-head {
  margin: 22px 0;
  padding: 0 0 0 18px;
  position: relative;
}

.vpst-block-head:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 6px solid #0999c4;
  border-right: 6px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.vpst-block-head i:before {
  vertical-align: middle;
}

.vpst-block-head .title-4 {
  color: #fff;
}

.vpst-block-head .filters {
  color: #cdcdcd;
}

.vpst-block-head .filters .filters-list-1, .vpst-block-head .filters .filters-list-2 {
  border-color: #383b3f;
}

.vpst-block-head .filters .filters-list-1 a:hover, .vpst-block-head .filters .filters-list-2 a:hover, .vpst-block-head .filters .filters-list-1 a.active, .vpst-block-head .filters .filters-list-2 a.active {
  color: #fff;
}

.vpst-block-head .filters-drop {
  top: 130%;
}

.vpst-block-head .filters-drop .arr {
  right: 4px;
}

.vpst-block-main {
  margin: 0 0 30px;
}

.vpst-block-foot {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
  text-transform: uppercase;
}

.vpst-block-foot a {
  border-top: 1px solid #2e3136;
  color: inherit;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 14px 20px 13px;
}

.trpst-block-head {
  padding: 13px 20px 8px;
}

.trpst-block-main {
  padding: 0 20px;
}

.trpst-block-foot {
  background: #fcfcfc;
  color: #1f1f1f;
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
  text-transform: uppercase;
}

.trpst-block-foot a {
  color: inherit;
  display: block;
  text-decoration: none;
  padding: 13px 20px;
}

.trpst-block-foot a:hover {
  color: #0999c4;
}

.trpst-block-foot .arr-right-dark-ic {
  float: right;
}

.filters {
  color: #929292;
  float: right;
}

.filters-list-1, .filters-list-2 {
  font: 400 13px/25px "din-2014";
  float: left;
  padding: 0 10px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .filters-list-1, .filters-list-2 {
    display: none;
  }
}

.filters-list-1 li, .filters-list-2 li {
  float: left;
}


.filters-list-1 a,
.filters-list-2 a {
  color: inherit;
  display: block;
  padding: 0 10px;
  text-decoration: none;
}

.filters-list-1 a:hover, .filters-list-2 a:hover, .filters-list-1 a.active, .filters-list-2 a.active {
  color: #474747;
}

.filters-more {
  border-left: 1px solid #ebebeb;
  font-size: 18px;
  float: left;
  padding: 1px 0 1px 18px;
}

.filters-more i:before {
  vertical-align: middle;
}

.filters-btn {
  cursor: pointer;
}

.filters-drop {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  display: none;
  width: 130px;
  padding: 9px 0;
  position: absolute;
  top: 99%;
  right: -5px;
  z-index: 1;
}

.filters-drop .arr {
  display: block;
  width: 20px;
  height: 10px;
  position: absolute;
  right: 24px;
  top: -10px;
  overflow: hidden;
}

.filters-drop .arr:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
  top: 5px;
  left: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

.filters-drop a {
  color: #929292;
  display: block;
  font: 700 13px/28px "din-2014";
  padding: 0 16px;
  text-decoration: none;
  text-transform: uppercase;
}

.filters-drop a:hover, .filters-drop a.active {
  color: #0999c4;
}

.filters-list-2 {
  border: none;
  margin: 0;
  padding: 0;
}

.filters-list-2 a {
  padding: 0 0 0 6px;
}

.filters-list-3 {
  font: 500 12px/21px "din-2014";
  text-transform: uppercase;
}

.filters-list-3 li {
  float: left;
  margin-right: 12px;
}

.filters-list-3 a {
  color: inherit;
  display: block;
  padding: 2px 0 17px;
  position: relative;
  text-decoration: none;
}

.filters-list-3 a:before {
  background: #0999c4;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  opacity: 0;
  transform: scale(0.5, 1);
  transform-origin: 50% 0;
  transition: transform 300ms, opacity 200ms;
}

.filters-list-3 a:hover, .filters-list-3 a.active {
  color: #000;
}

.filters-list-3 a:hover:before, .filters-list-3 a.active:before {
  opacity: 1;
  transform: scale(1, 1);
}

.filters-blc-1 {
  background-color: #f8f8f8;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
  padding: 22px 24px;
}

.filters-blc-1 .members-items {
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  font-size: 9px;
  line-height: 22px;
  text-align: center;
  min-width: 23px;
  padding: 0 3px;
  margin-left: 6px;
  vertical-align: middle;
}

.filters-blc-1 .filters-list {
  text-align: right;
}

@media screen and (max-width: 479px) {
  .filters-blc-1 .filters-list {
    text-align: left;
    margin-top: 10px;
  }
}

.filters-blc-2 {
  background-color: #fff;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
  padding: 32px 24px 7px;
}

.filters-blc-2 .members-items {
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  font-size: 9px;
  line-height: 22px;
  text-align: center;
  min-width: 23px;
  padding: 0 3px;
  margin-left: 6px;
  vertical-align: middle;
}

.all-sb {
  float: right;
}

.all-sb a {
  color: #474747;
  display: inline-block;
  font-family: "din-2014";
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.all-sb a:hover {
  color: #0999c4;
}

.inner-filters {
  color: #838181;
}

.inner-filters + .pst-block-hr {
  margin-top: 0;
}

.post-navs {
  float: left;
  padding: 0 18px;
}

.post-navs a {
  text-decoration: none;
}

.reviews-rate {
  color: #fff;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 39px;
  height: 39px;
  font-size: 10px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  padding: 15px 0 0 15px;
}

.reviews-rate:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0px;
  height: 0px;
  border-bottom: 39px solid #181818;
  border-left: 39px solid transparent;
}

.reviews-rate span {
  position: relative;
  z-index: 2;
}

.top-rate {
  color: #fff;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 39px;
  height: 39px;
  font-size: 10px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  padding: 15px 15px 0 0;
}

.top-rate:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0px;
  height: 0px;
  border-bottom: 39px solid #181818;
  border-right: 39px solid transparent;
}

.top-rate span {
  position: relative;
  z-index: 2;
}

.js-pst-block [class^="col-"],
.js-pst-block [class*=" col-"] {
  width: 100%;
}

.latest-blg .owl-item {
  padding: 0 10px;
}

.latest-blg .owl-item.active + .active {
  border-left: 1px solid #f2f2f2;
}

.owl-pagination .owl-page,
.owl-pagination li,
.sbr-dots .owl-page,
.sbr-dots li {
  display: inline-block;
  margin: 2px;
}

.owl-pagination .owl-page.active span, .owl-pagination .owl-page.slick-active span,
.owl-pagination li.active span,
.owl-pagination li.slick-active span,
.sbr-dots .owl-page.active span,
.sbr-dots .owl-page.slick-active span,
.sbr-dots li.active span,
.sbr-dots li.slick-active span {
  background: #0999c4;
  border-color: #0999c4;
}

.owl-pagination span,
.sbr-dots span {
  cursor: pointer;
  display: block;
  border: 1px solid #a9a9a9;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.sbr-dots {
  text-align: center;
}

.social-tp-1 {
  padding: 8px 0;
}

.social-list li {
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  margin: 0 0 9px;
}

.social-list li:last-child {
  margin: 0;
}

.social-list li.fb {
  background: #516fc2;
}

.social-list li.fb .soc-ic {
  background: #4c68b3;
}

.social-list li.tw {
  background: #09b2f4;
}

.social-list li.tw .soc-ic {
  background: #00abed;
}

.social-list li.gp {
  background: #f73232;
}

.social-list li.gp .soc-ic {
  background: #eb1212;
}

.social-list a {
  color: inherit;
  display: block;
  height: 33px;
  padding: 8px 14px 8px 46px;
  position: relative;
  text-decoration: none;
}

.social-list .soc-btn {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  display: inline-block;
  float: right;
  padding: 0 0 0 16px;
}

.social-list .soc-ic {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 33px;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
}

.social-tp-2 {
  color: #1f2124;
}

.social-tp-2 ul {
  overflow: hidden;
}

.social-tp-2 ul li {
  float: left;
  margin-right: 18px;
}

.social-tp-2 ul a {
  color: inherit;
  display: inline-block;
  font-size: 12px;
  padding: 0 5px;
}

.social-tp-2 ul i {
  margin: 0;
}

.social-tp-2 ul .tw a:hover {
  color: #00abed;
}

.social-tp-2 ul .fb a:hover {
  color: #4c68b3;
}

.social-tp-2 ul .gp a:hover {
  color: #e51616;
}

.social-tp-2 ul .in a:hover {
  color: #1d5e9f;
}

.social-tp-2 ul .dr a:hover {
  color: #f51f9d;
}

.post-sharing-tp-1, .post-sharing-tp-2 {
  margin: 20px 0 33px;
}

.post-sharing-tp-1 ul, .post-sharing-tp-2 ul {
  float: left;
}

.post-sharing-tp-1 li, .post-sharing-tp-2 li {
  float: left;
  margin: 0 5px 5px 0;
}

.post-sharing-tp-1 li:last-child, .post-sharing-tp-2 li:last-child {
  margin: 0;
}

.post-sharing-tp-1 .fb a, .post-sharing-tp-2 .fb a {
  background-color: #526eac;
}

.post-sharing-tp-1 .fb a:hover, .post-sharing-tp-2 .fb a:hover {
  background-color: #4360a0;
}

.post-sharing-tp-1 .tw a, .post-sharing-tp-2 .tw a {
  background-color: #00abed;
}

.post-sharing-tp-1 .tw a:hover, .post-sharing-tp-2 .tw a:hover {
  background-color: #0d9fd8;
}

.post-sharing-tp-1 .vk a, .post-sharing-tp-2 .vk a {
  background-color: #426b9a;
}

.post-sharing-tp-1 .vk a:hover, .post-sharing-tp-2 .vk a:hover {
  background-color: #355e8d;
}

.post-sharing-tp-1 .gp a, .post-sharing-tp-2 .gp a {
  background-color: #eb4026;
}

.post-sharing-tp-1 .gp a:hover, .post-sharing-tp-2 .gp a:hover {
  background-color: #e23319;
}


.post-sharing-tp-1 a,
.post-sharing-tp-2 a {
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  min-width: 125px;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  
  .post-sharing-tp-1 a,
  .post-sharing-tp-2 a {
    min-width: 56px;
  }
}

.post-sharing-tp-1 a .fa, .post-sharing-tp-2 a .fa {
  margin-right: 9px;
}

@media screen and (max-width: 479px) {
  .post-sharing-tp-1 a .fa, .post-sharing-tp-2 a .fa {
    margin: 0;
  }
}

.sharing-block {
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 20px 21px 25px;
}

.sharing-block .sharing-title {
  color: #000;
  font-weight: 600;
  margin-bottom: 12px;
}

.sharing-block .comments {
  color: #1f2124;
  float: right;
  font-size: 11px;
  font-weight: 500;
  padding: 5px 0;
  text-transform: uppercase;
}

@media screen and (max-width: 479px) {
  .sharing-block .comments {
    margin-top: 10px;
  }
}

.sharing-block .comments i {
  color: #8a8a8a;
  line-height: 10px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

.post-sharing-tp-2 {
  margin: 0;
}

.post-sharing-tp-2 a {
  min-width: 83px;
}

@media screen and (max-width: 479px) {
  .post-sharing-tp-2 a {
    min-width: 45px;
  }
}

.locations {
  font-size: 22px;
  font-weight: normal;
}

.sb-banner {
  margin-bottom: 15px;
}

.sb-banner .banner-inner {
  position: relative;
  display: block;
  background-color: #000;
}

.sb-banner .banner-inner .bg {
  opacity: 0.6;
}

.sb-banner .event-brand-img {
  max-width: 125px;
  margin: 0 auto 5px;
}

.sb-banner .pin-wrap {
  padding: 5px 0;
}

.sb-banner .pin-wrap img {
  margin: 0 auto;
}

.sb-banner .banner-overlay {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 32px 20px;
  text-align: center;
}

.sbsb-block-1 {
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 20px;
}

.sbsb-block-1 .sub {
  color: #949494;
  font-size: 10px;
  line-height: 1.2em;
  margin-bottom: 15px;
}

.sbsb-form-1 {
  background: #fff;
  border-radius: 2px;
}

.sbsb-form-1 .sbsb-form {
  display: table;
  width: 100%;
  padding: 4px;
  background-color: #f8f8f8;
}

.sbsb-form-1 .sbsb-form > div {
  display: table-cell;
  vertical-align: middle;
}

.sbsb-form-1 .sbsb-input {
  position: relative;
}

.sbsb-form-1 .sbsb-input input {
  border: none;
  color: #626465;
  background-color: #f8f8f8;
  font: 12px/20px "din-2014";
  height: 30px;
  width: 100%;
  padding: 5px;
}

.sbsb-form-1 .sbsb-icon {
  color: #8d8d8d;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  line-height: 30px;
  padding: 0 0 0 11px;
}

.sbsb-form-1 .sbsb-icon i:before {
  vertical-align: middle;
}

.sbsb-form-1 .sbsb-btn {
  width: 44px;
}

.sbsb-form-1 .sbsb-btn button {
  appearance: none;
  color: #fff;
  background-color: #0999c4;
  border-radius: 2px;
  cursor: pointer;
  font: 21px "din-2014";
  border: none;
  display: block;
  padding: 3px 10px 4px;
  min-width: 44px;
  text-align: center;
  text-transform: uppercase;
}

.sbsb-form-1 .sbsb-btn button:hover, .sbsb-form-1 .sbsb-btn button:active, .sbsb-form-1 .sbsb-btn button:focus {
  background-color: #0ab0e1;
}

.search-form-1 {
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
}

.search-form-1 .src-form {
  display: table;
  width: 100%;
  padding: 4px;
}

.search-form-1 .src-form > div {
  display: table-cell;
  vertical-align: middle;
}

.search-form-1 .src-input {
  position: relative;
}

.search-form-1 .src-input input {
  border: none;
  color: #444;
  background-color: #fff;
  font: 16px/20px "din-2014";
  height: 30px;
  width: 100%;
  padding: 5px 10px 5px 37px;
}

.search-form-1 .src-icon {
  color: #8d8d8d;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  line-height: 30px;
  padding: 0 0 0 11px;
}

.search-form-1 .src-icon i:before {
  vertical-align: middle;
}

.search-form-1 .src-btn {
  width: 88px;
}

.search-form-1 .src-btn input,
.search-form-1 .src-btn button {
  appearance: none;
  color: #fff;
  background-color: #0999c4;
  border-radius: 2px;
  cursor: pointer;
  font: 500 16px/20px "din-2014";
  border: none;
  display: block;
  padding: 6px 10px 4px;
  min-width: 88px;
  text-align: center;
  text-transform: uppercase;
}

.search-form-1 .src-btn input:hover, .search-form-1 .src-btn input:active, .search-form-1 .src-btn input:focus,
.search-form-1 .src-btn button:hover,
.search-form-1 .src-btn button:active,
.search-form-1 .src-btn button:focus {
  opacity: 0.8;
}

.search-form-2 {
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
}

.search-form-2 .src-form {
  display: table;
  width: 100%;
}

.search-form-2 .src-form > div {
  display: table-cell;
  vertical-align: middle;
}

.search-form-2 .src-input {
  position: relative;
}

.search-form-2 .src-input input {
  border: none;
  color: #626465;
  font: 12px/20px "din-2014";
  height: 38px;
  width: 100%;
  padding: 5px 15px 5px 15px;
}

.search-form-2 .src-btn {
  width: 38px;
}

.search-form-2 .src-btn button {
  appearance: none;
  color: #fff;
  background-color: #0999c4;
  border-radius: 2px;
  cursor: pointer;
  font: 500 13px/28px "din-2014";
  border: none;
  display: block;
  padding: 6px 10px 4px;
  width: 38px;
  text-align: center;
  text-transform: uppercase;
}

.search-form-2 .src-btn button:hover, .search-form-2 .src-btn button:active, .search-form-2 .src-btn button:focus {
  background-color: #f15232;
}

.search-form-3 {
  padding: 8px 0;
}

.search-form-3 .src-input {
  position: relative;
}

.search-form-3 .src-input input {
  border: 1px solid #ededed;
  border-radius: 2px;
  color: #626465;
  font: 12px/20px "din-2014";
  height: 38px;
  width: 100%;
  padding: 5px 15px 5px 15px;
}

.search-form-3 .src-icon {
  color: #a9a9a9;
  font-size: 13px;
  height: 38px;
  line-height: 38px;
  padding: 0 12px 0 0;
  position: absolute;
  right: 0;
  top: 0;
}

.search-form-3 .src-icon i {
  display: block;
  transform: scaleX(-1);
}

.sbsb-form-2 .sbsb-input {
  background: #fff;
  border-radius: 2px;
  position: relative;
  margin: 0 0 6px;
}

.sbsb-form-2 .sbsb-input input {
  border: none;
  color: #626465;
  font: 12px/20px "din-2014";
  height: 38px;
  width: 100%;
  padding: 9px 10px 9px 37px;
}

.sbsb-form-2 .sbsb-icon {
  color: #8d8d8d;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  line-height: 38px;
  padding: 0 0 0 11px;
}

.sbsb-form-2 .sbsb-icon i:before {
  vertical-align: middle;
}

.sbsb-form-2 .sbsb-btn {
  width: 100%;
}

.sbsb-form-2 .sbsb-btn button {
  appearance: none;
  color: #fff;
  background-color: #0999c4;
  border-radius: 2px;
  cursor: pointer;
  font: 500 11px/28px "din-2014";
  border: none;
  display: block;
  padding: 6px 10px 4px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}

.sbsb-form-2 .sbsb-btn button:hover, .sbsb-form-2 .sbsb-btn button:active, .sbsb-form-2 .sbsb-btn button:focus {
  background-color: #f15232;
}

.sbr-slider .pst-block-main,
.sbr-slider .post-tp-10 {
  padding: 0;
}

.sidebar-slider {
  position: relative;
}

.sidebar-slider figure {
  position: relative;
}

.sidebar-slider .category-tp-1, .sidebar-slider .category-tp-3 {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 18px 20px;
}

.sidebar-slider .sbr-navs {
  background: #181818;
  position: absolute;
  right: 0;
  bottom: 0;
}

.sidebar-slider .slick-arrow {
  cursor: pointer;
  width: 39px;
  height: 39px;
  padding: 17px 15px;
  float: left;
  position: relative;
}

.sidebar-slider .slick-arrow i {
  vertical-align: top;
}

.sidebar-slider .slick-arrow.prev {
  margin-right: 1px;
}

.sidebar-slider .slick-arrow.prev:after {
  background: #3e3e3e;
  content: "";
  position: absolute;
  right: -1px;
  top: 12px;
  bottom: 12px;
  width: 1px;
}

.tags-block {
  padding: 8px 0 5px;
}

.tags-list {
  font-size: 0;
}

.tags-list li {
  float: left;
  margin: 0 5px 5px 0;
}

.tags-list a {
  background: #ededed;
  color: #1f1f1f;
  display: block;
  font: 700 10px/15px "din-2014";
  padding: 5px 8px;
  min-width: 52px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.post-tags {
  padding: 10px 0;
  margin-bottom: 25px;
}

.post-tags-list {
  font-size: 0;
}

.post-tags-list li {
  float: left;
  margin: 0 5px 5px 0;
}

.post-tags-list a {
  background: #fff;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.03);
  color: #1f1f1f;
  display: block;
  font: 500 10px/15px "din-2014";
  padding: 5px 8px;
  min-width: 60px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.ltst-reviews .pst-block-main,
.ftrd-author .pst-block-main {
  padding: 0;
}

.ltst-reviews .full-img,
.ftrd-author .full-img {
  margin-bottom: 18px;
  position: relative;
}

.ltst-reviews .post-wrap,
.ftrd-author .post-wrap {
  padding: 0 20px 5px;
}

.ltst-reviews .post-tp-11,
.ftrd-author .post-tp-11 {
  border-bottom: 1px dashed #ebebeb;
  padding-bottom: 14px;
  margin-bottom: 9px;
}

.ltst-reviews .post-tp-6, .ltst-reviews .post-tp-9, .ltst-reviews .post-tp-10,
.ftrd-author .post-tp-6,
.ftrd-author .post-tp-9,
.ftrd-author .post-tp-10 {
  border-bottom: 1px dashed #ebebeb;
}

.ltst-reviews .post-tp-6:last-child, .ltst-reviews .post-tp-9:last-child, .ltst-reviews .post-tp-10:last-child,
.ftrd-author .post-tp-6:last-child,
.ftrd-author .post-tp-9:last-child,
.ftrd-author .post-tp-10:last-child {
  border: none;
}

.ltst-reviews .category-tp-1, .ltst-reviews .category-tp-3,
.ltst-reviews .category-tp-3,
.ftrd-author .category-tp-1,
.ftrd-author .category-tp-3,
.ftrd-author .category-tp-3 {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 18px 20px;
}

.poling-block {
  padding: 10px 0;
}

.poling-list {
  margin-bottom: 14px;
}

.poling-list li {
  padding: 3px 0;
}

.info-tp-1 a {
  border-left: 1px solid #f6f6f6;
  color: #c5c5c5;
  display: inline-block;
  font-family: "din-2014";
  font-weight: 700;
  line-height: 25px;
  padding-left: 18px;
  margin-left: 16px;
  vertical-align: top;
  text-transform: uppercase;
  text-decoration: none;
}

@media screen and (max-width: 1229px) {
  .info-tp-1 a {
    padding-left: 10px;
    margin-left: 8px;
  }
}

.info-tp-1 a:first-child {
  border: none;
  margin: 0;
  padding-left: 0;
}

.info-tp-1 a:hover {
  color: #0999c4;
}

.twitter-widget .info-tp-1 {
  float: right;
}

.twitter-widget .post-list li {
  border-bottom: 1px dashed #ebebeb;
  padding: 14px 0 9px 26px;
  position: relative;
}

.twitter-widget .post-list li:last-child {
  border: none;
}

.twitter-widget .post-list p {
  color: #6f6f6f;
  font: 14px/23px "Georgia";
}

.twitter-widget .post-list a {
  color: #0999c4;
  text-decoration: none;
}

.twitter-widget .post-list .date {
  color: #c7c7c7;
  font-family: "din-2014";
  font-size: 12px;
  font-weight: 700;
  margin: 3px 0;
  text-transform: uppercase;
}

.twitter-widget .post-list .fa {
  color: #e7e7e7;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 17px;
}

.sm-list {
  line-hieght: 1.2em;
  margin-bottom: 15px;
}

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

.map-widget .map {
  height: 298px;
}

.weather-widget .pst-block-head .arr-ic-3 {
  float: right;
}

.weather-widget .pst-block-main {
  padding: 15px 20px 0;
  margin-bottom: 0;
}

.weather-widget .title-4 i {
  color: #0999c4;
  font-size: 14px;
  line-height: 14px;
}

.weather-block {
  color: #676666;
  font-size: 12px;
  min-height: 60px;
  padding: 5px 0 5px 112px;
  position: relative;
}

.weather-block .temperature {
  position: absolute;
  left: 0;
}

.weather-block i {
  display: inline-block;
  color: #0999c4;
  font-size: 26px;
  margin-top: 5px;
  vertical-align: top;
}

.day {
  color: #8e8e8e;
  font-size: 9px;
  line-height: 8px;
  text-align: right;
  text-transform: uppercase;
}

.degrees-1 {
  color: #000;
  display: inline-block;
  font-size: 34px;
  font-weight: 500;
  line-height: 40px;
}

.degrees-2 {
  color: #000;
  display: inline-block;
  font-size: 23px;
  font-weight: 500;
  line-height: 26px;
}

.degrees-2 i {
  display: inline-block;
  vertical-align: top;
  margin: 2px 4px;
}

.degrees-ic-1 {
  display: inline-block;
  border: 2px solid #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.degrees-ic-2 {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.weather-days {
  margin: -12px 0 0;
}

.weather-days-list li {
  float: left;
  width: 20%;
  text-align: center;
}

.weather-days-list li:hover a, .weather-days-list li.active a {
  background: rgba(235, 235, 235, 0.11);
}

.weather-days-list li a {
  display: block;
  padding: 22px 0 25px;
  text-decoration: none;
}

.weather-days-list li .degrees-2 {
  margin-right: -13px;
}

.weather-days-list li .day {
  text-align: center;
}

.page-nav {
  color: #c3c3c3;
  font-size: 12px;
  font-weight: 500;
  margin: 14px 0 15px;
}

.page-nav .pn-item {
  color: #646464;
  border: 1px solid #ececec;
  border-radius: 50%;
  display: block;
  font-size: 12px;
  float: left;
  width: 33px;
  height: 33px;
  padding: 4px;
  margin: 0 5px 10px 0;
  text-align: center;
  text-decoration: none;
}

.page-nav .pn-item.current {
  background: #0999c4;
  border-color: #0999c4;
  color: #fff;
}

.page-nav .extend {
  display: block;
  font-family: "din-2014";
  font-size: 12px;
  float: left;
  width: 33px;
  height: 33px;
  padding: 4px;
  margin: 0 5px 0 0;
  text-align: center;
  text-decoration: none;
}

.page-nav .page-count {
  display: block;
  float: right;
  line-height: 33px;
}

.page-nav-prev-ic {
  background-image: url(../img/sprite.png);
  background-position: -18px 0px;
  width: 9px;
  height: 7px;
  display: inline-block;
}

.page-nav-next-ic {
  background-image: url(../img/sprite.png);
  background-position: -9px 0px;
  width: 9px;
  height: 7px;
  display: inline-block;
}

.go-top {
  border: 2px solid #b1b5bc;
  border-radius: 50%;
  color: #8e9399;
  font-size: 16px;
  line-height: 35px;
  display: block;
  width: 39px;
  height: 39px;
  position: fixed;
  bottom: 30px;
  right: 37px;
  margin-top: -20px;
  text-align: center;
  z-index: 5;
}

@media screen and (max-width: 767px) {
  .go-top {
    display: none;
  }
}

.banner {
  background: #fff;
  padding: 11px;
  margin: 45px 0;
}

.lifestyle-pst .post-tp-17:last-child, .lifestyle-pst .post-tp-21:last-child {
  border: none;
  padding-bottom: 15px;
}

.latest-pst .post-tp-15, .latest-pst .post-tp-18 {
  margin: 8px 0 18px;
}

.latest-pst .post-tp-17:last-child, .latest-pst .post-tp-21:last-child {
  border: none;
  padding: 0 0 15px;
}

.latest-pst .meta-tp-2 {
  margin: 4px 0 3px;
}

.latest-nws .posts {
  margin-bottom: 25px;
}

.trend-pst-tp-2 .pst-block-main {
  padding: 0;
}

.trend-pst-tp-2 .pst-block-main > div > div:first-child figure:after {
  display: none;
}

.twitter-block {
  background: #121314;
  color: #fff;
  padding: 20px 20px 74px;
  position: relative;
}

.twitter-block a {
  color: inherit;
  text-decoration: none;
}

.twitter-block p {
  color: #fff;
  max-height: 92px;
  overflow: hidden;
}

.twitter-block .tb-icon {
  font-size: 20px;
  padding: 5px 0;
}

.twitter-block .tb-user {
  overflow: hidden;
  margin: 14px 0 18px;
}

.twitter-block .tb-user .photo {
  border-radius: 50%;
  float: left;
  overflow: hidden;
  width: 55px;
  height: 55px;
  margin: 0 12px 0 0;
}

.twitter-block .tb-user .tb-name {
  font-weight: 500;
  margin: 8px 0 0;
}

.twitter-block .tb-user .tb-login {
  color: #727272;
  font-size: 10px;
  line-height: 16px;
}

.twitter-block .time-date {
  display: block;
  color: #727272;
  font-size: 10px;
  margin: 7px 0;
}

.twitter-block .tb-twitts .twitt {
  padding: 8px 0;
}

.twitter-block .tb-twitts li {
  border-bottom: 1px solid #26282c;
  margin: 0 0 8px;
}

.twitter-block .tb-bottom {
  height: 74px;
  line-height: 24px;
  padding: 25px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.twitter-block .td-action {
  float: left;
}

.twitter-block .td-action a {
  margin-right: 40px;
}

.twitter-block .td-action a:last-child {
  margin: 0;
}

.twitter-block .tb-nav {
  float: right;
  font-size: 7px;
}

.animated {
  visibility: hidden;
}

.fadeOutUp,
.fadeInUp,
.fadeIn {
  visibility: visible;
}

.page-head-tile {
  margin: 29px 0 26px;
}

.breadcrumbs-block {
  padding: 8px 0;
}

.page-title {
  padding: 8px 0;
  position: relative;
}

.page-title .filters-more {
  border-color: #dddddd;
}

.page-title .filters-drop .arr {
  right: 4px;
}

.breadcrumbs {
  color: #6f6f6f;
  font-family: "din-2014";
}

.breadcrumbs .bc-item {
  float: left;
}

.breadcrumbs .fa {
  font-size: 10px;
  line-height: 23px;
  vertical-align: top;
  margin: 0 7px 0 5px;
}

.breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.video-content .page-title .filters-more {
  border-color: #383a3e;
}

.video-content .filters-list-1 a:hover, .video-content .filters-list-2 a:hover, .video-content .filters-list-1 a.active, .video-content .filters-list-2 a.active {
  color: #fffefe;
}

.video-content .title-16 {
  color: #fff;
}

.thumbs-slider {
  margin: -15px -20px 0;
}

.thumbs-img {
  cursor: pointer;
}

.thumbs-img:hover figure:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.thumbs-img figure {
  position: relative;
}

.thumbs-img figure:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.thumbs-img figure img {
  width: 100%;
}

.post-tile {
  background-color: #f8f8f8;
  margin: 0 -20px 32px;
  padding: 40px 20px 10px;
}

@media screen and (max-width: 1077px) {
  .post-tile .col-eq > div .title-3 {
    height: 42px;
    overflow: hidden;
  }
}

.tpg-block,
.scd-block {
  padding: 14px 0 0;
}

.tpg-block .bq-tp-3,
.scd-block .bq-tp-3 {
  margin-right: -20px;
  margin-left: -20px;
}

.scd-block:first-child {
  padding-top: 0;
}

.post-content .bq-tp-3 {
  margin-right: -24px;
  margin-left: -24px;
}

.post-content figure img {
  width: 100%;
}

@media screen and (max-width: 639px) {
  .post-content .align-left {
    float: none;
    margin: 6px 0 15px;
  }
}

.post-main-img {
  margin-bottom: 20px;
  position: relative;
}

.post-main-img figure {
  position: relative;
}

.post-main-img figure:before {
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.36)) top repeat;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.36)) top repeat;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
}

.post-main-img .post-main-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.post-main-img .post-main-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px 24px;
}

.post-main-img .title-21 {
  color: #fff;
}

.post-main-img .meta-tp-5,
.post-main-img .author-tp-2,
.post-main-img .date-tp-4 {
  color: #fff;
}

.post-main-tile {
  background-color: #f8f8f8;
  margin: -25px -24px 35px;
  padding: 45px 24px 15px;
}

.post-main-tile p {
  color: #aaa;
}

.post-main-tile .meta-tp-5 {
  margin-bottom: 12px;
}

.post-video {
  margin: -25px -24px 35px;
}

.small-gallery {
  margin: 0 -3px;
  padding: 10px 0 33px;
}

.small-gallery .item {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  padding: 0 3px;
}

.small-gallery .item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 639px) {
  .small-gallery .item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 3px;
  }
  .small-gallery .item:last-child {
    margin-right: 0;
  }
}

.small-gallery figure {
  position: relative;
}

.small-gallery figure:before {
  content: "";
  background-color: rgba(22, 23, 26, 0.15);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}

.small-gallery figure img {
  width: 100%;
}

.half-gallery {
  margin: -3px -3px -2px -2px;
  padding: 10px 0 33px;
}

.half-gallery .item {
  padding: 3px 3px 2px 2px;
}

.medium-gallery {
  margin: -3px -3px -2px -2px;
  padding: 10px 0 33px;
}

.medium-gallery .item {
  padding: 3px 3px 2px 2px;
}

.medium-gallery .left {
  float: left;
  width: 55.6%;
}

@media screen and (max-width: 639px) {
  .medium-gallery .left {
    width: 100%;
  }
}

.medium-gallery .right {
  float: right;
  width: 44.4%;
}

@media screen and (max-width: 639px) {
  .medium-gallery .right {
    width: 100%;
  }
}

.large-gallery {
  margin: -3px -27px -2px -26px;
  padding: 10px 0 33px;
}

.large-gallery .item {
  padding: 3px 3px 2px 2px;
}

.large-gallery .left {
  float: left;
  width: 64.104%;
}

@media screen and (max-width: 639px) {
  .large-gallery .left {
    width: 100%;
  }
}

.large-gallery .right {
  float: right;
  width: 35.896%;
}

@media screen and (max-width: 639px) {
  .large-gallery .right {
    width: 100%;
  }
}

.post-img-1 {
  margin-bottom: 17px;
}

.post-img-1 figcaption {
  color: #626465;
  font: italic 400 12px/24px "din-2014";
  padding: 8px 0;
}

.post-img-2 {
  margin-bottom: 23px;
}

.post-img-2 figcaption {
  color: #626465;
  font: italic 400 12px/24px "din-2014";
  padding: 8px 0;
}

.post-img-3 {
  margin: 0 -24px 23px;
}

.post-img-3 figcaption {
  color: #626465;
  font: italic 400 12px/24px "din-2014";
  padding: 8px 0;
}

.post-next-prev {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  color: #a9a9a9;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin: 40px 0;
}

.post-next-prev a {
  color: inherit;
  display: block;
  padding: 25px;
  position: relative;
  text-decoration: none;
}

.post-next-prev a:hover {
  color: #000;
}

.post-next-prev a:hover .fa {
  color: #0999c4;
}

.post-next-prev a .fa {
  color: #bbb;
  font-size: 17px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.post-next-prev .post-prev,
.post-next-prev .post-next {
  width: 50%;
  float: left;
}

.post-next-prev .post-prev {
  text-align: right;
}

.post-next-prev .post-prev a {
  border-right: 1px solid #f1f1f1;
  margin-right: -1px;
}

.post-next-prev .post-prev .fa {
  left: 0;
}

.post-next-prev .post-next a {
  border-left: 1px solid #f1f1f1;
}

.post-next-prev .post-next .fa {
  right: 0;
}

.author-box-1 {
  background-color: #f8f8f8;
  padding: 28px 20px 27px 132px;
  position: relative;
  margin-bottom: 27px;
}

@media screen and (max-width: 479px) {
  .author-box-1 {
    padding: 28px 20px 27px 20px;
  }
}

.author-box-1 .author-photo {
  background-color: #fff;
  border-radius: 50%;
  width: 95px;
  height: 95px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 22px;
}

@media screen and (max-width: 479px) {
  .author-box-1 .author-photo {
    display: none;
  }
}

.author-box-1 .author-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 1px;
}

.author-box-1 .author-profession {
  color: #8e8e8e;
  font: italic 12px/22px "din-2014";
  margin-bottom: 6px;
}

.author-box-1 .author-description {
  color: #6f6f6f;
  font: 13px/21px "din-2014";
  margin-bottom: 8px;
}

.author-box-1 .author-social {
  color: #000;
}

.author-box-1 .author-social ul {
  overflow: hidden;
}

.author-box-1 .author-social ul li {
  float: left;
  margin-right: 8px;
}

.author-box-1 .author-social ul a {
  color: inherit;
  display: inline-block;
  padding: 0 5px;
}

.author-box-1 .author-social ul i {
  margin: 0;
}

.author-box-1 .author-social ul .tw a:hover {
  color: #00abed;
}

.author-box-1 .author-social ul .fb a:hover {
  color: #4c68b3;
}

.author-box-1 .author-social ul .gp a:hover {
  color: #e51616;
}

.author-box-1 .author-social ul .in a:hover {
  color: #1d5e9f;
}

.author-box-1 .author-social ul .dr a:hover {
  color: #f51f9d;
}

.author-box-2, .author-box-3 {
  background-color: #f8f8f8;
  padding: 36px 20px 25px;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.author-box-2 .author-photo, .author-box-3 .author-photo {
  background-color: #fff;
  border-radius: 50%;
  width: 134px;
  height: 134px;
  margin: 0 auto 16px;
  overflow: hidden;
}

.author-box-2 .author-name, .author-box-3 .author-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.author-box-2 .author-profession, .author-box-3 .author-profession {
  color: #8e8e8e;
  font: italic 12px/22px "din-2014";
  margin-bottom: 6px;
}

.author-box-2 .author-description, .author-box-3 .author-description {
  color: #6f6f6f;
  font: 13px/21px "din-2014";
  margin-bottom: 12px;
}

.author-box-2 .author-social, .author-box-3 .author-social {
  color: #000;
  display: inline-block;
}

.author-box-2 .author-social ul, .author-box-3 .author-social ul {
  overflow: hidden;
}

.author-box-2 .author-social ul li, .author-box-3 .author-social ul li {
  float: left;
  margin-right: 8px;
}

.author-box-2 .author-social ul a, .author-box-3 .author-social ul a {
  color: inherit;
  display: inline-block;
  padding: 0 5px;
}

.author-box-2 .author-social ul i, .author-box-3 .author-social ul i {
  margin: 0;
}

.author-box-2 .author-social ul .tw a:hover, .author-box-3 .author-social ul .tw a:hover {
  color: #00abed;
}

.author-box-2 .author-social ul .fb a:hover, .author-box-3 .author-social ul .fb a:hover {
  color: #4c68b3;
}

.author-box-2 .author-social ul .gp a:hover, .author-box-3 .author-social ul .gp a:hover {
  color: #e51616;
}

.author-box-2 .author-social ul .in a:hover, .author-box-3 .author-social ul .in a:hover {
  color: #1d5e9f;
}

.author-box-2 .author-social ul .dr a:hover, .author-box-3 .author-social ul .dr a:hover {
  color: #f51f9d;
}

.author-box-3 .author-description {
  padding: 0 10px;
}

.comment-list .comment {
  padding: 0 0 0 61px;
  position: relative;
}

.comment-list .comment .comment-photo {
  background-color: #e8e6df;
  border-radius: 50%;
  width: 49px;
  height: 49px;
  position: absolute;
  left: 0;
  top: 4px;
  overflow: hidden;
}

.comment-list .comment .title-20 {
  margin-bottom: 4px;
}

.comment-list .comment article {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 13px;
  margin-bottom: 18px;
}

.comment-list .comment article:hover .reply {
  opacity: 1;
}

.comment-list .comment p {
  color: #6f6f6f;
  font: 400 15px/25px "din-2014";
  margin-bottom: 5px;
}

.comment-list .comment .comment-date {
  color: #afafaf;
  display: inline-block;
  font-size: 11px;
  line-height: 23px;
  margin-right: 10px;
}

.comment-list .comment .reply {
  cursor: pointer;
  color: #0999c4;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  line-height: 23px;
  margin-right: 10px;
  opacity: 0;
}

@media screen and (max-width: 479px) {
  .comment-list .comment .reply {
    opacity: 1;
  }
}

.comments-block .dropdown {
  font-size: 15px;
  line-height: 21px;
  color: #0999c4;
}

.comments-block .dropdown:hover {
  cursor: pointer;
}

.comments-block.no-comments {
  background-color: #f2f2f2;
}

.comments-form {
  margin-top: 20px;
  display: none;
}

.comments-form .half,
.comments-form .full {
  padding: 0 15px;
}

.comments-form .half .form-control input,
.comments-form .full .form-control input {
  width: 100%;
}

.form-control label {
  color: #000;
  font: 500 11px/21px "din-2014";
  text-transform: uppercase;
}

.form-control input {
  appearance: none;
  background-color: #f5f5f5;
  border: none;
  border-radius: 2px;
  font: 500 13px/25px "din-2014";
  display: block;
  width: 480px;
  max-width: 100%;
  padding: 10px;
  margin: 7px 0 12px;
}

.form-control textarea {
  appearance: none;
  background-color: #f5f5f5;
  border: none;
  border-radius: 2px;
  resize: none;
  font: 400 15px "din-2014";
  display: block;
  width: 100%;
  padding: 10px;
  margin: 7px 0 12px;
}

.form-control .rate-tp-2 {
  margin: 4px 0;
}

.img-slider {
  margin-bottom: 34px;
}

.img-slider.tp-2 .slider {
  margin-left: -24px;
  margin-right: -24px;
}

.img-slider .navs {
  color: #6f6f6f;
  font: 400 11px/24px "din-2014";
}

.img-slider .navs > div {
  display: inline-block;
}

.img-slider .navs .fa {
  color: #626465;
  font-size: 15px;
  line-height: 26px;
}

.img-slider .navs .slide-count {
  margin: 0 4px;
}

.img-slider .navs .prev,
.img-slider .navs .next {
  border: 2px solid #dedede;
  border-radius: 50%;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
}

.page-content {
  padding: 20px;
}

.page-content .posts {
  padding: 8px 0;
}

.team-person-blocks .half,
.team-person-blocks .one-third {
  padding-left: 15px;
  padding-right: 15px;
}

.magazine-details {
  padding: 1px 0 5px;
}

.details-info {
  color: #626465;
  font: 400 14px/25px "din-2014";
}

.details-info > div {
  margin-bottom: 10px;
}

.details-info .address i,
.details-info .phone i,
.details-info .email i {
  font-size: 15px;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 6px;
}

.details-info .email a {
  color: #0999c4;
  text-decoration: none;
}

.details-info .social-tp-2 {
  padding: 8px 0 10px;
}

.contactf-form-block {
  padding: 1px 0 0;
}

.page-404 {
  padding: 170px 0 57px;
}

.page-404 .search-form-2 {
  max-width: 486px;
  margin-top: 43px;
  margin-bottom: 50px;
}

.page-404 h2 {
  padding: 13px 0 5px;
}

.large-404 {
  color: #dedede;
  font: 600 200px/188px "din-2014";
}

@media screen and (max-width: 767px) {
  .large-404 {
    font-size: 150px;
    line-height: 148px;
  }
}

.tags {
  padding-top: 17px;
}

.review-rating-tp-1,
.review-rating-tp-3 {
  margin: -2px -3px -3px -2px;
  padding: 10px 0 30px;
}

.review-rating-tp-1 .percent,
.review-rating-tp-3 .percent {
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
}

.rw-item {
  padding: 2px 3px 3px 2px;
}

.rw-item.lg {
  float: left;
  width: 80%;
}

@media screen and (max-width: 639px) {
  .rw-item.lg {
    width: 100%;
  }
}

.rw-item.sm {
  float: left;
  width: 20%;
}

@media screen and (max-width: 639px) {
  .rw-item.sm {
    width: 100%;
  }
}

.rw-item.sm .rw-rating {
  padding: 24px 12px 18px;
}

@media screen and (max-width: 767px) {
  .rw-item.sm .rw-rating {
    padding: 24px 8px 18px;
  }
}

.rw-rating {
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 24px 24px 18px;
}

.rating-line-tp-1 {
  margin-bottom: 18px;
}

.rating-line-tp-2 {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 10px;
  margin-bottom: 13px;
}

.rating-line-tp-2:last-child {
  border: none;
  padding: 0;
  margin-bottom: 2px;
}

.rating-line-tp-2 .rate-tp-2 {
  float: right;
}

@media screen and (max-width: 479px) {
  .rating-line-tp-2 .rate-tp-2.mb-left {
    float: left;
  }
}

.rating-title .title-23 {
  float: left;
}

.rating-title .percent {
  float: right;
}

.rating-meter {
  background-color: #e3e3e3;
  border-radius: 2px;
  height: 4px;
  position: relative;
  margin-top: 6px;
}

.rating-meter > span {
  background-color: #0999c4;
  border-radius: 2px;
  display: block;
  height: 100%;
}

.rw-summary .title-6 {
  line-height: 24px;
  margin-bottom: 2px;
}

.rw-summary p {
  color: #626465;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 12px;
}

.result-tp-1, .result-tp-2 {
  color: #000;
  font-weight: 600;
  line-height: 14px;
  padding: 23px 0;
  text-align: center;
}

.result-tp-1 span, .result-tp-2 span {
  display: block;
}

.result-tp-1 .num, .result-tp-2 .num {
  display: block;
  font-size: 19px;
}

.result-tp-1 .num strong, .result-tp-2 .num strong {
  display: inline-block;
  font-size: 40px;
  line-height: 38px;
}

.result-tp-2 {
  padding: 5px 0 4px;
}

.result-tp-2 .rate-tp-2 {
  float: none;
  display: inline-block;
  margin-top: 8px;
}

.result-tp-2 .rate-tp-2 li.active {
  color: #000;
}

.review-rating-tp-2 {
  margin: -2px -3px -3px -2px;
  padding: 10px 0 30px;
}

.drop-box-1 {
  color: #616161;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
  margin-left: 4px;
}

.drop-box-1 .fa {
  margin-left: 4px;
}

.members {
  padding: 15px 0 31px;
}

.members-items {
  margin: -12px;
}

.members-items .one-third {
  padding: 12px;
}

.members-item {
  background-color: #fafafa;
  display: block;
  padding: 42px 10px 36px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.members-item:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 6px solid #0999c4;
  border-right: 6px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.members-item:hover:before {
  opacity: 1;
}

.members-item:hover .members-photo:before {
  background-color: rgba(0, 0, 0, 0.11);
}

.members-item:hover .members-photo:after {
  opacity: 1;
}

.members-item .members-photo {
  background-color: #fff;
  border-radius: 50%;
  width: 134px;
  height: 134px;
  margin: 0 auto 16px;
  position: relative;
  overflow: hidden;
}

.members-item .members-photo:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.members-item .members-photo:after {
  display: inline-block;
  font: normal normal normal 6px/134px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111 \f111 \f111";
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  letter-spacing: 2px;
  z-index: 2;
}

.members-item .members-name {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.mmbs-pagination {
  color: #656565;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 20px;
}

.profile .title-blc-2,
.groups .title-blc-2,
.friends .title-blc-2,
.forums .title-blc-2 {
  margin-top: 7px;
}

.mess {
  border: 1px solid #656565;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  padding: 12px 17px;
}

.mess.info {
  color: #656565;
  border-color: #f6d0c9;
}

.profile-fields .name {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.search-members {
  background-color: #f8f8f8;
  padding: 30px 24px;
}

.search-forums {
  background-color: #f8f8f8;
  padding: 30px 24px;
}

.mmb-form {
  background: #fff;
  border-radius: 2px;
}

.mmb-form .mmb-form {
  width: 100%;
  padding: 4px;
}

.mmb-form .mmb-input {
  position: relative;
}

.mmb-form .mmb-input input {
  border: none;
  color: #626465;
  font: 12px/20px "din-2014";
  height: 30px;
  width: 100%;
  padding: 5px 10px 5px 37px;
}

.mmb-form .mmb-icon {
  color: #8d8d8d;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  line-height: 30px;
  padding: 0 0 0 11px;
}

.mmb-form .mmb-icon i:before {
  vertical-align: middle;
}

.srcf-form {
  background: #fff;
  border-radius: 2px;
}

.srcf-form .srcf-form {
  width: 100%;
  padding: 4px;
}

.srcf-form .srcf-input {
  position: relative;
}

.srcf-form .srcf-input input {
  border: none;
  color: #626465;
  font: 12px/20px "din-2014";
  height: 30px;
  width: 100%;
  padding: 5px 37px 5px 12px;
}

.srcf-form .srcf-icon {
  color: #8d8d8d;
  display: block;
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 13px;
  line-height: 30px;
}

.srcf-form .srcf-icon i {
  display: block;
  transform: scaleX(-1);
}

.srcf-form .srcf-icon i:before {
  vertical-align: middle;
}

.members-list .mls-item {
  border-bottom: 1px solid #f7f7f7;
  position: relative;
  padding: 23px 0 24px 62px;
  min-height: 80px;
}

.members-list .mls-item:last-child {
  border: none;
}

.members-list .mls-photo {
  background-color: #f8f8f8;
  border-radius: 50%;
  width: 49px;
  height: 49px;
  position: absolute;
  left: 0;
  top: 15px;
  overflow: hidden;
}

.members-list .mls-photo img {
  display: block;
}

.members-list .mls-name {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.members-list .mls-date {
  color: #939393;
  font-size: 11px;
  line-height: 13px;
}

.member-main {
  background-color: #fff;
  overflow: hidden;
}

.mmb-blc {
  background-color: #f8f8f8;
  margin-bottom: 3px;
  padding: 13px 24px;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
}

.member-info {
  padding: 40px 24px 33px;
  text-align: center;
}

.mmbi-photo {
  background-color: #fff;
  border-radius: 50%;
  width: 163px;
  height: 163px;
  margin: 0 auto 28px;
  overflow: hidden;
}

.mmbi-name {
  color: #000;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}

.mmbi-nick {
  color: #ababab;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 4px;
}

.mmbi-active {
  color: #898989;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 17px;
}

.mmbi-description {
  color: #898989;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.mmbi-description a {
  color: #000;
  text-decoration: none;
}

.member-filter .mf-item {
  margin-right: 25px;
  float: left;
}

.member-filter .mf-item.active a {
  color: #000;
}

.member-filter .mf-item a {
  display: block;
  color: #828282;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .member-filter .mf-item a {
    padding: 5px 0;
  }
}

.member-filter .mf-item a span {
  background-color: #fff;
  color: #000;
  display: inline-block;
  font-size: 9px;
  line-height: 21px;
  margin: 0 0 0 6px;
  padding: 0 4px;
  min-width: 23px;
  vertical-align: middle;
  text-align: center;
}

.mmbs-item {
  background-color: #f8f8f8;
  min-height: 124px;
  padding: 30px 10px 28px 123px;
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 479px) {
  .mmbs-item {
    padding: 30px 10px 28px 83px;
  }
}

.mmbs-item .mmbs-item-photo {
  background-color: #fff;
  border-radius: 50%;
  width: 82px;
  height: 82px;
  position: absolute;
  left: 21px;
  top: 21px;
  overflow: hidden;
}

@media screen and (max-width: 479px) {
  .mmbs-item .mmbs-item-photo {
    width: 62px;
    height: 62px;
    left: 11px;
  }
}

.mmbs-item .mmbs-item-title {
  color: #8f8f8f;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 7px;
}

.mmbs-item .mmbs-item-title b {
  color: #000;
}

.mmbs-item .mmbs-item-title .mmbs-icon-photo {
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin: -2px 5px 0;
  vertical-align: middle;
  overflow: hidden;
}

.mmbs-item .mmbs-item-date {
  color: #ababab;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
  text-decoration: none;
}

.mmbs-item .mmbs-item-date i {
  font-size: 13px;
}

.mmbs-item .mmbs-item-date-active {
  color: #898989;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin: 8px 0;
  text-decoration: none;
}

.mmbs-item .mmbs-item-date-active i {
  font-size: 13px;
}

.mmbs-item .mmbs-item-description {
  color: #626465;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.mmbs-item .mmbs-item-description a {
  color: #000;
  text-decoration: none;
}

.mmbs-item .mmbs-item-text {
  color: #898989;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.mmbs-item .mmbs-item-text a {
  color: #000;
  text-decoration: none;
}

.mmbs-item .btn-4 {
  min-width: 142px;
  margin: 15px 0 6px;
}

.member-sub-stream {
  margin: 23px 0 0;
}

@media screen and (max-width: 479px) {
  .member-sub-stream {
    margin: 23px 0 0 -40px;
  }
}

.member-sub-stream .mmbs-item {
  min-height: 0;
  padding: 0 0 21px 62px;
  margin: 0;
}

.member-sub-stream .mmbs-item:last-child {
  padding-bottom: 0;
}

.member-sub-stream .mmbs-item .mmbs-item-photo {
  left: 0;
  top: -2px;
  width: 49px;
  height: 49px;
}

.fs-list-block .fs-item {
  color: #414141;
  border-bottom: 1px solid #f7f7f7;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 0 10px 12px;
  position: relative;
}

.fs-list-block .fs-item:last-child {
  border: none;
}

.fs-list-block .fs-item:after {
  display: inline-block;
  font: normal normal normal 12px/38px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  color: #000;
  position: absolute;
  left: 0;
  top: 0;
}

.fs-list-block .fs-item .count {
  float: right;
  font-weight: 400;
}

.fs-list-block .fs-item a {
  color: inherit;
  display: block;
  text-decoration: none;
}

.forum-block .breadcrumbs-block {
  padding: 0 0 23px;
}

.forum-list-block {
  border-bottom: 7px solid #f8f8f8;
  margin-bottom: 30px;
}

.forums-comment-block {
  margin-bottom: 30px;
}

.forums-comment-block .forum-titles .bbp-reply-author,
.forums-comment-block .bbp-footer .bbp-reply-author {
  width: 15%;
}

@media screen and (max-width: 479px) {
  .forums-comment-block .forum-titles .bbp-reply-author,
  .forums-comment-block .bbp-footer .bbp-reply-author {
    width: 83px;
  }
}

.forums-comment-block .forum-titles .bbp-reply-content,
.forums-comment-block .bbp-footer .bbp-reply-content {
  width: 85%;
}

@media screen and (max-width: 479px) {
  .forums-comment-block .forum-titles .bbp-reply-content,
  .forums-comment-block .bbp-footer .bbp-reply-content {
    width: auto;
  }
}

.forums-list .bbp-forum-topic {
  width: 51%;
}

@media screen and (max-width: 479px) {
  .forums-list .bbp-forum-topic {
    width: 100%;
    margin-bottom: 20px;
  }
}

.forums-list .bbp-forum-voices-count {
  width: 12%;
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .forums-list .bbp-forum-voices-count {
    width: 28%;
    text-align: left;
  }
}

.forums-list .bbp-forum-posts-count {
  width: 12%;
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .forums-list .bbp-forum-posts-count {
    width: 26%;
    text-align: left;
  }
}

.forums-list .bbp-forum-freshness {
  width: 25%;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .forums-list .bbp-forum-freshness {
    width: 46%;
    text-align: left;
  }
}

.forums-list .bbp-forum-freshness > a {
  color: #656565;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.bbp-header {
  background-color: #1f2124;
  border-radius: 3px;
  padding: 10px 17px;
}

.bbp-header li {
  float: left;
}

.bbp-body li {
  float: left;
}

.bbp-footer {
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 10px 17px;
}

.bbp-footer li {
  float: left;
}

.bbp-footer .forum-titles {
  color: #000;
}

.forum-titles {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
}

.bbp-forum {
  padding: 25px 17px;
}

.bbp-forum:nth-child(even) {
  background-color: #fcfcfc;
}

.bbp-forum-title {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
  text-decoration: none;
}

.bbp-forum-content {
  color: #656565;
  font-size: 11px;
  font-weight: 500;
}

.bbp-topic-started-by {
  color: #656565;
  font-size: 11px;
  font-weight: 500;
}

.bbp-topic-started-by a {
  color: #000;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}

.bbp-meta {
  margin: 0;
}

.bbp-author {
  color: #000;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}

.bbp-author-avatar {
  background-color: #f8f8f8;
  border-radius: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -2px 5px 0;
  vertical-align: middle;
  overflow: hidden;
}

.bbp-pagination {
  padding: 0 0 22px;
  margin: -6px 0 0;
}

.bbp-pagination .bbp-pagination-count {
  color: #656565;
  font-size: 12px;
  font-weight: 400;
}

.bbp-reply-post {
  min-height: 195px;
  margin: 4px 0;
}

.bbp-reply-post .bbp-reply-header {
  background-color: #f8f8f8;
  color: #646464;
  padding: 5px 18px;
  font-size: 11px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
}

.bbp-reply-post .bbp-reply-header .bbp-reply-post-date {
  float: left;
}

.bbp-reply-post .bbp-reply-header a {
  color: inherit;
  text-decoration: none;
}

.bbp-reply-post .bbp-reply-header .bbp-reply-permalink {
  margin-left: 10px;
}

.bbp-reply-post .bbp-reply-topic {
  position: relative;
  padding: 30px 0 30px 100px;
}

.bbp-reply-post .bbp-reply-topic .bbp-reply-author {
  position: absolute;
  left: 7px;
  top: 25px;
  max-width: 90px;
}

.bbp-reply-post .bbp-reply-topic .bbp-reply-avatar {
  background-color: #f8f8f8;
  border-radius: 50%;
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  overflow: hidden;
}

.bbp-reply-post .bbp-reply-topic .bbp-author-name {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.bbp-reply-post .bbp-reply-topic .bbp-author-role {
  color: #8c8c8c;
  display: block;
  font: italic 400 11px/12px "din-2014";
  text-align: center;
}

.shop-products-items {
  margin: -9px -9px 3px;
}

.shop-products-items .one-third {
  padding: 9px;
}

.shop-products-item {
  text-align: center;
}

.shop-products-item .shop-products-item-img {
  background-color: #fafafa;
  position: relative;
}

.shop-products-item .shop-products-item-img:hover .shop-products-item-overlay {
  opacity: 1;
  visibility: visible;
}

.shop-products-item .shop-products-item-img a {
  display: block;
}

.shop-products-item .shop-products-item-img img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.shop-products-item .shop-products-item-overlay {
  background-color: rgba(22, 23, 26, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  pointer-events: none;
}

.shop-products-item .shop-products-item-overlay:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 6px solid #0999c4;
  border-right: 6px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}

.shop-products-item .btn-5 {
  pointer-events: auto;
  min-width: 125px;
}

.shop-products-item .shop-products-item-name {
  color: #202020;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 15px;
}

.shop-products-item .shop-products-item-name a {
  color: inherit;
  text-decoration: none;
}

.shop-products-item .shop-products-item-price {
  color: #0999c4;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 7px;
}

.cart-widget .cart-products {
  color: #626465;
  font: 13px/22px "din-2014";
  padding: 5px 0;
}

.cart-widget .cart-products i {
  margin: -3px 6px 0 0;
}

.lpw-list {
  margin-top: 11px;
}

.lpw-list .fs-item {
  border-bottom: 1px solid #f0f0f0;
  min-height: 72px;
  position: relative;
  padding: 3px 0 13px 88px;
  margin: 0 0 13px;
}

.lpw-list .fs-item:last-child {
  border: none;
  margin-bottom: 0;
}

.lpw-list .product-img {
  position: absolute;
  left: 0;
  top: 0;
}

.lpw-list .product-title {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.lpw-list .product-title a {
  color: inherit;
  text-decoration: none;
}

.lpw-list .product-price {
  color: #696868;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.lpw-list .product-price strike {
  text-decoration: none;
  position: relative;
  margin-right: 7px;
}

.lpw-list .product-price strike:before {
  background-color: #696868;
  content: "";
  position: absolute;
  top: 45%;
  left: -2px;
  right: -2px;
  height: 1px;
}

.range-wrap {
  padding: 3px 0 8px;
}

.range-slider {
  background-color: #e0e0e0;
  height: 2px;
  margin: 8px 0 16px;
}

.range-slider .ui-slider-range {
  background-color: #000;
}

.range-slider .ui-slider-handle {
  background-color: #0999c4;
  cursor: pointer;
  width: 8px;
  height: 8px;
}

.range-slider .ui-slider-handle:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #0999c4;
}

.range-amount-block {
  color: #6d6d6d;
  font: 12px/25px "din-2014";
  padding: 6px 0 0;
}

.range-amount-block .range-amount {
  display: block;
  line-height: 36px;
  float: right;
  white-space: nowrap;
}

.shop-product-block .title-blc-3 {
  margin-bottom: 23px;
}

.shop-product-block .product-description p {
  font-size: 14px;
  line-height: 24px;
}

.shop-product-block .product-addinfo .pai-list {
  color: #6f6f6f;
  font: 14px/24px "din-2014";
  margin: -8px 0 23px;
}

.shop-product-block .product-addinfo .pai-list .pai-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 0;
}

.shop-product-block .product-addinfo .pai-list .pai-item:last-child {
  border: none;
}

.shop-product-item {
  margin-top: 30px;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 34px;
}

.shop-product-item .half {
  padding-left: 12px;
  padding-right: 12px;
}

.shop-product-item .shop-product-img {
  padding: 6px 0;
}

@media screen and (max-width: 479px) {
  .shop-product-item .shop-product-img {
    margin-bottom: 20px;
  }
}

.shop-product-item .shop-product-title {
  color: #202020;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  padding: 0;
  margin-bottom: 10px;
}

.shop-product-item .shop-product-rate {
  color: #8f8f8f;
  font: 400 12px "din-2014";
  margin-bottom: 12px;
}

.shop-product-item .shop-product-rate .rate-tp-1 {
  display: inline-block;
}

.shop-product-item .shop-product-rate span {
  margin-left: 8px;
  letter-spacing: 0.03em;
}

.shop-product-item .shop-product-price {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
}

.shop-product-item .shop-product-description {
  font-size: 13px;
  line-height: 23px;
}

.shop-product-item .shop-product-controls .quantity {
  display: inline-block;
  cursor: default;
  margin-right: 20px;
  user-select: none;
}

.shop-product-item .shop-product-controls .quantity .minus,
.shop-product-item .shop-product-controls .quantity .plus {
  background-color: #efefef;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.shop-product-item .shop-product-controls .quantity .minus:before,
.shop-product-item .shop-product-controls .quantity .plus:before {
  background-color: #000;
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 7px;
  height: 1px;
}

.shop-product-item .shop-product-controls .quantity .plus:after {
  background-color: #000;
  content: "";
  position: absolute;
  top: 5px;
  left: 8px;
  width: 1px;
  height: 7px;
}

.shop-product-item .shop-product-controls .quantity .num {
  display: inline-block;
  color: #626465;
  font: 13px/17px "din-2014";
  padding: 0 5px;
  vertical-align: middle;
}

.shop-product-item .shop-product-controls .btn-5 {
  min-width: 125px;
}

.product-reviews .pr-comments {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.product-reviews .pr-comments .title-25 {
  margin-bottom: 16px;
}

.product-reviews .pr-comments-list-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 112px 8px 84px;
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 479px) {
  .product-reviews .pr-comments-list-item {
    padding: 8px 0 8px 84px;
  }
}

.product-reviews .pr-comments-list-item:last-child {
  border: none;
  margin: 0;
}

.product-reviews .pr-comments-list-item .prc-avatar {
  background-color: #efefef;
  border-radius: 50%;
  display: block;
  width: 67px;
  height: 67px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.product-reviews .pr-comments-list-item p {
  font-size: 14px;
  line-height: 24px;
}

.product-reviews .pr-comments-list-item .prc-rating {
  border-left: 1px solid #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
  height: 66px;
  line-height: 66px;
  width: 102px;
  text-align: right;
}

@media screen and (max-width: 479px) {
  .product-reviews .pr-comments-list-item .prc-rating {
    position: relative;
  }
}

.product-reviews .pr-comments-list-item .prc-rating .rate-tp-1 li {
  margin-right: 4px;
}

.product-reviews .pr-comments-list-item .prc-rating .rate-tp-1 li:last-child {
  margin: 0;
}

.product-reviews .pr-comments-list-item .prc-rating .rate-tp-1 li i {
  font-size: 13px;
}

.mini-cart {
  padding: 0 0 0 23px;
}

.mini-cart .total {
  color: #686666;
  font-size: 13px;
  font-weight: 500;
  margin: 3px 0 17px;
}

.mini-cart .total .amount {
  color: #000;
}

.mini-cart .buttons {
  margin-bottom: 5px;
}

.mini-cart .buttons .btn-5 {
  min-width: 110px;
  margin-right: 1px;
}

.product-list-widget .mini-cart-item {
  border-bottom: 1px solid #f0f0f0;
  min-height: 72px;
  position: relative;
  padding: 3px 0 13px 88px;
  margin: 0 0 13px;
}

.product-list-widget .mini-cart-item:last-child {
  border: none;
  margin-bottom: 0;
}

.product-list-widget .product-img {
  position: absolute;
  left: 0;
  top: 0;
}

.product-list-widget .product-title {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.product-list-widget .product-title a {
  color: inherit;
  text-decoration: none;
}

.product-list-widget .product-price {
  display: inline-block;
  color: #696868;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.product-list-widget .product-price strike {
  text-decoration: none;
  position: relative;
  margin-right: 7px;
}

.product-list-widget .product-price strike:before {
  background-color: #696868;
  content: "";
  position: absolute;
  top: 45%;
  left: -2px;
  right: -2px;
  height: 1px;
}

.product-list-widget .remove {
  position: absolute;
  top: 18px;
  left: -23px;
}

.shop-table-wrap {
  margin: 15px -20px 30px;
}

.shop-table-cart {
  border-radius: 2px;
  width: 100%;
}

.shop-table-cart th {
  background-color: #fcfcfc;
  border: 1px solid #ebebeb;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 10px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 479px) {
  .shop-table-cart th {
    padding: 12px 5px;
  }
}

.shop-table-cart td {
  background-color: #fff;
  border: 1px solid #ebebeb;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  padding: 19px 10px;
  vertical-align: middle;
}

.shop-table-cart td.product-remove {
  padding: 19px 0;
}

.shop-table-cart td.product-remove a {
  display: block;
  line-height: 40px;
  padding: 0 12px;
}

.shop-table-cart td.product-thumbnail {
  padding: 19px 18px;
}

@media screen and (max-width: 479px) {
  .shop-table-cart td.product-thumbnail {
    padding: 19px 5px;
  }
}

.shop-table-cart td.product-thumbnail figure {
  display: inline-block;
  width: 58px;
  margin-right: 16px;
  vertical-align: middle;
}

@media screen and (max-width: 479px) {
  .shop-table-cart td.product-thumbnail figure {
    display: none;
  }
}

.shop-table-cart td.product-thumbnail a {
  color: inherit;
  text-decoration: none;
}

.shop-table-cart td.product-price {
  color: #0999c4;
}

.shop-table-cart td.product-subtotal {
  color: #0999c4;
}

.shop-table-cart .product-remove {
  width: 38px;
  text-align: center;
}

.shop-table-cart .product-thumbnail {
  width: 535px;
}

.shop-table-cart .product-price {
  width: 180px;
  text-align: center;
}

.shop-table-cart .product-quantity {
  width: 210px;
  text-align: center;
}

.shop-table-cart .product-quantity .quantity {
  display: inline-block;
  cursor: default;
  user-select: none;
}

.shop-table-cart .product-quantity .quantity .minus,
.shop-table-cart .product-quantity .quantity .plus {
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

@media screen and (max-width: 479px) {
  .shop-table-cart .product-quantity .quantity .minus,
  .shop-table-cart .product-quantity .quantity .plus {
    display: block;
    margin: 8px auto;
  }
}

.shop-table-cart .product-quantity .quantity .minus:before,
.shop-table-cart .product-quantity .quantity .plus:before {
  background-color: #000;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 2px;
}

.shop-table-cart .product-quantity .quantity .plus:after {
  background-color: #000;
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 2px;
  height: 10px;
}

.shop-table-cart .product-quantity .quantity .num {
  color: #222;
  display: inline-block;
  padding: 0 5px;
  min-width: 35px;
  text-align: center;
  vertical-align: middle;
}

.shop-table-cart .product-subtotal {
  width: 130px;
  text-align: center;
}

.actions {
  margin-bottom: 35px;
}

.actions .input-tp-1 {
  width: 40%;
}

@media screen and (max-width: 767px) {
  .actions .input-tp-1 {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .actions .btn-7 {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1077px) {
  .actions .right-side {
    text-align: right;
  }
}

.cart-collaterals {
  margin-bottom: 25px;
}

.cart-collaterals .title-14 {
  margin-bottom: 23px;
}

.cart-collaterals .mb-offset {
  margin-bottom: 55px;
}

.cart .right-side {
  width: 366px;
  float: right;
}

@media screen and (max-width: 1077px) {
  .cart .right-side {
    width: auto;
    float: none;
  }
}

.cart .cart-line {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .cart .cart-line .mb-offset {
    margin-bottom: 20px;
  }
}

.cart .form-block {
  margin-bottom: 35px;
}

.checkout .checkout-line {
  margin-bottom: 20px;
}

.checkout p {
  font-size: 14px;
  line-height: 24px;
}

.select-pt-1 {
  width: 100%;
}

.ui-selectmenu-button {
  background-color: #fff;
  display: block;
  width: 100%;
}

.ui-selectmenu-button span.ui-icon {
  color: #777777;
  font-size: 14px;
  right: 16px;
  text-indent: 0;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  color: #818181;
  font: 12px/26px "din-2014";
  padding: 6px 40px 6px 12px;
}

.ui-selectmenu-menu .ui-menu {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0 0 2px 2px;
  padding-top: 2px;
  margin-top: -2px;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
  color: #777777;
  font: 12px/26px "din-2014";
  padding: 6px 40px 6px 12px;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus {
  background-color: #fafafa;
  margin: 0;
}

.cart_totals {
  color: #797979;
  font: 13px/20px "din-2014";
  width: 100%;
  margin: -6px 0 42px;
}

.cart_totals td {
  padding: 0 0 18px;
}

.cart_totals span {
  color: #0999c4;
}

.remember {
  color: #797979;
  font: 12px/40px "din-2014";
}

.remember a {
  color: #0999c4;
  text-decoration: none;
  margin-left: 15px;
}

.remember .btn-7 {
  margin-right: 25px;
}

.login-customer-block {
  margin: 15px 0 50px;
}

.enter-coupon-block {
  margin-bottom: 44px;
}

.checkout-address-block .checkout-line {
  margin-bottom: 11px;
}

.checkout-address-block .offbt {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .checkout-address-block .col-half {
    margin-bottom: 11px;
  }
  .checkout-address-block .col-half:last-child {
    margin-bottom: 0;
  }
}

.create-account {
  color: #797979;
  font: 12px/40px "din-2014";
}

.create-account a {
  color: #0999c4;
  text-decoration: none;
  margin-left: 15px;
}

.your-order-block {
  margin-bottom: 25px;
}

.order-table {
  border: 1px solid #ebebeb;
  width: 100%;
}

.order-table .list-first td {
  padding-top: 25px;
}

.order-table .list-last td {
  padding-bottom: 25px;
}

.order-table th {
  background-color: #fcfcfc;
  border: 1px solid #ebebeb;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
  width: 50%;
  padding: 11px 24px;
  text-align: left;
  text-transform: uppercase;
}

@media screen and (max-width: 479px) {
  .order-table th {
    padding: 11px 10px;
  }
}

.order-table td {
  color: #797979;
  width: 50%;
  padding: 11px 24px;
}

@media screen and (max-width: 479px) {
  .order-table td {
    padding: 11px 10px;
  }
}

.order-table td.bd {
  border: 1px solid #ebebeb;
}

.order-table td.bdr {
  border-right: 1px solid #ebebeb;
}

.order-table .ot-list {
  margin: 3px 0;
}

.order-table .ot-list-item {
  color: #797979;
  font: 13px/16px "din-2014";
}

.order-table .black {
  color: #222;
}

.order-table .orange {
  color: #0999c4;
}

.order-table .payment {
  padding: 12px 0;
}

.order-table .payment .title-28 {
  margin-bottom: 7px;
}

.order-table .payment .title-28 i {
  margin: 0 8px;
}

.order-table .payment p {
  color: #888;
  font: 14px/25px "din-2014";
  margin: 0;
}

.order-table .submit {
  padding: 19px 0;
}

a,
a:hover {
  color: #0999c4;
}

.sc-one-bg,
.pst-box-head .navs span:hover,
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.slick-nav-alt,
.owl-pagination .owl-page.active span,
.owl-pagination .owl-page.slick-active span,
.owl-pagination li.active span,
.owl-pagination li.slick-active span,
.sbr-dots .owl-page.active span,
.sbr-dots .owl-page.slick-active span,
.sbr-dots li.active span,
.sbr-dots li.slick-active span {
  background-color: #0999c4 !important;
}

.sc-two-bg {
  background-color: #234f6c !important;
}

.sc-one,
.page-link,
.title-23 a.sc-one {
  color: #0999c4;
}

.sc-two,
.mfp-main-menu .mfp-content .chunk li:first-child {
  color: #234f6c;
}

.sc-one-border,
.pst-box-head .navs span:hover,
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.owl-pagination .owl-page.active span,
.owl-pagination .owl-page.slick-active span,
.owl-pagination li.active span,
.owl-pagination li.slick-active span,
.sbr-dots .owl-page.active span,
.sbr-dots .owl-page.slick-active span,
.sbr-dots li.active span,
.sbr-dots li.slick-active span {
  border-color: #0999c4 !important;
}

.sc-two-border {
  border-color: #234f6c !important;
}

.dropdown-pad {
  padding: 0 20px 0 0;
}

.nav-dropdown-left,
.nav-dropdown-right {
  float: left;
  display: block;
}

.nav-dropdown-left {
  width: 20%;
}

.nav-dropdown-right {
  width: 80%;
}

.logo {
  width: 100%;
  max-width: 373px;
  display: block;
}

.logo--mobile {
  height: 33px;
}

.night-mode .logo path {
  fill: #ffffff !important;
}

.center-logo {
  text-align: center;
}

.center-logo a {
  display: block;
}

.center-logo img {
  width: 100%;
  max-width: 308px;
}

.header-tp-1,
.header-tp-2,
.header-tp-3,
.header-tp-4 {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .header-tp-1,
  .header-tp-2,
  .header-tp-3,
  .header-tp-4 {
    display: none;
  }
}

.top-bar {
  font: 13px "din-2014";
}

.top-bar .tb-nav {
  float: left;
  display: block;
  padding-right: 10px;
  width: 65%;
  height: 26px;
  overflow: hidden;
}

.top-bar .tb-date {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 24.76713%;
  padding: 0 15px;
}

.top-bar .tb-date:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1229px) {
  .top-bar .tb-date {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 29.03203%;
  }
  .top-bar .tb-date:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 1077px) {
  .top-bar .tb-date {
    display: none;
  }
}

.top-bar .tb-saved-art {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 15.55494%;
  padding: 0 15px;
}

.top-bar .tb-saved-art:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1229px) {
  .top-bar .tb-saved-art {
    display: none;
  }
}

.top-bar .tb-social {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.27547%;
  padding: 0 15px;
}

.top-bar .tb-social:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1229px) {
  .top-bar .tb-social {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 22.80527%;
  }
  .top-bar .tb-social:last-child {
    margin-right: 0;
  }
  .top-bar .tb-social .tb-social-list {
    float: right;
  }
}

@media screen and (max-width: 1077px) {
  .top-bar .tb-social {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .top-bar .tb-social:last-child {
    margin-right: 0;
  }
}

.top-bar .tb-sing-login {
  float: left;
  display: block;
  padding-left: 10px;
  width: 35%;
  height: 26px;
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .main-header,
  .sticky-header {
    padding-left: 0;
  }
}

.main-header .mh-logo,
.sticky-header .mh-logo {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 33.68504%;
  padding: 0 15px;
}

.main-header .mh-logo:last-child,
.sticky-header .mh-logo:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .main-header .mh-logo,
  .sticky-header .mh-logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    text-align: center;
  }
  .main-header .mh-logo:last-child,
  .sticky-header .mh-logo:last-child {
    margin-right: 0;
  }
}

.main-header .mh-banner,
.sticky-header .mh-banner {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 63.95731%;
  padding: 0 15px;
}

.main-header .mh-banner:last-child,
.sticky-header .mh-banner:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .main-header .mh-banner,
  .sticky-header .mh-banner {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    text-align: center;
  }
  .main-header .mh-banner:last-child,
  .sticky-header .mh-banner:last-child {
    margin-right: 0;
  }
}

.main-header .mh-banner img,
.sticky-header .mh-banner img {
  width: 100%;
}

.main-header .main-nav,
.sticky-header .main-nav {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 93.17616%;
  padding: 0 15px;
}

.main-header .main-nav:last-child,
.sticky-header .main-nav:last-child {
  margin-right: 0;
}

.main-header .hd-search,
.sticky-header .hd-search {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 4.46619%;
}

.main-header .hd-search:last-child,
.sticky-header .hd-search:last-child {
  margin-right: 0;
}

.header-tp-1 .top-bar {
  color: #666;
}

.header-tp-1 .top-bar .top-bar-inner {
  padding: 10px 0 9px;
}

.header-tp-1 .top-bar .top-bar-inner {
  border-bottom: 1px solid #ebebeb;
}

.header-tp-1 .top-bar .tb-nav-list a {
  color: #666;
}

.header-tp-1 .top-bar .tb-date i,
.header-tp-1 .top-bar .tb-saved-art i {
  color: #1c1c1c;
}

.header-tp-1 .top-bar .tb-social-list a {
  color: #1c1c1c;
}

.header-tp-1 .top-bar .tb-sing-login a {
  color: #666;
}

.header-tp-4 .top-bar {
  background: #000;
  color: #e3e3e3;
  margin-bottom: 3px;
}

.header-tp-4 .top-bar .top-bar-inner {
  padding: 5px 0;
}

.header-tp-4 .top-bar .tb-nav-list a {
  color: #fff;
}

.header-tp-4 .top-bar .tb-nav-list .border-left {
  padding-right: 15px;
  border-right: 1px solid #fff;
}

.header-tp-4 .top-bar .tb-social-list a {
  color: #fff;
}

.header-tp-4 .top-bar .tb-sing-login a {
  color: #fff;
}

.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transform: translateY(-300%);
  visibility: hidden;
}

.sticky-header .container {
  background-color: #fff;
  /*		-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
		box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);	*/
  padding: 0 32px;
}

@media screen and (max-width: 1077px) {
  .sticky-header {
    display: none;
  }
}

.sticky-header.visible {
  transform: translateY(0);
  visibility: visible;
}

.sticky-header .logo {
  padding: 9px 0px;
  max-height: 58px;
}

.sticky-header .main-nav-list,
.sticky-header .sf-menu {
  margin: 16px 0 0 15px;
}

.header-tp-2 {
  padding-left: 58px;
}

.header-tp-2 .main-nav {
  float: left;
}

.header-tp-2 .main-nav .htx {
  display: none;
}

.header-tp-2 .hd-search {
  padding: 0 23px;
}

.header-tp-2 .hd-search .hd-search-block {
  right: 0;
  top: 42px;
}

.header-tp-2 .hd-search .hd-search-block:before {
  right: 25px;
}

.full-width-header {
  padding: 10px 23px 0;
  vertical-align: top;
}

@media screen and (max-width: 1077px) {
  .full-width-header {
    padding: 10px 0;
  }
}

.full-width-header .left-side {
  position: relative;
}

.full-width-header .right-side {
  font-size: 11px;
  font-weight: 500;
  float: right;
  line-height: 20px;
  padding: 12px 0 22px;
  vertical-align: top;
  text-transform: uppercase;
}

.full-width-header .right-side > div {
  float: left;
}

.full-width-header .menu-btn {
  display: none;
  border-right: 1px solid #e0e0e0;
  float: left;
  padding-right: 23px;
  margin: 10px 20px 0 0;
}

@media screen and (max-width: 1520px) {
  .full-width-header .menu-btn {
    display: block;
  }
}

.full-width-header .c-hamburger {
  width: 25px;
  height: 20px;
}

.full-width-header .c-hamburger span {
  height: 2px;
}

.full-width-header .c-hamburger span:before, .full-width-header .c-hamburger span:after {
  height: 2px;
}

.full-width-header .c-hamburger span:before {
  top: -6px;
}

.full-width-header .c-hamburger span:after {
  bottom: -6px;
}

.htp-2-logo {
  float: left;
  margin: 4px 25px 0 0;
}

.htp-2-logo a {
  float: left;
}

.htp-2-social {
  margin: 0 6px;
}

.htp-2-social-list a {
  color: #1c1c1c;
}

.htp-2-saved-art {
  border-left: 1px solid #e0e0e0;
  font-size: 15px;
  padding: 0 15px;
}

.htp-2-saved-art a {
  color: inherit;
  text-decoration: none;
}

.htp-2-sing-login {
  border-left: 1px solid #e0e0e0;
  padding-left: 6px;
}

.htp-2-sing-login i {
  display: inline-block;
  font-size: 15px;
  line-height: 14px;
  margin: 0 14px;
  vertical-align: middle;
}

.htp-2-sing-login a {
  color: #1c1c1c;
  text-decoration: none;
}

.htp-3-logo {
  text-align: center;
}

.htp-3-logo a {
  display: inline-block;
  vertical-align: top;
}

.htp-3-logo .mobile {
  display: none;
}

@media screen and (max-width: 1077px) {
  .htp-3-logo .desktop {
    display: none;
  }
  .htp-3-logo .mobile {
    display: inline-block;
  }
}

.header-circle {
  margin: 0 10px 0 0;
  width: 40px;
}

@media screen and (max-width: 1077px) {
  .header-circle {
    margin: 0px 10px 0px 0;
  }
}

.salutation {
  margin: 0;
  font-size: 14px;
  display: inline-block;
  color: #444;
}

@media screen and (max-width: 1077px) {
  .salutation {
    margin: 10px 0;
  }
}

.menu-left,
.menu-middle,
.menu-right {
  display: block;
  float: left;
}

.menu-left {
  display: flex;
  align-items: center;
}

.menu-left,
.menu-right {
  width: 25%;
  overflow: hidden;
  height: 58px;
}

@media screen and (max-width: 1077px) {
  .menu-left,
  .menu-right {
    height: auto;
  }
}

.menu-middle {
  width: 50%;
}

.htp-3-social-list a {
  color: #1c1c1c;
}

.htp-3-saved-art {
  display: inline-block;
  vertical-align: top;
}

.htp-3-saved-art i {
  display: inline-block;
  font-size: 13px;
  line-height: 17px;
  vertical-align: middle;
  margin-right: 5px;
}

.htp-3-sing-login {
  display: inline-block;
  vertical-align: top;
  margin-left: 32px;
}

.htp-3-sing-login a {
  color: #1c1c1c;
  text-decoration: none;
}

.htp-3-row {
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}

.htp-3-row::after {
  clear: both;
  content: "";
  display: table;
}

.htp-3-button {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 6.17215%;
  padding: 32px 10px 15px;
}

.htp-3-button:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .htp-3-button {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 3.61321%;
    padding: 32px 0 15px 10px;
  }
  .htp-3-button:last-child {
    margin-right: 0;
  }
}

.htp-3-menu {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  padding: 19px 0 0;
}

.htp-3-menu:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .htp-3-menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 88.05827%;
  }
  .htp-3-menu:last-child {
    margin-right: 0;
  }
}

.htp-3-search {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 6.17215%;
  padding: 32px 10px 15px;
}

.htp-3-search:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1077px) {
  .htp-3-search {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 3.61321%;
    padding: 32px 10px 15px 0;
  }
  .htp-3-search:last-child {
    margin-right: 0;
  }
}

.thick-b-top {
  margin-bottom: 2px;
  border-bottom: 1px solid #444;
}

.thick-b-bottom {
  border-top: 1px solid #444;
}

.header-tp-3 .top-side {
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 500;
  padding: 20px 0 15px 0;
}

.header-tp-3 .left-side {
  padding: 7px 0;
  text-align: left;
}

.header-tp-3 .right-side {
  padding: 7px 0;
  text-align: right;
}

.header-tp-3 .bottom-side {
  position: relative;
}

.header-tp-3 .htp-3-menu {
  text-align: center;
}

.header-tp-3 .main-nav-wrap {
  text-align: center;
}

.header-tp-3 .main-nav {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.header-tp-3 .hd-search .hd-search-block {
  top: 40px;
}

.header-tp-3 .hd-search .hd-search-block:before {
  right: 25px;
}

.header-mb {
  background-color: #fff;
  display: none;
  border-bottom: 1px solid #ccc;
  color: #fff;
  padding: 15px 0;
  position: fixed;
  top: 0;
  z-index: 12;
  width: 100%;
}

.header-mb .container {
  padding: 0 5px;
}

@media screen and (max-width: 1077px) {
  .header-mb {
    display: block;
    padding: 0;
  }
  .header-mb .container {
    height: 63px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-mb .container .menu-left {
    display: none;
  }
  .header-mb .container .menu-middle {
    width: 70%;
  }
  .header-mb .container .menu-middle.htp-3-logo {
    text-align: left;
  }
  .header-mb .container .menu-middle.htp-3-logo .logo {
    width: auto;
    max-width: auto;
  }
  .header-mb .container .menu-middle.htp-3-logo .logo--mobile {
    height: 40px;
    padding-left: 15px;
  }
  .header-mb .container .hd-search {
    display: none;
  }
  .header-mb .container .header-mb .menu-middle {
    width: 50%;
  }
}

.night-mode .header-mb {
  background-color: #234f6c;
}

.search-mb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #000;
  position: relative;
}

.search-mb input[type="text"] {
  flex-grow: 1;
  padding: 20px 60px 20px 15px;
  background-color: transparent;
  border: none;
  color: #fff;
}

.search-mb input[type="text"]::placeholder {
  color: #0999c4;
}

.search-mb button {
  border: none;
  background-color: transparent;
  color: #fff;
  padding: 19px 22px;
  position: absolute;
  top: 0;
  right: 0;
}

.hdm-menu {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  padding: 7px 0;
}

.hdm-menu:last-child {
  margin-right: 0;
}

.hdm-menu .c-hamburger span {
  background: #fff;
}

.hdm-menu .c-hamburger span:before, .hdm-menu .c-hamburger span:after {
  background-color: #fff;
}

.hdm-menu .htx.is-active span {
  background: none;
}

.hdm-logo {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  text-align: center;
}

.hdm-logo:last-child {
  margin-right: 0;
}

.hdm-logo h1 {
  padding: 0;
  margin: 0;
}

.hdm-logo a {
  display: inline-block;
  vertical-align: top;
}

.hdm-search-user {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  padding: 7px 0;
  text-align: right;
}

.hdm-search-user:last-child {
  margin-right: 0;
}

.hdm-search-user .hd-search {
  display: inline-block;
  vertical-align: top;
}

.hdm-search-user .hd-search .st-btn-1 {
  color: #fff;
}

.hdm-search-user .hd-search .st-btn-1:hover {
  color: #fff;
}

.hdm-search-user .hd-search .hd-search-block {
  right: -50px;
  top: 40px;
}

.hdm-search-user .hd-search .hd-search-block:before {
  right: 50px;
}

.hdm-search-user .user {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 15px;
  margin-left: 16px;
}

.hdm-search-user .user a {
  color: inherit;
  text-decoration: none;
}

.top-bar {
  font-size: 11px;
  font-weight: 500;
  line-height: 26px;
  padding: 0 0 0 0px;
  text-transform: uppercase;
  vertical-align: middle;
}

@media screen and (max-width: 639px) {
  .top-bar {
    padding-left: 0;
  }
}

.top-bar i {
  font-size: 13px;
  margin: 0 7px 0 0;
}

.top-bar i.fa {
  font-size: 12px;
}

.tb-nav-list {
  overflow: hidden;
  height: 26px;
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .tb-nav-list {
    display: inline-block;
  }
}

.tb-nav-list li {
  float: left;
  margin: 0 15px 0 0;
  color: #fff;
}

@media screen and (max-width: 639px) {
  .tb-nav-list li {
    margin: 0 12px 0 0;
  }
}

.tb-nav-list li:last-child {
  margin: 0;
}

.tb-nav-list.tb-nav-list-right li {
  float: right;
  margin: 0 0px 0 15px;
}

.tb-nav-list a {
  color: #e3e3e3;
  text-decoration: none;
}

.tb-social-list,
.htp-2-social-list,
.htp-3-social-list {
  overflow: hidden;
  margin: 0 -6px;
}

@media screen and (max-width: 479px) {
  .tb-social-list,
  .htp-2-social-list,
  .htp-3-social-list {
    display: inline-block;
  }
}

.tb-social-list li,
.htp-2-social-list li,
.htp-3-social-list li {
  float: left;
  margin: 0 6px;
}

.tb-social-list a,
.htp-2-social-list a,
.htp-3-social-list a {
  display: inline-block;
  font-size: 12px;
  padding: 0 5px;
  color: #bdbdbd;
}

.tb-social-list i,
.htp-2-social-list i,
.htp-3-social-list i {
  margin: 0;
}

.tb-social-list .tw a:hover,
.htp-2-social-list .tw a:hover,
.htp-3-social-list .tw a:hover {
  color: #00abed;
}

.tb-social-list .fb a:hover,
.htp-2-social-list .fb a:hover,
.htp-3-social-list .fb a:hover {
  color: #4c68b3;
}

.tb-social-list .gp a:hover,
.htp-2-social-list .gp a:hover,
.htp-3-social-list .gp a:hover {
  color: #e51616;
}

.tb-social-list .in a:hover,
.htp-2-social-list .in a:hover,
.htp-3-social-list .in a:hover {
  color: #1d5e9f;
}

.tb-social-list .dr a:hover,
.htp-2-social-list .dr a:hover,
.htp-3-social-list .dr a:hover {
  color: #f51f9d;
}

.tb-sing-login {
  text-align: right;
}

.tb-sing-login a {
  color: #fff;
  text-decoration: none;
}

.mh-top {
  margin: 34px 0 20px;
}

@media screen and (max-width: 1077px) {
  .mh-top .flex {
    display: block;
  }
  .mh-top a {
    display: inline-block;
    margin-bottom: 25px;
  }
}

.mh-bottom {
  color: #1c1c1c;
}

.main-nav-wrap {
  position: relative;
}

.main-nav .htx {
  float: left;
  margin: 12px 0 20px;
}

.main-nav-list,
.sf-menu {
  float: right;
  margin: 10px 0 0 0px;
}

@media screen and (max-width: 1077px) {
  .main-nav-list,
  .sf-menu {
    margin-top: 0;
  }
}

.main-nav-list ul.sub,
.sf-menu ul.sub {
  background-color: #000;
  display: none;
  padding: 11px 0;
  min-width: 220px;
  position: absolute;
  left: 0;
  z-index: 2;
}

.main-nav-list ul.sub ul.sub,
.sf-menu ul.sub ul.sub {
  top: -11px;
  left: 100%;
}

.main-nav-list ul.sub li > a,
.sf-menu ul.sub li > a {
  color: #fff;
  display: block;
  font-weight: 500;
  padding: 8px 16px;
  position: relative;
  text-decoration: none;
}

.main-nav-list ul.sub li > a.sf-with-ul:before, .main-nav-list ul.sub li > a.sf-with-ul:after,
.sf-menu ul.sub li > a.sf-with-ul:before,
.sf-menu ul.sub li > a.sf-with-ul:after {
  background-color: #fff;
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  top: 17px;
  right: 13px;
}

.main-nav-list ul.sub li > a.sf-with-ul:before,
.sf-menu ul.sub li > a.sf-with-ul:before {
  width: 2px;
  height: 8px;
  top: 14px;
  right: 16px;
}

.main-nav-list li,
.sf-menu li {
  position: relative;
}

.main-nav-list li.mf,
.sf-menu li.mf {
  position: static;
  height: 31px;
}

.main-nav-list li.mf > ul.sub,
.sf-menu li.mf > ul.sub {
  background: #1f2124;
  width: 100%;
  padding: 0;
}

.main-nav-list > li,
.sf-menu > li {
  float: left;
}

.main-nav-list > li.active > a:after, .main-nav-list > li:hover > a:after,
.sf-menu > li.active > a:after,
.sf-menu > li:hover > a:after {
  opacity: 1;
  transform: scale(1, 1);
}

.main-nav-list > li > a,
.sf-menu > li > a {
  color: #1c1c1c;
  display: block;
  font-weight: 600;
  padding: 12px 12px 20px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  /* &:after {
                background: $accent-color;
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 2px;
                opacity: 0;
                transform: scale(0.5, 1);
                transform-origin: 50% 0;
                transition: transform 300ms, opacity 200ms;
            }*/
}

@media screen and (max-width: 1229px) {
  .main-nav-list > li > a,
  .sf-menu > li > a {
    padding: 12px 8px 20px;
  }
}

.main-nav-list > li > a .fa,
.sf-menu > li > a .fa {
  color: #959595;
  margin: 0 2px;
}

.mega-menu .post {
  margin-bottom: 20px;
}

.hd-search,
.user {
  text-align: right;
  position: relative;
  display: inline-block;
}

.hd-search .st-btn-1,
.user .st-btn-1 {
  font-size: 15px;
  vertical-align: top;
}

.hd-search .st-btn-1:hover,
.user .st-btn-1:hover {
  color: #515151;
}

.hd-search .hd-search-block,
.user .hd-search-block {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: none;
  padding: 11px 7px;
  position: absolute;
  right: -20px;
  top: 100%;
  width: 370px;
  z-index: 1;
}

@media screen and (max-width: 1229px) {
  .hd-search .hd-search-block,
  .user .hd-search-block {
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .hd-search .hd-search-block,
  .user .hd-search-block {
    max-width: 320px;
  }
}

.hd-search .hd-search-block:before,
.user .hd-search-block:before {
  content: "▲";
  color: #fff;
  position: absolute;
  right: 38px;
  top: -14px;
  width: 13px;
  height: 14px;
  overflow: hidden;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1229px) {
  .hd-search .hd-search-block:before,
  .user .hd-search-block:before {
    right: 15px;
  }
}

.hd-search .hd-search-block .search,
.user .hd-search-block .search {
  background: #f6f6f6;
  border-radius: 2px;
  display: table;
  padding: 7px 0;
  width: 100%;
  height: 38px;
}

.hd-search .hd-search-block .search .search-input,
.hd-search .hd-search-block .search .search-btn,
.user .hd-search-block .search .search-input,
.user .hd-search-block .search .search-btn {
  display: table-cell;
}

.hd-search .hd-search-block .search .search-btn,
.user .hd-search-block .search .search-btn {
  width: 22%;
  position: relative;
}

.hd-search .hd-search-block .search .search-btn:before,
.user .hd-search-block .search .search-btn:before {
  content: "";
  background: #ebebeb;
  width: 1px;
  position: absolute;
  top: 2px;
  bottom: 2px;
}

.hd-search .hd-search-block .search input,
.user .hd-search-block .search input {
  background-color: transparent;
  border: none;
  color: #000;
  font: 11px "din-2014";
  width: 100%;
  height: 24px;
  padding: 0 12px;
}

.hd-search .hd-search-block .search button,
.user .hd-search-block .search button {
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #000;
  font: 500 11px "din-2014";
  width: 100%;
  height: 24px;
  padding: 0 6px;
  text-align: center;
  text-transform: uppercase;
}

.pp-search-block {
  max-width: 720px;
  margin: 0 auto;
  position: relative;
}

.pp-search-block .search {
  border-bottom: 2px solid #fff;
  display: table;
  width: 100%;
  padding: 0 0 13px;
}

.pp-search-block .search-btn {
  display: table-cell;
  width: 20px;
}

.pp-search-block .search-btn button {
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
}

.pp-search-block .search-input {
  display: table-cell;
}

.pp-search-block .search-input input {
  background-color: transparent;
  border: none;
  color: #fff;
  font: 300 18px/25px "din-2014";
  width: 100%;
  padding: 0 7px;
}

.pp-search-block .search-input input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.pp-search-block .search-input input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.pp-search-block .search-input input:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.pp-search-block .search-input input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.pp-search-block .mfp-close {
  background-image: url(../img/sprite-retina.png);
  background-position: -187px 0px;
  width: 20px;
  height: 20px;
  opacity: 1;
  top: -70px;
  right: -43px;
  text-indent: -9999px;
  overflow: hidden;
}

.mm-life-st-pst {
  background: #16171a;
  padding: 11px 22px 3px;
}

.mm-life-st-pst figure {
  margin: 0 0 15px;
}

.mm-life-st-title {
  color: #fff;
  padding: 16px 0;
}

.mm-life-st-title span {
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
}

.mm-life-st-title .all {
  color: inherit;
  float: right;
  font-size: 12px;
  line-height: 21px;
  text-decoration: none;
  text-transform: uppercase;
}

.cats ul {
  padding: 15px 0;
}

.cats a {
  line-height: 28px;
  padding: 8px 20px !important;
  color: #fff;
}

.button-con {
  cursor: default;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 15px;
}

#dayIcon,
#nightIcon {
  position: relative;
  width: 14px;
  height: 14px;
  fill: #9caec0;
}

#dayIcon {
  margin-right: 4px;
}

#nightIcon {
  margin-left: 4px;
}

#dayIcon,
#nightIcon {
  cursor: pointer;
}

.toggle {
  display: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.toggle:after, .toggle:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.toggle * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.toggle *:after, .toggle *:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.toggle + .toggle-button {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.toggle::-moz-selection, .toggle:after::-moz-selection, .toggle:before::-moz-selection {
  background: none;
}

.toggle *::-moz-selection, .toggle *:after::-moz-selection, .toggle *:before::-moz-selection {
  background: none;
}

.toggle + .toggle-button::-moz-selection, .toggle::selection, .toggle:after::selection, .toggle:before::selection {
  background: none;
}

.toggle *::selection, .toggle *:after::selection, .toggle *:before::selection {
  background: none;
}

.toggle + .toggle-button {
  outline: 0;
  display: inline-block;
  width: 20px;
  height: 14px;
  position: relative;
  cursor: pointer;
  border: 2px solid #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.toggle + .toggle-button::selection {
  background: none;
}

.toggle + .toggle-button:after, .toggle + .toggle-button:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.toggle + .toggle-button:after {
  left: 0;
}

.toggle + .toggle-button:before {
  display: none;
}

.toggle:checked + .toggle-button:after,
.toggle:checked + .toggle-button:after {
  left: 50%;
  border-color: rgba(156, 174, 192, 0.8);
  background: rgba(156, 174, 192, 0.8);
}

.toggle + .toggle-button {
  padding: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 2px solid rgba(156, 174, 192, 0.27);
  border-radius: 2em;
}

.toggle + .toggle-button:after {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: rgba(156, 174, 192, 0.27);
  content: "";
  border-radius: 1em;
}

#main-menu-mb {
  display: none;
  vertical-align: top;
  padding: 0;
  background-color: #fff;
}

#main-menu-mb .logo {
  margin-bottom: 10px;
  max-width: 185px;
}

#main-menu-mb .menu-col {
  padding: 0 10px;
}

#main-menu-mb .nav-trigger {
  font-size: 20px;
  line-height: 3;
  border-bottom: 1px solid #ccc;
  color: #444;
  margin: 0 10px;
  padding: 0 5px;
}

#main-menu-mb .nav-trigger i {
  float: right;
  color: #ccc;
  font-size: 12px;
  line-height: 60px;
}

#main-menu-mb .chunk {
  display: none;
  padding-left: 20px;
}

#main-menu-mb .chunk li {
  font-size: 19px;
  line-height: 2;
}

#main-menu-mb .chunk li a {
  color: #b9b9b9;
}

#main-menu-mb .chunk li a:hover {
  color: #808080;
}

#main-menu-mb .vertical-list {
  margin: 20px 10px;
  text-align: left;
}

#main-menu-mb .vertical-list li {
  margin: 0 10px 0 0;
}

.footer {
  padding-top: 2px;
}

.footer .footer-row {
  padding: 0 -15px;
}

.footer .footer-row .footer-col {
  float: left;
  display: block;
  padding: 30px 15px 20px;
}

.footer .footer-row .col-30 {
  width: 30%;
}

.footer .footer-row .col-10 {
  width: 10%;
}

@media screen and (max-width: 1077px) {
  .footer .footer-row .col-30,
  .footer .footer-row .col-10 {
    width: 100%;
    float: none;
    padding: 10px 0;
  }
}

.footer .footer-list {
  display: block;
  width: 100%;
}

.footer .footer-list li {
  display: inline-block;
  width: 50%;
  font-size: 16px;
}

@media screen and (max-width: 1077px) {
  .footer .footer-list {
    text-align: center;
  }
  .footer .footer-list li {
    width: auto;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #d1d1d1;
  }
}

.footer .bm-logo {
  max-width: 80px;
}

.footer .bm-link {
  color: #d2226b;
  font-size: 1.2em;
}

.main-footer p {
  color: #bec1c3;
}

.ft-widget {
  margin: 0 0 22px;
}

@media screen and (max-width: 1229px) {
  .ft-widget {
    margin: 0 0 37px;
  }
}

.top-part {
  border-bottom: 1px solid #303338;
  padding: 40px 0 10px;
}

.top-part .ft-title-1 {
  margin: 0 0 12px;
}

.ft-list-1 li,
.ft-list-2 li {
  border-bottom: 1px dashed #303338;
  padding: 10px 0 12px;
}

.ft-list-1 .date,
.ft-list-2 .date {
  color: #888;
  font-family: "din-2014";
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.ft-list-1 figure,
.ft-list-2 figure {
  float: left;
  margin: 4px 18px 2px 0;
}

.ft-list-1 figure img,
.ft-list-2 figure img {
  display: block;
}

.ft-list-2 li:last-child {
  border: none;
}

.bottom-part {
  color: #bec1c3;
  padding: 40px 0;
}

.ft-social-list li {
  float: left;
  margin: 0 2px 0 1px;
}

.ft-social-list a {
  border: 1px solid #303338;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  line-height: 34px;
  display: block;
  width: 34px;
  height: 34px;
  text-align: center;
}

.ft-social-list .tw a:hover {
  color: #00abed;
}

.ft-social-list .fb a:hover {
  color: #4c68b3;
}

.ft-social-list .gp a:hover {
  color: #e51616;
}

.ft-social-list .in a:hover {
  color: #1d5e9f;
}

.ft-social-list .dr a:hover {
  color: #f51f9d;
}

.bottom-bar {
  background: #121314;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 18px 0 17px;
  text-transform: uppercase;
}

@media screen and (max-width: 1077px) {
  .ft-menu-list {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .ft-menu-list {
    margin: 15px 0;
  }
}

.ft-menu-list li {
  float: left;
  margin: 0 25px 0 0;
}

.ft-menu-list li:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .ft-menu-list li {
    float: none;
    text-align: center;
    margin: 0 0 5px;
  }
}

.ft-menu-list a {
  color: #fff;
  text-decoration: none;
}

.copyright {
  text-align: right;
}

@media screen and (max-width: 1077px) {
  .copyright {
    text-align: center;
    margin-top: 15px;
  }
}

.ft-title-1 {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  margin: 0 0 20px;
  padding: 0;
}

.ft-title-2 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 0 4px;
  padding: 0;
}

.ft-title-2 a {
  color: #fff;
  text-decoration: none;
}

.ft-search {
  padding: 15px 0;
}

.ft-search .search {
  background: #272a2e;
  border-radius: 2px;
  display: table;
  padding: 7px 0;
  width: 100%;
  height: 38px;
}

.ft-search .search .search-input,
.ft-search .search .search-btn {
  display: table-cell;
}

.ft-search .search .search-btn {
  width: 22%;
  position: relative;
}

.ft-search .search .search-btn:before {
  content: "";
  background: #3b3f45;
  width: 1px;
  position: absolute;
  top: 5px;
  bottom: 5px;
}

.ft-search .search input {
  background-color: transparent;
  border: none;
  color: #fff;
  font: 11px "din-2014";
  width: 100%;
  height: 24px;
  padding: 0 12px;
}

.ft-search .search button {
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
  font: 500 11px "din-2014";
  width: 100%;
  height: 24px;
  padding: 0 6px;
  text-align: center;
  text-transform: uppercase;
}

.inst-list {
  margin: 0 -1px 0 -5px;
  padding: 12px 0;
}

.inst-list li {
  width: 20%;
  float: left;
  padding: 0 0 0 5px;
}

.inst-list img {
  display: block;
  width: 100%;
}

.left-sticky-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  z-index: 100;
  height: 100%;
  background: #1f2124;
  overflow-y: auto;
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .left-sticky-bar {
    display: none;
  }
}

.left-sticky-bar.sticky {
  position: fixed;
}

@media screen and (max-width: 1077px) {
  .left-sticky-bar.sticky {
    top: 0;
  }
}

.lsb-list a {
  color: #ffffff;
  display: block;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  padding: 9px 10px 7px 10px;
  font-family: "din-2014";
  text-decoration: none;
  text-transform: uppercase;
}

.lsb-list a:hover, .lsb-list a.active {
  background: #1f2124;
}

.lsb-icon-1,
.lsb-icon-2,
.lsb-icon-3,
.lsb-icon-4,
.lsb-icon-5,
.lsb-icon-6 {
  display: inline-block;
}

.lsb-icon-1 {
  background-image: url(../img/sprite-retina.png);
  background-position: -303px 0px;
  width: 24px;
  height: 24px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lsb-icon-1 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.lsb-icon-2 {
  background-image: url(../img/sprite-retina.png);
  background-position: -279px 0px;
  width: 24px;
  height: 24px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lsb-icon-2 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.lsb-icon-3 {
  background-image: url(../img/sprite-retina.png);
  background-position: -255px 0px;
  width: 24px;
  height: 16px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lsb-icon-3 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.lsb-icon-4 {
  background-image: url(../img/sprite-retina.png);
  background-position: -207px 0px;
  width: 24px;
  height: 22px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lsb-icon-4 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.lsb-icon-5 {
  background-image: url(../img/sprite-retina.png);
  background-position: -327px 0px;
  width: 24px;
  height: 24px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lsb-icon-5 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.lsb-icon-6 {
  background-image: url(../img/sprite-retina.png);
  background-position: -231px 0px;
  width: 24px;
  height: 24px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lsb-icon-6 {
    background-image: url(../img/sprite-retina@2x.png);
    background-size: 351px 24px;
  }
}

.mb-menu-logo {
  display: block;
}

.mb-menu-logo img {
  margin: 0 auto;
}

.aside-menu-close-ic {
  background-image: url(../img/sprite.png);
  background-position: -156px 0;
  width: 29px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  right: 32px;
  top: -116px;
  cursor: pointer;
  padding: 0;
}

@media screen and (max-width: 1077px) {
  .aside-menu-close-ic {
    top: -177px;
  }
}

@media screen and (max-width: 767px) {
  .mfp-container {
    position: absolute;
  }
}

.mfp-main-menu .mfp-content {
  max-width: 1044px;
  padding: 32px;
}

.mfp-main-menu .mfp-content .logo {
  margin-bottom: 40px;
  display: inline-block;
}

.mfp-main-menu .mfp-content .aside-menu-close-ic {
  background-image: url(../img/sprite.png);
  background-position: -225px 0;
  width: 29px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  right: 43px;
  top: 48px;
  cursor: pointer;
  padding: 0;
}

.mfp-main-menu .mfp-content .chunk {
  list-style: none;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 30px;
}

.mfp-main-menu .mfp-content .chunk li a {
  color: #b9b9b9;
}

.mfp-main-menu .mfp-content .chunk li a:hover {
  color: #808080;
}

.big-search,
#main-menu {
  display: none;
}

.mfp-content .big-search,
.mfp-content #main-menu {
  display: block;
}

.mfp-fullscreen-search .mfp-content {
  max-width: 1044px;
  padding: 32px;
}

.mfp-fullscreen-search .mfp-content .search-logo {
  margin-bottom: 100px;
  position: absolute;
  top: -130px;
}

.mfp-fullscreen-search .mfp-content .search {
  border-radius: 2px;
  position: relative;
  width: 100%;
}

.mfp-fullscreen-search .mfp-content .search .search-input,
.mfp-fullscreen-search .mfp-content .search .search-btn {
  position: relative;
}

.mfp-fullscreen-search .mfp-content .search .search-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.mfp-fullscreen-search .mfp-content .search .search-btn:before {
  content: '';
  width: 1px;
  position: absolute;
  top: 2px;
  bottom: 2px;
}

.mfp-fullscreen-search .mfp-content .search input {
  background-color: transparent;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  padding: 0;
  border: none;
  color: #fff;
  border-bottom: 1px solid #a5a5a6;
  font: 60px "din-2014";
  width: 100%;
  height: 79px;
}

.mfp-fullscreen-search .mfp-content .search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a5a5a6;
}

.mfp-fullscreen-search .mfp-content .search input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a5a5a6;
}

.mfp-fullscreen-search .mfp-content .search input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a5a5a6;
}

.mfp-fullscreen-search .mfp-content .search input:-moz-placeholder {
  /* Firefox 18- */
  color: #a5a5a6;
}

.mfp-fullscreen-search .mfp-content .search input:focus {
  border-color: #fff;
}

.mfp-fullscreen-search .mfp-content .search label {
  color: #fff;
}

.mfp-fullscreen-search .mfp-content .search button {
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #a5a5a6;
  font: 500 22px "din-2014";
  width: 100%;
  height: 79px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.mfp-fullscreen-search .mfp-content .search button:hover {
  color: #fff;
}

.mfp-bg-white {
  background-color: #fff !important;
  opacity: 1 !important;
}

.mfp-bg-white .sp-popup {
  border: none;
}

.popup-close-ic {
  background-position: -225px 0;
}

.sp-popup {
  background-color: #fff;
  border: 1px solid #f9f9f9;
  color: #656565;
  max-width: 350px;
  padding: 22px 26px 32px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.sp-popup.signin .form.not-valid .btn-8 {
  background-color: #74777a;
}

.sp-popup.signin .form.not-valid .btn-8:hover, .sp-popup.signin .form.not-valid .btn-8:active, .sp-popup.signin .form.not-valid .btn-8:focus {
  background-color: #74777a;
}

.sp-popup .title {
  border-bottom: 1px solid #dadada;
  color: #2f2f2f;
  display: block;
  font: 500 24px "din-2014";
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-decoration: none;
  text-align: center;
}

.sp-popup.recentpass .btns {
  margin-bottom: 20px;
}

.sp-popup .btns {
  margin-bottom: 30px;
}

.sp-popup .btns a {
  border-bottom: 1px solid #dadada;
  color: #9f9f9f;
  display: block;
  width: 50%;
  float: left;
  font: 500 14px/21px "din-2014";
  padding: 12px;
  text-decoration: none;
  text-align: center;
}

.sp-popup .btns a:hover, .sp-popup .btns a.active {
  border-color: #000;
  color: #000;
}

.sp-popup .social .pp-social-list {
  display: inline-block;
  margin: 8px 0 13px;
}

.sp-popup .social .pp-social-list li {
  float: left;
}

.sp-popup .social .pp-social-list a {
  border-radius: 50%;
  border: 1px solid #f7f7f7;
  color: #000;
  display: block;
  font-size: 14px;
  line-height: 37px;
  width: 37px;
  height: 37px;
  margin: 4px;
  text-decoration: none;
  text-align: center;
}

.sp-popup .social .pp-social-list .tw a:hover {
  color: #00abed;
}

.sp-popup .social .pp-social-list .fb a:hover {
  color: #4c68b3;
}

.sp-popup .social .pp-social-list .gp a:hover {
  color: #e51616;
}

.sp-popup .social .pp-social-list .vk a:hover {
  color: #5e79bf;
}

.sp-popup .pp-title {
  color: #656565;
  font: 400 13px/21px "din-2014";
  overflow: hidden;
  margin-bottom: 10px;
}

.sp-popup .pp-title span {
  display: inline-block;
  padding: 0 8px;
  position: relative;
}

.sp-popup .pp-title span:before, .sp-popup .pp-title span:after {
  content: '';
  background-color: #e5e5e5;
  height: 1px;
  width: 200px;
  position: absolute;
  top: 50%;
}

.sp-popup .pp-title span:before {
  right: 100%;
}

.sp-popup .pp-title span:after {
  left: 100%;
}

.sp-popup .form input {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  color: #656565;
  font: 400 17px/21px "din-2014";
  width: 100%;
  padding: 11px 10px;
  margin-bottom: 7px;
}

.sp-popup .form .btn-8 {
  margin: 16px 0;
  color: #fff;
}

.sp-popup .form a,
.sp-popup .form span {
  font: 400 12px/21px "din-2014";
  text-decoration: none;
}

.sp-popup .popup-close-ic {
  right: -65px;
  top: -52px;
  cursor: pointer;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .sp-popup .popup-close-ic {
    right: 0;
  }
}

.sp-js-crop-popup {
  background-color: #fff;
  border: 1px solid #f9f9f9;
  color: #656565;
  max-width: 980px;
  width: auto;
  min-width: 350px;
  padding: 22px 26px 32px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.sp-js-crop-popup.signin .form.not-valid .btn-8 {
  background-color: #74777a;
}

.sp-js-crop-popup.signin .form.not-valid .btn-8:hover, .sp-js-crop-popup.signin .form.not-valid .btn-8:active, .sp-js-crop-popup.signin .form.not-valid .btn-8:focus {
  background-color: #74777a;
}

.sp-js-crop-popup .title {
  border-bottom: 1px solid #dadada;
  color: #2f2f2f;
  display: block;
  font: 500 24px "din-2014";
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-decoration: none;
  text-align: center;
}

.sp-js-crop-popup.recentpass .btns {
  margin-bottom: 20px;
}

.sp-js-crop-popup .btns {
  margin-bottom: 30px;
}

.sp-js-crop-popup .btns a {
  border-bottom: 1px solid #dadada;
  color: #9f9f9f;
  display: block;
  width: 50%;
  float: left;
  font: 500 14px/21px "din-2014";
  padding: 12px;
  text-decoration: none;
  text-align: center;
}

.sp-js-crop-popup .btns a:hover, .sp-js-crop-popup .btns a.active {
  border-color: #000;
  color: #000;
}

.sp-js-crop-popup .social .pp-social-list {
  display: inline-block;
  margin: 8px 0 13px;
}

.sp-js-crop-popup .social .pp-social-list li {
  float: left;
}

.sp-js-crop-popup .social .pp-social-list a {
  border-radius: 50%;
  border: 1px solid #f7f7f7;
  color: #000;
  display: block;
  font-size: 14px;
  line-height: 37px;
  width: 37px;
  height: 37px;
  margin: 4px;
  text-decoration: none;
  text-align: center;
}

.sp-js-crop-popup .social .pp-social-list .tw a:hover {
  color: #00abed;
}

.sp-js-crop-popup .social .pp-social-list .fb a:hover {
  color: #4c68b3;
}

.sp-js-crop-popup .social .pp-social-list .gp a:hover {
  color: #e51616;
}

.sp-js-crop-popup .social .pp-social-list .vk a:hover {
  color: #5e79bf;
}

.sp-js-crop-popup .pp-title {
  color: #656565;
  font: 400 13px/21px "din-2014";
  overflow: hidden;
  margin-bottom: 10px;
}

.sp-js-crop-popup .pp-title span {
  display: inline-block;
  padding: 0 8px;
  position: relative;
}

.sp-js-crop-popup .pp-title span:before, .sp-js-crop-popup .pp-title span:after {
  content: '';
  background-color: #e5e5e5;
  height: 1px;
  width: 200px;
  position: absolute;
  top: 50%;
}

.sp-js-crop-popup .pp-title span:before {
  right: 100%;
}

.sp-js-crop-popup .pp-title span:after {
  left: 100%;
}

.sp-js-crop-popup .form input {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  color: #656565;
  font: 400 17px/21px "din-2014";
  width: 100%;
  padding: 11px 10px;
  margin-bottom: 7px;
}

.sp-js-crop-popup .form .btn-8 {
  margin: 16px 0;
  color: #fff;
}

.sp-js-crop-popup .form a,
.sp-js-crop-popup .form span {
  font: 400 12px/21px "din-2014";
  text-decoration: none;
}

.sp-js-crop-popup .popup-close-ic {
  right: -65px;
  top: -52px;
  cursor: pointer;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .sp-js-crop-popup .popup-close-ic {
    right: 0;
  }
}

.mb-menu {
  pointer-events: none;
  text-align: center;
}

.mb-menu .mfp-close {
  cursor: pointer;
  padding: 0;
  pointer-events: auto;
  right: 15%;
  top: -10%;
}

.mobile-nav-list {
  display: inline-block;
  vertical-align: top;
  pointer-events: auto;
}

.mobile-nav-list .mn-item {
  color: #fff;
  font: 600 14px/44px "din-2014";
  text-transform: uppercase;
}

.mobile-nav-list .mn-item a {
  color: inherit;
  text-decoration: none;
}

.aside-menu {
  padding: 45px 0 0;
  width: 230px;
}

.aside-menu .mfp-close {
  cursor: pointer;
  top: 25px;
  right: 25px;
}

.am-container {
  padding: 22px 22px 25px;
}

.am-container:first-child {
  border-bottom: 1px solid #ebebeb;
}

.am-list .am-item a {
  display: block;
  color: #1c1c1c;
  font: 600 13px/22px "din-2014";
  padding: 8px 0;
  text-decoration: none;
  text-transform: uppercase;
}

.twitter-posts {
  padding: 10px 0;
}

.tp-list .tp-list-item {
  color: #595959;
  font: 400 12px/21px "din-2014";
  word-wrap: break-word;
  margin-bottom: 18px;
}

.tp-list .tp-list-item .icon {
  color: #16171a;
  margin: 4px 0;
}

.tp-list .tp-list-item a {
  color: #0999c4;
  text-decoration: none;
}

.tp-all {
  color: #6f7173;
  font: 400 12px/21px "din-2014";
  text-decoration: none;
}

.mfp-bg {
  background-color: #1f2124;
}

.mfp-bg.mfp-mb-menu {
  background-color: #000;
}

/* overlay at start */
.mfp-fade-top.mfp-bg {
  opacity: 0;
  transition: all 0.4s ease-out;
}

/* overlay animate in */
.mfp-fade-top.mfp-bg.mfp-ready {
  opacity: 0.86;
}

/* overlay animate out */
.mfp-fade-top.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade-top.mfp-wrap .mfp-content {
  opacity: 0;
  transform: translateY(-150px);
  transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-fade-top.mfp-wrap.mfp-ready .mfp-content {
  transform: translateY(0px);
  opacity: 1;
}

/* content animate out */
.mfp-fade-top.mfp-wrap.mfp-removing .mfp-content {
  transform: translateY(150px);
  opacity: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.4s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.88;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-bg.mfp-asd-menu {
  background-color: rgba(0, 0, 0, 0.6);
}

.mfp-asd-menu .mfp-container {
  padding: 0;
  text-align: left;
}

.mfp-asd-menu .mfp-content {
  background-color: #fff;
  width: auto;
  min-height: 100%;
  vertical-align: top;
}

/* overlay at start */
.mfp-slide-left.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-slide-left.mfp-bg.mfp-ready {
  opacity: 1;
}

/* overlay animate out */
.mfp-slide-left.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-slide-left.mfp-wrap .mfp-content {
  transform: translateX(-100%);
  transition: all 0.25s ease-out;
}

/* content animate it */
.mfp-slide-left.mfp-wrap.mfp-ready .mfp-content {
  transform: translateX(0);
}

/* content animate out */
.mfp-slide-left.mfp-wrap.mfp-removing .mfp-content {
  transform: translateX(-100%);
}

.trending-posts-line {
  overflow: hidden;
}

.trending-line {
  line-height: 26px;
  margin: 28px 0;
  padding: 0 70px 0 120px;
  position: relative;
}

@media screen and (max-width: 639px) {
  .trending-line {
    padding: 0 0 0 120px;
  }
}

.trending-line .trending-now {
  background-color: #000;
  color: #fff;
  position: absolute;
  left: 0;
  font-size: 10px;
  padding: 0 12px 0 11px;
  text-transform: uppercase;
}

.trending-line .trending-now:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-left: 5px solid #000;
  border-bottom: 13px solid transparent;
  position: absolute;
  right: -5px;
}

.trending-line .tl-slider-control {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 639px) {
  .trending-line .tl-slider-control {
    display: none;
  }
}

.trending-line .tl-slider {
  height: 26px;
  overflow: hidden;
}

.trending-line .tl-slider a {
  color: #272727;
  text-decoration: none;
}

.trending-line .tls-prev,
.trending-line .tls-next {
  cursor: pointer;
  margin-left: 4px;
}

.main-posts-1 {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  margin-bottom: 17px;
}

.main-posts-1::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1229px) {
  .main-posts-1 {
    max-width: 900px;
  }
  .main-posts-1 .main-slider-2 .post-tp-1 img, .main-posts-1 .main-slider-2 .post-tpv-1 img, .main-posts-1 .main-slider-2 .post-tpv-2 img, .main-posts-1 .main-slider-2 .post-tp-2 img, .main-posts-1 .main-slider-2 .post-tp-12 img, .main-posts-1 .main-slider-2 .post-tp-14 img {
    height: 414px;
    width: auto;
    max-width: none;
  }
}

@media screen and (max-width: 1077px) {
  .main-posts-1 {
    max-width: 710px;
  }
  .main-posts-1 .main-slider-2 .post-tp-1 img, .main-posts-1 .main-slider-2 .post-tpv-1 img, .main-posts-1 .main-slider-2 .post-tpv-2 img, .main-posts-1 .main-slider-2 .post-tp-2 img, .main-posts-1 .main-slider-2 .post-tp-12 img, .main-posts-1 .main-slider-2 .post-tp-14 img {
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}

.main-posts-1 .mp-section {
  content: "";
  display: table;
  clear: both;
  margin-bottom: 28px;
}

.main-posts-1 .mp-section:first-child {
  background: #fff;
  height: 471px;
}

.main-posts-1 .mp-section:first-child > div {
  height: 100%;
}

@media screen and (max-width: 1229px) {
  .main-posts-1 .mp-section:first-child {
    height: 414px;
    overflow: hidden;
  }
}

@media screen and (max-width: 1077px) {
  .main-posts-1 .mp-section:first-child {
    height: auto;
    overflow: hidden;
  }
}

.main-posts-2 {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  margin-bottom: 17px;
}

.main-posts-2::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1229px) {
  .main-posts-2 {
    max-width: 900px;
  }
}

@media screen and (max-width: 1077px) {
  .main-posts-2 {
    max-width: 710px;
  }
}

.main-posts-2 .mp-section {
  content: "";
  display: table;
  clear: both;
  margin: 0 -3px 28px;
}

.main-posts-2 .mp-section > div {
  padding: 0 3px;
}

@media screen and (max-width: 639px) {
  .main-posts-2 .mp-section > div {
    margin-top: 6px;
  }
  .main-posts-2 .mp-section > div:first-child {
    margin-top: 0;
  }
}

.main-posts-3 {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 17px;
}

.main-posts-3::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1229px) {
  .main-posts-3 {
    max-width: 900px;
  }
}

@media screen and (max-width: 1077px) {
  .main-posts-3 {
    max-width: 710px;
  }
}

.main-posts-3 .mp-section {
  content: "";
  display: table;
  clear: both;
  margin-top: 20px;
  margin-left: -2px;
  margin-right: -2px;
}

.main-posts-3 .post {
  padding: 2px;
}

.main-posts-3 .title-13 {
  margin: 2px 0 7px;
}

@media screen and (max-width: 1077px) {
  .main-posts-3 .sm-post {
    height: 197px;
  }
}

@media screen and (max-width: 767px) {
  .main-posts-3 .sm-post {
    height: 145px;
  }
}

@media screen and (max-width: 1077px) {
  .main-posts-3 .md-post {
    height: 375px;
  }
}

@media screen and (max-width: 767px) {
  .main-posts-3 .md-post {
    height: 330px;
  }
}

@media screen and (max-width: 479px) {
  .main-posts-3 .md-post {
    height: 255px;
  }
}

.main-posts-4 {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  margin-bottom: 45px;
}

.main-posts-4::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1229px) {
  .main-posts-4 {
    max-width: 900px;
  }
  .main-posts-4 .post-tp-12 figure,
  .main-posts-4 .post-tp-12 a,
  .main-posts-4 .post-tp-12 img {
    height: 100%;
  }
  .main-posts-4 .post-tp-12 img {
    max-width: none;
    width: auto;
  }
  .main-posts-4 .post-tp-20 figure {
    height: 50%;
  }
  .main-posts-4 .post-tp-20 a,
  .main-posts-4 .post-tp-20 img {
    height: 100%;
  }
  .main-posts-4 .post-tp-20 img {
    max-width: none;
    width: auto;
  }
}

@media screen and (max-width: 1077px) {
  .main-posts-4 {
    max-width: 710px;
  }
  .main-posts-4 .one-quarter.sm-full {
    height: auto;
  }
  .main-posts-4 .twitter-block .tb-twitts ul {
    content: "";
    display: table;
    clear: both;
  }
  .main-posts-4 .twitter-block .tb-twitts li {
    width: 50%;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .main-posts-4 .twitter-block .tb-twitts li {
    width: 100%;
    float: none;
  }
  .main-posts-4 .post-tp-12 img,
  .main-posts-4 .post-tp-20 img {
    width: 100%;
    height: auto;
  }
}

.main-posts-4 .mp-section {
  background: #fff;
  overflow: hidden;
}

.main-posts-4 .half,
.main-posts-4 .one-quarter {
  height: 511px;
}

@media screen and (max-width: 767px) {
  .main-posts-4 .half,
  .main-posts-4 .one-quarter {
    height: 330px;
  }
}

@media screen and (max-width: 479px) {
  .main-posts-4 .half,
  .main-posts-4 .one-quarter {
    height: 260px;
  }
}

.main-posts-4 .post,
.main-posts-4 .twitter-block {
  height: 100%;
}

@media screen and (max-width: 1077px) {
  .main-posts-4.tp-2 .post-tp-12 img,
  .main-posts-4.tp-2 .post-tp-20 img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .main-posts-4.tp-2 .half.sm-full:last-child {
    height: auto;
  }
}

.main-posts-5 {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  margin-bottom: 17px;
}

.main-posts-5::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1229px) {
  .main-posts-5 {
    max-width: 900px;
  }
}

@media screen and (max-width: 1077px) {
  .main-posts-5 {
    max-width: 710px;
  }
}

.main-posts-5 .mp-section {
  content: "";
  display: table;
  clear: both;
  margin: -2px -3px 26px;
}

.main-posts-5 .post {
  padding: 2px 3px;
}

.main-posts-5 .title-13 {
  margin: 2px 0 7px;
}

.main-slider-1,
.main-slider-2,
.main-slider-3 {
  position: relative;
}

.main-slider-1 .nav-arrow {
  background: #0c0b0a;
  cursor: pointer;
  display: block;
  width: 51px;
  height: 51px;
  padding: 23px 21px;
  line-height: 5px;
}

@media screen and (max-width: 767px) {
  .main-slider-1 .nav-arrow {
    display: none;
  }
}

.main-slider-1 .nav-arrow:hover {
  background: #000;
}

.main-slider-1 .nav-arrow i {
  vertical-align: top;
}

.main-slider-1 .nav-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -26px;
}

.main-slider-1 .nav-arrow:hover .slide-count {
  opacity: 1;
  transform: translateX(0);
}

.main-slider-1 .prev {
  left: 0;
}

.main-slider-1 .prev .slide-count {
  left: 100%;
  transform: translateX(-50%);
}

.main-slider-1 .next {
  right: 0;
}

.main-slider-1 .next .slide-count {
  right: 100%;
  transform: translateX(50%);
}

.main-slider-1 .slide-count {
  background: #1c1c1c;
  color: #fff;
  min-width: 70px;
  height: 51px;
  position: absolute;
  left: auto;
  top: 0;
  font: 400 11px/21px "din-2014";
  padding: 15px 10px;
  text-align: center;
  opacity: 0;
}

.main-slider-1 .slide-count span {
  margin: 0 2px;
}

.main-slider-1 .save-tp-1 {
  margin-left: 40px;
}

@media screen and (max-width: 639px) {
  .main-slider-1 .save-tp-1 {
    display: none;
  }
}

.main-slider-1 .post {
  box-sizing: border-box;
}

@media screen and (max-width: 479px) {
  .main-slider-1 .post-tp-1 figure a, .main-slider-1 .post-tpv-1 figure a, .main-slider-1 .post-tpv-2 figure a, .main-slider-1 .post-tp-2 figure a, .main-slider-1 .post-tp-12 figure a, .main-slider-1 .post-tp-14 figure a {
    content: "";
    display: table;
    clear: both;
  }
  .main-slider-1 .post-tp-1 figure img, .main-slider-1 .post-tpv-1 figure img, .main-slider-1 .post-tpv-2 figure img, .main-slider-1 .post-tp-2 figure img, .main-slider-1 .post-tp-12 figure img, .main-slider-1 .post-tp-14 figure img {
    height: 250px;
    width: auto;
    max-width: none;
    float: right;
  }
  .main-slider-1 .post-tp-1 .ptp-1-data, .main-slider-1 .post-tpv-1 .ptp-1-data, .main-slider-1 .post-tpv-2 .ptp-1-data, .main-slider-1 .post-tp-2 .ptp-1-data, .main-slider-1 .post-tp-12 .ptp-1-data, .main-slider-1 .post-tp-14 .ptp-1-data {
    padding: 0 15px 27px;
  }
}

.main-slider-2 .slick-arrow,
.main-slider-3 .slick-arrow {
  background: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: block;
  width: 39px;
  height: 51px;
  padding: 23px 15px;
  line-height: 5px;
}

.main-slider-2 .slick-arrow i,
.main-slider-3 .slick-arrow i {
  vertical-align: top;
}

.main-slider-2 .slick-arrow,
.main-slider-2 .slide-count,
.main-slider-3 .slick-arrow,
.main-slider-3 .slide-count {
  float: left;
}

.main-slider-2 .prev,
.main-slider-3 .prev {
  left: 0;
  padding: 23px 5px 23px 25px;
}

.main-slider-2 .next,
.main-slider-3 .next {
  right: 0;
  padding: 23px 25px 23px 5px;
}

.main-slider-2 .slide-count,
.main-slider-3 .slide-count {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  min-width: 50px;
  height: 51px;
  right: 51px;
  font: 300 11px/23px "din-2014";
  padding: 15px 0;
  text-align: center;
}

.main-slider-2 .slide-count span,
.main-slider-3 .slide-count span {
  margin: 0 2px;
}

.main-slider-2 .date-tp-1,
.main-slider-3 .date-tp-1 {
  margin: 20px 23px;
}

.main-slider-2 .ptp-1-data,
.main-slider-3 .ptp-1-data {
  padding: 0 205px 17px 23px;
}

@media screen and (max-width: 639px) {
  .main-slider-2 .ptp-1-data,
  .main-slider-3 .ptp-1-data {
    padding: 0 23px 17px 23px;
  }
  .main-slider-2 .ptp-1-data .save-tp-1,
  .main-slider-3 .ptp-1-data .save-tp-1 {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .main-slider-2 .meta-tp-1,
  .main-slider-3 .meta-tp-1 {
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .main-slider-2 .post-tp-27,
  .main-slider-3 .post-tp-27 {
    height: 300px;
  }
  .main-slider-2 .post-tp-27 figure,
  .main-slider-2 .post-tp-27 a,
  .main-slider-2 .post-tp-27 img,
  .main-slider-3 .post-tp-27 figure,
  .main-slider-3 .post-tp-27 a,
  .main-slider-3 .post-tp-27 img {
    height: 100%;
  }
  .main-slider-2 .post-tp-27 img,
  .main-slider-3 .post-tp-27 img {
    width: auto;
    max-width: none;
  }
}

.ms-navs {
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
}

@media screen and (max-width: 479px) {
  .ms-navs {
    display: none;
  }
}

.ms-count {
  display: inline-block;
  width: 50px;
  text-align: center;
}

.ms-prev, .sbr-prev,
.ms-next,
.sbr-next {
  display: inline-block;
  text-indent: -9999px;
}

.ms-prev, .sbr-prev {
  background-image: url(../img/sprite-retina.png);
  background-position: -34px 0px;
  width: 9px;
  height: 5px;
}


.ms-next,
.sbr-next {
  background-image: url(../img/sprite-retina.png);
  background-position: -52px 0px;
  width: 9px;
  height: 5px;
}

.main-video-posts {
  background: #1f2124;
  margin-bottom: 45px;
}

.video-posts-pane {
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

.video-posts-pane::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1229px) {
  .video-posts-pane {
    max-width: 900px;
  }
}

@media screen and (max-width: 1077px) {
  .video-posts-pane {
    max-width: 710px;
  }
}

.video-posts-pane .owl-controls {
  position: absolute;
  top: 50%;
  right: -30px;
  height: 100px;
  width: 11px;
  line-height: 100px;
  margin-top: -50px;
}

.video-posts-pane .owl-pagination {
  display: inline-block;
  line-height: 7px;
  vertical-align: middle;
}

.video-posts-pane .owl-pagination .owl-page {
  margin: 2px 2px 3px;
}

.video-posts-pane .owl-pagination .owl-page span {
  background: #fff;
}

.video-posts-pane .owl-pagination .owl-page.active span {
  background: #0999c4;
  border-color: #0999c4;
}

@media screen and (max-width: 1520px) {
  .lg-full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .lg-full:last-child {
    margin-right: 0;
  }
  .lg-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .lg-half:last-child {
    margin-right: 0;
  }
  .lg-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .lg-one-third:last-child {
    margin-right: 0;
  }
  .lg-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .lg-two-thirds:last-child {
    margin-right: 0;
  }
  .lg-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .lg-one-quarter:last-child {
    margin-right: 0;
  }
  .lg-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .lg-one-sixth:last-child {
    margin-right: 0;
  }
  .lg-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .lg-three-quarters:last-child {
    margin-right: 0;
  }
  .lg-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .lg-one-fifth:last-child {
    margin-right: 0;
  }
  .lg-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .lg-four-fifths:last-child {
    margin-right: 0;
  }
  .lg-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .lg-two-fifths:last-child {
    margin-right: 0;
  }
  .lg-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .lg-three-fifths:last-child {
    margin-right: 0;
  }
  .lg-col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .lg-col-half:last-child {
    margin-right: 0;
  }
  .lg-col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .lg-col-one-third:last-child {
    margin-right: 0;
  }
  .lg-col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .lg-col-two-thirds:last-child {
    margin-right: 0;
  }
  .lg-col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .lg-col-one-quarter:last-child {
    margin-right: 0;
  }
  .lg-col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .lg-col-three-quarters:last-child {
    margin-right: 0;
  }
  .lg-col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .lg-col-one-fifth:last-child {
    margin-right: 0;
  }
  .lg-col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .lg-col-two-fifths:last-child {
    margin-right: 0;
  }
  .lg-col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .lg-col-three-fifths:last-child {
    margin-right: 0;
  }
  .lg-col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .lg-col-four-fifths:last-child {
    margin-right: 0;
  }
  .lg-hide {
    display: none !important;
  }
}

@media screen and (max-width: 1229px) {
  .md-full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .md-full:last-child {
    margin-right: 0;
  }
  .md-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .md-half:last-child {
    margin-right: 0;
  }
  .md-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .md-one-third:last-child {
    margin-right: 0;
  }
  .md-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .md-two-thirds:last-child {
    margin-right: 0;
  }
  .md-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .md-one-quarter:last-child {
    margin-right: 0;
  }
  .md-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .md-one-sixth:last-child {
    margin-right: 0;
  }
  .md-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .md-three-quarters:last-child {
    margin-right: 0;
  }
  .md-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .md-one-fifth:last-child {
    margin-right: 0;
  }
  .md-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .md-four-fifths:last-child {
    margin-right: 0;
  }
  .md-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .md-two-fifths:last-child {
    margin-right: 0;
  }
  .md-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .md-three-fifths:last-child {
    margin-right: 0;
  }
  .md-col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .md-col-half:last-child {
    margin-right: 0;
  }
  .md-col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .md-col-one-third:last-child {
    margin-right: 0;
  }
  .md-col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .md-col-two-thirds:last-child {
    margin-right: 0;
  }
  .md-col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .md-col-one-quarter:last-child {
    margin-right: 0;
  }
  .md-col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .md-col-three-quarters:last-child {
    margin-right: 0;
  }
  .md-col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .md-col-one-fifth:last-child {
    margin-right: 0;
  }
  .md-col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .md-col-two-fifths:last-child {
    margin-right: 0;
  }
  .md-col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .md-col-three-fifths:last-child {
    margin-right: 0;
  }
  .md-col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .md-col-four-fifths:last-child {
    margin-right: 0;
  }
  .md-hide {
    display: none !important;
  }
}

@media screen and (max-width: 1077px) {
  .sm-full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .sm-full:last-child {
    margin-right: 0;
  }
  .sm-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .sm-half:last-child {
    margin-right: 0;
  }
  .sm-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .sm-one-third:last-child {
    margin-right: 0;
  }
  .sm-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .sm-two-thirds:last-child {
    margin-right: 0;
  }
  .sm-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .sm-one-quarter:last-child {
    margin-right: 0;
  }
  .sm-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .sm-one-sixth:last-child {
    margin-right: 0;
  }
  .sm-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .sm-three-quarters:last-child {
    margin-right: 0;
  }
  .sm-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .sm-one-fifth:last-child {
    margin-right: 0;
  }
  .sm-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .sm-four-fifths:last-child {
    margin-right: 0;
  }
  .sm-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .sm-two-fifths:last-child {
    margin-right: 0;
  }
  .sm-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .sm-three-fifths:last-child {
    margin-right: 0;
  }
  .sm-col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .sm-col-half:last-child {
    margin-right: 0;
  }
  .sm-col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .sm-col-one-third:last-child {
    margin-right: 0;
  }
  .sm-col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .sm-col-two-thirds:last-child {
    margin-right: 0;
  }
  .sm-col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .sm-col-one-quarter:last-child {
    margin-right: 0;
  }
  .sm-col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .sm-col-three-quarters:last-child {
    margin-right: 0;
  }
  .sm-col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .sm-col-one-fifth:last-child {
    margin-right: 0;
  }
  .sm-col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .sm-col-two-fifths:last-child {
    margin-right: 0;
  }
  .sm-col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .sm-col-three-fifths:last-child {
    margin-right: 0;
  }
  .sm-col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .sm-col-four-fifths:last-child {
    margin-right: 0;
  }
  .sm-hide {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .xs-full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .xs-full:last-child {
    margin-right: 0;
  }
  .xs-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .xs-half:last-child {
    margin-right: 0;
  }
  .xs-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .xs-one-third:last-child {
    margin-right: 0;
  }
  .xs-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .xs-two-thirds:last-child {
    margin-right: 0;
  }
  .xs-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .xs-one-quarter:last-child {
    margin-right: 0;
  }
  .xs-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .xs-one-sixth:last-child {
    margin-right: 0;
  }
  .xs-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .xs-three-quarters:last-child {
    margin-right: 0;
  }
  .xs-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .xs-one-fifth:last-child {
    margin-right: 0;
  }
  .xs-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .xs-four-fifths:last-child {
    margin-right: 0;
  }
  .xs-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .xs-two-fifths:last-child {
    margin-right: 0;
  }
  .xs-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .xs-three-fifths:last-child {
    margin-right: 0;
  }
  .xs-col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .xs-col-half:last-child {
    margin-right: 0;
  }
  .xs-col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .xs-col-one-third:last-child {
    margin-right: 0;
  }
  .xs-col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .xs-col-two-thirds:last-child {
    margin-right: 0;
  }
  .xs-col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .xs-col-one-quarter:last-child {
    margin-right: 0;
  }
  .xs-col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .xs-col-three-quarters:last-child {
    margin-right: 0;
  }
  .xs-col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .xs-col-one-fifth:last-child {
    margin-right: 0;
  }
  .xs-col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .xs-col-two-fifths:last-child {
    margin-right: 0;
  }
  .xs-col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .xs-col-three-fifths:last-child {
    margin-right: 0;
  }
  .xs-col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .xs-col-four-fifths:last-child {
    margin-right: 0;
  }
  .xs-hide {
    display: none !important;
  }
}

@media screen and (max-width: 639px) {
  .mb-ls-full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .mb-ls-full:last-child {
    margin-right: 0;
  }
  .mb-ls-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .mb-ls-half:last-child {
    margin-right: 0;
  }
  .mb-ls-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .mb-ls-one-third:last-child {
    margin-right: 0;
  }
  .mb-ls-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .mb-ls-two-thirds:last-child {
    margin-right: 0;
  }
  .mb-ls-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .mb-ls-one-quarter:last-child {
    margin-right: 0;
  }
  .mb-ls-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .mb-ls-one-sixth:last-child {
    margin-right: 0;
  }
  .mb-ls-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .mb-ls-three-quarters:last-child {
    margin-right: 0;
  }
  .mb-ls-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .mb-ls-one-fifth:last-child {
    margin-right: 0;
  }
  .mb-ls-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .mb-ls-four-fifths:last-child {
    margin-right: 0;
  }
  .mb-ls-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .mb-ls-two-fifths:last-child {
    margin-right: 0;
  }
  .mb-ls-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .mb-ls-three-fifths:last-child {
    margin-right: 0;
  }
  .mb-ls-col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .mb-ls-col-half:last-child {
    margin-right: 0;
  }
  .mb-ls-col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .mb-ls-col-one-third:last-child {
    margin-right: 0;
  }
  .mb-ls-col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .mb-ls-col-two-thirds:last-child {
    margin-right: 0;
  }
  .mb-ls-col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .mb-ls-col-one-quarter:last-child {
    margin-right: 0;
  }
  .mb-ls-col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .mb-ls-col-three-quarters:last-child {
    margin-right: 0;
  }
  .mb-ls-col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .mb-ls-col-one-fifth:last-child {
    margin-right: 0;
  }
  .mb-ls-col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .mb-ls-col-two-fifths:last-child {
    margin-right: 0;
  }
  .mb-ls-col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .mb-ls-col-three-fifths:last-child {
    margin-right: 0;
  }
  .mb-ls-col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .mb-ls-col-four-fifths:last-child {
    margin-right: 0;
  }
  .mb-ls-hide {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  .mb-pt-full {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .mb-pt-full:last-child {
    margin-right: 0;
  }
  .mb-pt-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .mb-pt-half:last-child {
    margin-right: 0;
  }
  .mb-pt-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .mb-pt-one-third:last-child {
    margin-right: 0;
  }
  .mb-pt-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .mb-pt-two-thirds:last-child {
    margin-right: 0;
  }
  .mb-pt-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .mb-pt-one-quarter:last-child {
    margin-right: 0;
  }
  .mb-pt-one-sixth {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  .mb-pt-one-sixth:last-child {
    margin-right: 0;
  }
  .mb-pt-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .mb-pt-three-quarters:last-child {
    margin-right: 0;
  }
  .mb-pt-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .mb-pt-one-fifth:last-child {
    margin-right: 0;
  }
  .mb-pt-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .mb-pt-four-fifths:last-child {
    margin-right: 0;
  }
  .mb-pt-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .mb-pt-two-fifths:last-child {
    margin-right: 0;
  }
  .mb-pt-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .mb-pt-three-fifths:last-child {
    margin-right: 0;
  }
  .mb-pt-col-half {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .mb-pt-col-half:last-child {
    margin-right: 0;
  }
  .mb-pt-col-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .mb-pt-col-one-third:last-child {
    margin-right: 0;
  }
  .mb-pt-col-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .mb-pt-col-two-thirds:last-child {
    margin-right: 0;
  }
  .mb-pt-col-one-quarter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .mb-pt-col-one-quarter:last-child {
    margin-right: 0;
  }
  .mb-pt-col-three-quarters {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .mb-pt-col-three-quarters:last-child {
    margin-right: 0;
  }
  .mb-pt-col-one-fifth {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 17.72593%;
  }
  .mb-pt-col-one-fifth:last-child {
    margin-right: 0;
  }
  .mb-pt-col-two-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 38.29445%;
  }
  .mb-pt-col-two-fifths:last-child {
    margin-right: 0;
  }
  .mb-pt-col-three-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 58.86297%;
  }
  .mb-pt-col-three-fifths:last-child {
    margin-right: 0;
  }
  .mb-pt-col-four-fifths {
    float: left;
    display: block;
    margin-right: 2.84259%;
    width: 79.43148%;
  }
  .mb-pt-col-four-fifths:last-child {
    margin-right: 0;
  }
  .mb-pt-hide {
    display: none !important;
  }
}

@media screen and (max-width: 1077px) {
  .main-footer .bottom-part .ft-social {
    margin-top: 25px;
  }
}

@media screen and (max-width: 1077px) {
  .ft-menu {
    text-align: center;
  }
}

@media screen and (max-width: 1077px) {
  .main-slider-1 .ptp-1-data {
    padding: 0 60px 27px;
  }
}

@media screen and (max-width: 767px) {
  .main-slider-1 .ptp-1-data {
    padding: 0 30px 27px;
  }
}

.ad-margin div {
  margin-bottom: 20px;
}

.banner-zone,
.mpu-zone {
  margin: 0 auto;
  max-width: 300px;
}

.billboard-zone {
  max-width: 980px;
  overflow: hidden;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .billboard-zone {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.billboard-zone img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .bookend-zone {
    display: none;
  }
}

.inline-mpu {
  display: inline-block;
  max-width: 300px;
  float: left;
}

@media screen and (max-width: 1077px) {
  .inline-mpu {
    width: 100%;
    float: none;
    text-align: center;
    margin-left: 0px;
  }
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select {
  display: block;
  width: 100%;
  border: 1px solid #dcdcdc;
  background-color: #f7f7f7;
  font-size: 16px;
  line-height: 1.7em;
  padding: 5px;
  color: #232323;
}

.spacer input[type="color"], .spacer input[type="date"], .spacer input[type="datetime"], .spacer input[type="datetime-local"], .spacer input[type="email"], .spacer input[type="month"], .spacer input[type="number"], .spacer input[type="password"], .spacer input[type="search"], .spacer input[type="tel"], .spacer input[type="text"], .spacer input[type="time"], .spacer input[type="url"], .spacer input[type="week"], .spacer input:not([type]), .spacer textarea {
  margin-bottom: 15px;
}

label {
  font-size: 18px;
  font-family: "din-2014";
}

label input[type="checkbox"],
label input[type="radio"] {
  margin-right: 5px;
}

textarea {
  height: 100px;
}

.options-col {
  min-width: 105px;
  text-align: center;
}

.warning {
  border: 1px solid red !important;
}

.errorMessage {
  color: #fff;
  background: #f56565;
  padding: 15px 10px;
  margin: 0 0 10px 0;
  border-radius: 6px;
}

.errorMessage h4 {
  padding: 0;
  margin: 0;
  color: #fff;
}

.errorMessage p {
  padding: 0;
  margin: 0;
}

/*
 * BASIC TABLES
 */
.table thead th {
  border-bottom: 1px solid #eceff4;
  outline: none !important;
  white-space: nowrap;
  font-size: 17px;
}

.table thead th:focus {
  background: #f2f4f8;
}

.table th {
  border: none;
}

.table td {
  padding: 5px;
  border-color: #eceff4;
  vertical-align: middle;
  font-size: 15px;
}

.table td:focus {
  background-color: #eceff4;
}

.table tbody tr:first-child td {
  border-top: none;
}

.table tbody tr td .btn {
  margin: 3px;
}

.table.table-hover tbody tr:hover {
  background: #f2f4f8;
}

.table tr.active, .table th.active {
  background: #f2f4f8;
}

.table .thead-inverse th {
  background: #38354a;
}

.table .thead-default th {
  background: #eceff4;
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background: #f2f4f8;
}

.table-inverse thead th {
  border-bottom-color: #514d6a;
}

.table-inverse th, .table-inverse td {
  border-top-color: #514d6a;
}

.table-inverse th, .table-inverse td, .table-inverse thead th {
  background: #38354a;
}

.table-inverse th:focus, .table-inverse td:focus, .table-inverse thead th:focus {
  background: #2b2838;
}

.table-inverse tr.active, .table-inverse th.active {
  background: #f2f4f8;
}

.th-right, .td-right {
  text-align: right;
}

.table a.event-title:hover {
  text-decoration: none;
  color: #000;
}

.table .event-title {
  color: #000;
}

.night-mode {
  background-color: #1b2836;
  color: #fff;
}

.night-mode .bg-white {
  background-color: #1b2836;
}

.night-mode .pst-box-alt.black,
.night-mode .pst-box.black {
  background-color: #141d26;
}

.night-mode .all-sb a {
  color: #fff;
}

.night-mode h1,
.night-mode h2,
.night-mode h3,
.night-mode h4,
.night-mode h5,
.night-mode h6,
.night-mode p,
.night-mode .post .post-text > a,
.night-mode .salutation,
.night-mode .search-title-form .search-field button,
.night-mode .search-title-form .search-field label,
.night-mode .table .event-title {
  color: #fff;
}

.night-mode .title-blc-1,
.night-mode .thin-border {
  border-color: #000;
}

.night-mode .sticky-header .container,
.night-mode .table.table-hover tbody tr:hover {
  background-color: #1b2937;
}

.night-mode .side-bar .pst-block,
.night-mode .side-bar-sm .pst-block,
.night-mode .sbsb-block-1,
.night-mode .page-link,
.night-mode .page-item.disabled .page-link,
.night-mode .page-item.disabled .page-link:focus,
.night-mode .page-item.disabled .page-link:hover .comments-block,
.night-mode .pst-box {
  background-color: #1b2937;
  border-color: #141d26;
}

.night-mode .lazy-loading > div {
  background-color: #fff;
}

.night-mode .pst-block-hr,
.night-mode .square-img-sm {
  border-color: #000;
}

.night-mode .mfp-bg-white {
  background-color: #233548 !important;
}

.night-mode .mfp-main-menu .mfp-content .chunk li:first-child,
.night-mode .sc-two {
  color: #ffffff;
}

.night-mode .client-logos {
  background-color: #fff;
  border: none;
  padding-bottom: 5px;
}

.night-mode .htp-3-logo img.logo--dark,
.night-mode #main-menu img.logo--dark {
  display: inherit;
}

.night-mode .htp-3-logo img.logo--light,
.night-mode #main-menu img.logo--light {
  display: none;
}

.night-mode .thick-b-bottom.sc-two-border {
  border-color: #fff !important;
}

.night-mode .surveyContainer {
  background: #141d26;
}

.night-mode .sv_container > .card-block > .card-footer {
  background: #141d26;
}

.htp-3-logo img.logo--dark,
#main-menu img.logo--dark {
  display: none;
}

.svd-popup-editor-tab-navigation,
.svd-popup-editor-tab-question,
.svd-popup-editor-tab-pages,
.svd-popup-editor-tab-showOnCompleted,
.svd-popup-editor-tab-logo,
.svd-popup-editor-tab-logic,
.svd-popup-editor-tab-data,
.svd-popup-editor-tab-validation,
.svd-popup-editor-tab-timer,
.svd-popup-editor-tab-layout {
  margin-left: 0;
  margin-right: 0;
}

.surveyHide {
  height: 0px;
  overflow: hidden;
}

.pagination {
  margin-bottom: -2rem;
}

.surveyDiscContainer {
  height: 2.25rem;
  position: relative;
  width: 100%;
}

.surveyDiscContainer:first-child {
  margin-top: -2.25rem;
}

.is_stuck .surveyDiscContainer:first-child {
  margin-top: 40px;
}

.surveyDisc {
  border-radius: 50%;
  position: absolute;
  right: 1.5rem;
  top: 0rem;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0;
  z-index: 1;
  text-align: center;
}

.surveyDiscBorder {
  background: #aa3e80;
  border: solid 2px #ffffff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.surveyDisc i {
  color: #ffffff;
  font-size: 3.5rem;
  line-height: 1.2em;
  margin-left: -2px;
}

.surveyContainer {
  background: #eeeeee;
  padding: 0 2rem 2rem 2rem;
  margin: 0px 0px 0px 0px;
}

.surveyCircle {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  display: flex;
  margin: 0 5px;
  justify-content: center;
  align-items: center;
  margin: 0px 5px 0px 0;
}

.surveyCircle--solid {
  background: #aa3e80;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

.surveyCircle--light {
  background: #105272;
  color: #fff;
  font-weight: bold;
  flex-direction: column;
  text-align: center;
}

.surveyCircle--light .upto {
  display: block;
  font-size: 11px;
  line-height: 1.0em;
  text-transform: uppercase;
  text-align: center;
}

.surveyCircle--light .time {
  display: block;
  font-size: 21px;
  line-height: 1.0em;
  text-transform: uppercase;
  text-align: center;
}

.surveyCircle--light .unit {
  display: block;
  font-size: 17px;
  line-height: 1.0em;
  text-transform: uppercase;
  text-align: center;
}

.surveyCircle--outline {
  color: #0099cc;
  font-weight: bold;
  background: #fff;
  border: 1px solid #000;
}

.surveyCircle--outline img {
  width: 2.5rem;
}

.surveyInfo {
  display: flex;
  justify-content: flex-end;
}

.white-block {
  background-color: #ffffff;
  height: 2rem;
  width: 100%;
}

.surveyTitle {
  font-weight: bold;
  font-size: 22px;
  font-family: "FuturaCondensedMedium";
}

.surveyDescription {
  font-size: 20px;
  padding: 0 0 0 0;
  font-family: "din-2014";
  font-weight: bold;
}

.surveyDescription .upto, .surveyDescription .time, .surveyDescription .unit {
  display: inline;
  margin-left: 5px;
}

.surveyDescription > p {
  font-size: 20px !important;
  font-weight: bold;
  font-family: "din-2014";
}

.surveyDescription > span {
  color: #aa3e80 !important;
}

.surveyDescription > p > span {
  color: #aa3e80 !important;
}

.surveyDescription > p > strong > span {
  color: #aa3e80 !important;
}

.surveyInstructionContainer {
  position: relative;
  background: #aa3e80;
  padding: 2.0rem 1.5rem 2.0rem 1.5rem;
  margin: 0rem 0rem 1.5rem 0rem;
}

.surveyInstructionContainer .cpd-help-closed {
  display: none;
}

.cpd-help-show-hide-button {
  text-align: right;
}

.surveyInstructionContainer .surveyDescription h3 {
  color: #ffffff;
  font-size: 23px !important;
  font-weight: 700;
  font-family: "din-2014";
  padding-top: 0px;
  line-height: 1.2em;
}

.surveyInstructionContainer .surveyDescription a {
  color: rgba(255, 255, 255, 0.7);
}

.surveyInstructionContainer .surveyDescription p {
  color: #ffffff;
  font-weight: normal;
  font-size: 15px !important;
  font-family: "din-2014";
  line-height: 1.2em;
  margin-bottom: 10px;
}

.surveyInstructionContainer .surveyDescription ol {
  list-style-type: decimal;
  margin-left: 15px;
  margin-bottom: 15px;
}

.surveyInstructionContainer .surveyDescription ol li {
  color: #ffffff;
  font-weight: normal;
  font-size: 15px !important;
  font-family: "din-2014";
  line-height: 1.2em;
  margin-bottom: 5px;
}

.surveyInstructionContainer .surveyDescription p:last-child {
  margin-bottom: 0px;
}

.surveyAuthorContainer {
  position: relative;
  background: #eeeeee;
  padding: 2.0rem 1.5rem 2.0rem 1.5rem;
  margin: 0rem 0rem 1.5rem 0rem;
}

.surveyAuthorContainer .surveyDescription h4 {
  font-size: 20px !important;
  font-weight: normal;
  font-family: "din-2014";
  padding-top: 0px;
  line-height: 1.2em;
}

.surveyAuthorContainer .surveyDescription p {
  font-weight: normal;
  font-size: 15px !important;
  font-family: "din-2014";
  margin-bottom: 0px;
}

.surveyAuthorContainer .surveyDescription p:last-child {
  margin-bottom: 0px;
}

.surveyDescriptionHighlight {
  color: #aa3e80 !important;
}

.surveyAuthor {
  font-size: 20px;
  padding: 0 0 0 0;
  font-family: "din-2014";
  font-weight: bold;
}

.surveyAuthor > p {
  font-size: 20px !important;
  font-weight: bold;
  font-family: "din-2014";
}

.surveyAuthor > span {
  color: #aa3e80 !important;
}

.surveyAuthor > p > span {
  color: #aa3e80 !important;
}

.surveyAuthor > p > strong > span {
  color: #aa3e80 !important;
}

.surveyDescBorder {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height: 4px;
}

#cpdDescriptionContainer {
  padding-top: 20px;
}

.surveyCardBorder {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  margin: 0em 0em 0.75em 0em;
  height: 4px;
}

.surveyCardBorderSingle {
  border-top: 1px solid #bfbfbf;
  margin: 0em 0em 0.75em 0em;
  height: 1px;
}

.surveyQuestionHolder {
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  text-align: left;
  padding: 2rem 0;
}

.sv_container > .card-block {
  padding: 0;
}

.sv_container > .card-block > .card-footer {
  position: relative;
  border: none;
  background: #eeeeee;
  padding: 1rem 0 0 0;
  display: flex !important;
  justify-content: flex-start;
}

.loginthings {
  font-family: "din-2014";
  font-size: 20px;
  font-weight: 700;
  padding: 8px 0px 0px 0px;
}

#hellothings.loginthings {
  font-family: "din-2014";
  font-size: 20px;
  font-weight: 700;
  padding: 8px 0px 0px 15px;
}

.sv_container .alert {
  padding: 0px 15px 0px 15px;
}

.loginthings a {
  color: #aa3e80;
}

.hello-message {
  display: inline-block;
}

.surveyHeaderLogo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 0px 0px 10px;
  border-left: solid 1px #eeeeee;
}

.surveyHeaderLogo a img {
  height: 100%;
  max-height: 4rem;
  margin: 0px 15px 0px 15px;
}

.surveyLogo {
  background: #ffffff;
  margin: 0px 0px 30px 10px;
  padding: 20px 20px 20px 20px;
  position: absolute;
  right: -207px;
  z-index: 10;
}

.surveyCompanyDescription {
  margin: 0px 0px 0px 0px;
  max-width: 369px;
  padding: 20px 0px 0px 0px;
  position: relative;
  width: 100%;
}

.surveyCompanyDescription p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.post-content .sl-content ul li {
  font: 17px/23px din-2014 !important;
  list-style: disc;
  margin: 0px 0px 10px 17px !important;
  padding: 0px 0px 0px 0px !important;
}

input.btn.sv_complete_btn, input.btn.sv_next_btn, input.btn.sv_prev_btn, .btn.cpd-button {
  background-color: #aa3e80;
  border: none;
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.0em;
  font-family: "din-2014";
  padding: 10px 25px;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  border-radius: 0.5rem;
}

.sv_login_btn, .sv_login_btn:active, .sv_login_btn:focus, .sv_login_btn:hover, .sv_login_btn:visited {
  position: absolute;
  background-color: rgba(170, 62, 128, 0);
  border: none;
  color: rgba(255, 255, 255, 0);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.0em;
  font-family: "din-2014";
  padding: 10px 25px;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  border-radius: 0.5rem;
  z-index: 10;
}

.btn.cpd-start-button {
  background-color: #aa3e80;
  border: none;
  color: #ffffff;
  font-size: 23px;
  line-height: 1.0em;
  font-family: "din-2014";
  font-weight: 700;
  padding: 10px 25px;
  text-decoration: none;
  cursor: pointer;
  margin: 30px 0px 10px 0px;
  border-radius: 0.5rem;
}

.pulsingButton {
  box-shadow: 0 0 0 0 rgba(170, 62, 128, 0.7);
  -webkit-animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
}

.pulsingBox {
  box-shadow: 0 0 0 0 rgba(170, 62, 128, 0.7);
  -webkit-animation: pulsingPurple 2.5s 3 cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsingPurple 2.5s 3 cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsingPurple 2.5s 3 cubic-bezier(0.66, 0, 0, 1);
  animation: pulsingPurple 2.5s 3 cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
}

/* Animation */
@-webkit-keyframes pulsingPurple {
  to {
    box-shadow: 0 0 0 30px rgba(170, 62, 128, 0);
  }
}

@-moz-keyframes pulsingPurple {
  to {
    box-shadow: 0 0 0 30px rgba(170, 62, 128, 0);
  }
}

@-ms-keyframes pulsingPurple {
  to {
    box-shadow: 0 0 0 30px rgba(170, 62, 128, 0);
  }
}

@keyframes pulsingPurple {
  to {
    box-shadow: 0 0 0 30px rgba(170, 62, 128, 0);
  }
}

@-webkit-keyframes pulsingGrey {
  to {
    box-shadow: 0 0 0 30px rgba(229, 229, 229, 0);
  }
}

@-moz-keyframes pulsingGrey {
  to {
    box-shadow: 0 0 0 30px rgba(229, 229, 229, 0);
  }
}

@-ms-keyframes pulsingGrey {
  to {
    box-shadow: 0 0 0 30px rgba(229, 229, 229, 0);
  }
}

@keyframes pulsingGrey {
  to {
    box-shadow: 0 0 0 30px rgba(229, 229, 229, 0);
  }
}

/* Comment-out to have the button continue to pulse on mouseover */
a.pulsingButton:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  color: #ffffff;
}

.btn.cpd-begin-button {
  position: absolute;
  left: 0px;
  bottom: 15px;
  background-color: #aa3e80;
  font-weight: 700;
  border: none;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.2em;
  font-family: "din-2014";
  padding: 5px 17px;
  text-decoration: none;
  margin: 0px 15px 0px 15px;
  cursor: pointer;
  border-radius: 0.25rem;
}

.btn.cpd-download-button {
  position: absolute;
  left: 0px;
  bottom: 15px;
  background-color: #23b620;
  font-weight: 700;
  border: none;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.2em;
  font-family: "din-2014";
  padding: 5px 17px;
  text-decoration: none;
  margin: 0px 15px 0px 15px;
  cursor: pointer;
  border-radius: 0.25rem;
}

.btn.cpd-button, .btn.cpd-start-button {
  background-color: #aa3e80;
}

.cpd-button-pad {
  margin: 30px 0px 30px 0px !important;
}

input.btn.sv_complete_btn.btn_grey, input.btn.sv_next_btn.btn_grey, input.btn.sv_prev_btn.btn_grey {
  background-color: #e5e5e5;
  color: #ffffff;
}

input.btn.sv_complete_btn.btn_grey, input.btn.sv_next_btn.btn_grey {
  box-shadow: 0 0 0 0 rgba(229, 229, 229, 0.7);
  -webkit-animation: pulsingGrey 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsingGrey 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsingGrey 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsingGrey 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
}

input.btn.sv_complete_btn, input.btn.sv_next_btn {
  box-shadow: 0 0 0 0 rgba(170, 62, 128, 0.7);
  -webkit-animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsingPurple 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
}

.surveyInfoHeader {
  display: flex;
  justify-content: left;
  align-items: left;
  margin: 15px 0 15px 0;
}

.surveyInfoHeader .surveyCircle {
  margin-top: 0;
}

.viewAllQuestions {
  font-weight: bold;
  color: #000;
}

.viewAllQuestions a {
  color: #105272;
}

.sv_bootstrap_css .sv_qstn {
  padding: 0em 0em 1.0em 0em !important;
  font-family: "din-2014";
}

.sv_bootstrap_css .sv_qstn div h5 {
  font-family: "din-2014";
}

.sv_q_num {
  color: #aa3e80;
  font-weight: bold;
  font-size: 18px;
  padding: 0 10px 0 0;
}

#sq_100_ariaTitle > span {
  font-weight: bold;
  font-family: "din-2014";
  font-size: 16px;
}

.sv_main .sv_q_num + span {
  font-weight: bold;
  font-family: "din-2014" !important;
  font-size: 16px;
  line-height: 1.2em;
}

.checkbox > label, .radio > label {
  padding: 5px 0;
  font-family: "din-2014";
  font-size: 16px;
  line-height: 1.2em;
}

.radio.sv-q-col-1 > label > input[type="radio"] {
  cursor: pointer;
  background-color: #fff;
  border: 0px;
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  position: relative;
  border-radius: 9999px;
  width: 20px;
  -webkit-appearance: none;
  border: 1px solid #8c949b;
  font-family: "din-2014";
}

.radio.sv-q-col-1 > label > input[type="radio"]:focus {
  outline: none;
}

.radio.sv-q-col-1 > label > input[type="radio"]:after {
  content: "";
  display: block;
  height: 10px;
  position: relative;
  width: 10px;
  top: 4px;
  left: 4px;
  border-radius: 9999px;
}

.radio.sv-q-col-1.checked > label > input[type="radio"]:checked:after {
  background-color: #aa3e80;
  border-radius: 9999px;
  -webkit-appearance: none;
}

.checkbox > label {
  font-family: "din-2014";
}

.cpdHoursBanner {
  color: #aa3e80;
  background: #fff;
  padding: 1rem 1rem;
  border-radius: 6px;
  border: 2px solid #aa3e80;
  font-size: 26px;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.cpdHoursBanner span {
  font-weight: bold;
}

.eventCalendar {
  padding: 20px;
  margin: 0 0 20px 0;
  border: 1px solid #e8e8e8;
}

.eventCalendar .eventCalendarTitle {
  font-weight: bold;
  font-size: 22px;
  padding: 15px 0;
}

.eventCalendar .eventCalendarTitle span {
  display: block;
  color: #495568;
}

.eventCalendarViewAll {
  padding: 20px 0 0 0;
  text-align: center;
}

.accordion.sdgdfgf dt {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 5px 0;
}

.accordion.sdgdfgf dt a {
  padding: 0;
  display: inline-block;
  color: #000;
  font-size: 16px;
}

.accordion.sdgdfgf dd {
  background-color: #f7fafc;
  padding: 15px 0;
}

.accordion.sdgdfgf dd div {
  display: flex;
  justify-content: center;
}

.accordion.sdgdfgf dd div a {
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
}

.cpd-cii {
  margin: 20px 0px 60px 0px;
  text-align: center;
}

.header-tp-3.academy {
  background-color: #ffffff;
  border-bottom: solid 3px #aa3e80;
}

.helloname {
  color: #aa3e80;
  font-weight: 700;
}

.surveyTop p:first-child {
  padding-top: 20px;
}

.sv_container p {
  padding-top: 0px !important;
  margin: 20px 0px 20px 0px;
}

.pagination-article {
  display: inline-block;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0;
  padding: 0;
}

.pagination-article .page-item .page-link {
  color: #818a91;
  font-size: 18px;
  font-weight: bold;
}

.pagination-article .page-item.active a.page-link {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
}

.pagination-article .page-item.active .page-link {
  color: #0999c4 !important;
}

nav.article-pagination {
  padding: 20px 0 0 0;
  display: flex;
}

nav.article-pagination ul {
  display: flex;
  margin: 0 0 2rem 0;
}

nav.article-pagination li {
  margin: 0 0.25rem;
  border: 2px solid #e5e5e5;
  border-radius: 0.2rem;
}

nav.article-pagination li.disabled a {
  color: #bbc4ce;
}

nav.article-pagination li:hover {
  border-color: #199fc9;
}

nav.article-pagination li:hover a {
  color: #199fc9;
}

nav.article-pagination a {
  color: #858a90;
  display: block;
  font-weight: bold;
  font-size: 18px;
  padding: 0.5rem 1rem;
}

nav.article-pagination a.active {
  color: #199fc9;
}

.academy nav.article-pagination {
  padding: 20px 0 0 0;
  display: flex;
}

.academy nav.article-pagination ul {
  display: flex;
  margin: 0 0 0 0;
}

.academy nav.article-pagination li {
  margin: 0 0.25rem;
  border: 2px solid #e5e5e5;
  border-radius: 0.2rem;
}

.academy nav.article-pagination li.disabled a {
  color: #bbc4ce;
}

.academy nav.article-pagination li:hover {
  border-color: #aa3e80;
}

.academy nav.article-pagination li:hover a {
  color: #aa3e80;
}

.academy nav.article-pagination a {
  color: #858a90;
  display: block;
  font-weight: bold;
  font-size: 18px;
  padding: 0.5rem 1rem;
}

.academy nav.article-pagination a.active {
  color: #aa3e80;
}