/* new */
@font-face {
  font-family: "Repo-Bold";
  src: url("../../fonts/Repo-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Bold.otf") format("opentype"), url("../../fonts/Repo-Bold.otf.woff2") format("woff2"), url("../../fonts/Repo-Bold.ttf") format("truetype"), url("../../fonts/Repo-Bold.svg#Repo-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo";
  src: url("../../fonts/Repo-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Regular.otf") format("opentype"), url("../../fonts/Repo-Regular.otf.woff2") format("woff2"), url("../../fonts/Repo-Regular.ttf") format("truetype"), url("../../fonts/Repo-Regular.svg#Repo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-ExtraBlack";
  src: url("../../fonts/Repo-ExtraBlack.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-ExtraBlack.otf") format("opentype"), url("../../fonts/Repo-ExtraBlack.otf.woff2") format("woff2"), url("../../fonts/Repo-ExtraBlack.ttf") format("truetype"), url("../../fonts/Repo-ExtraBlack.svg#Repo-ExtraBlack") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-Black";
  src: url("../../fonts/Repo-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Black.otf") format("opentype"), url("../../fonts/Repo-Black.otf.woff2") format("woff2"), url("../../fonts/Repo-Black.ttf") format("truetype"), url("../../fonts/Repo-Black.svg#Repo-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-ExtraBold";
  src: url("../../fonts/Repo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-ExtraBold.otf") format("opentype"), url("../../fonts/Repo-ExtraBold.otf.woff2") format("woff2"), url("../../fonts/Repo-ExtraBold.ttf") format("truetype"), url("../../fonts/Repo-ExtraBold.svg#Repo-ExtraBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-DemiBold";
  src: url("../../fonts/Repo-DemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-DemiBold.otf") format("opentype"), url("../../fonts/Repo-DemiBold.otf.woff2") format("woff2"), url("../../fonts/Repo-DemiBold.ttf") format("truetype"), url("../../fonts/Repo-DemiBold.svg#Repo-DemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-Medium";
  src: url("../../fonts/Repo-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Medium.otf") format("opentype"), url("../../fonts/Repo-Medium.otf.woff2") format("woff2"), url("../../fonts/Repo-Medium.ttf") format("truetype"), url("../../fonts/Repo-Medium.svg#Repo-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-Light";
  src: url("../../fonts/Repo-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Light.otf") format("opentype"), url("../../fonts/Repo-Light.otf.woff2") format("woff2"), url("../../fonts/Repo-Light.ttf") format("truetype"), url("../../fonts/Repo-Light.svg#Repo-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?");
  src: url("../../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf") format("truetype"), url("../../fonts/icomoon.woff") format("woff"), url("../../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-SemiBold";
  src: url("../../fonts/Akrobat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-SemiBold.otf") format("opentype"), url("../../fonts/Akrobat-SemiBold.woff") format("woff"), url("../../fonts/Akrobat-SemiBold.ttf") format("truetype"), url("../../fonts/Akrobat-SemiBold.svg#Akrobat-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Bold";
  src: url("../../fonts/Akrobat-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Bold.otf") format("opentype"), url("../../fonts/Akrobat-Bold.woff") format("woff"), url("../../fonts/Akrobat-Bold.ttf") format("truetype"), url("../../fonts/Akrobat-Bold.svg#Akrobat-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Regular";
  src: url("../../fonts/Akrobat-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Regular.otf") format("opentype"), url("../../fonts/Akrobat-Regular.woff") format("woff"), url("../../fonts/Akrobat-Regular.ttf") format("truetype"), url("../../fonts/Akrobat-Regular.svg#Akrobat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Light";
  src: url("../../fonts/Akrobat-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Light.otf") format("opentype"), url("../../fonts/Akrobat-Light.woff") format("woff"), url("../../fonts/Akrobat-Light.ttf") format("truetype"), url("../../fonts/Akrobat-Light.svg#Akrobat-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-ExtraBold";
  src: url("../../fonts/Akrobat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-ExtraBold.otf") format("opentype"), url("../../fonts/Akrobat-ExtraBold.woff") format("woff"), url("../../fonts/Akrobat-ExtraBold.ttf") format("truetype"), url("../../fonts/Akrobat-ExtraBold.svg#Akrobat-ExtraBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Black";
  src: url("../../fonts/Akrobat-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Black.otf") format("opentype"), url("../../fonts/Akrobat-Black.woff") format("woff"), url("../../fonts/Akrobat-Black.ttf") format("truetype"), url("../../fonts/Akrobat-Black.svg#Akrobat-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-SemiBold";
  src: url("../../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-Bold";
  src: url("../../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/*

	For styling the placeholder

*/
/*

	For styling the placeholder focus

*/
/*

	Replaces text with img.

*/
/*

	Horizontal list. Can be used for navigation.

*/
/*

  Rem font size

*/
/*

  Calc vw for 640px

*/
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?nusjse");
  src: url("../../fonts/icomoon.eot?nusjse#iefix") format("embedded-opentype"), url("../../fonts/icomoon_new.ttf") format("truetype"), url("../../fonts/icomoon.woff?nusjse") format("woff"), url("../../fonts/icomoon.svg?nusjse#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*
@font-face {
  font-family: 'icomoon';
  src: url("../../fonts/icomoon.eot?nusjse");
  src: url("../../fonts/icomoon.eot?nusjse#iefix") format('embedded-opentype'),
  url("../../fonts/icomoon.ttf?nusjse") format('truetype'),
  url("../../fonts/icomoon.woff?nusjse") format('woff'),
  url("../../fonts/icomoon.svg?nusjse#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
*/
/*
@font-face {
  font-family: 'icomoon';
  src:  url("../../fonts/icomoon.eot");
  src:  url("../../fonts/icomoon.eot?#iefix") format('embedded-opentype'),
  url("../../fonts/icomoon.ttf") format('truetype'),
  url("../../fonts/icomoon.woff") format('woff'),
  url("../../fonts/icomoon.svg?#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
*/
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?cuc4zm");
  src: url("../../fonts/icomoon.eot?cuc4zm#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?cuc4zm") format("truetype"), url("../../fonts/icomoon.woff?cuc4zm") format("woff"), url("../../fonts/icomoon.svg?cuc4zm#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dontion-icon-hover .path1:before {
  content: "\e9f7";
  color: rgb(255, 255, 255);
}

.icon-dontion-icon-hover .path2:before {
  content: "\e9f8";
  margin-left: -0.9580078125em;
  color: rgb(255, 255, 255);
}

.icon-dontion-icon-hover .path3:before {
  content: "\e9f9";
  margin-left: -0.9580078125em;
  color: rgb(255, 153, 51);
}

.icon-dontion-icon-hover .path4:before {
  content: "\e9fa";
  margin-left: -0.9580078125em;
  color: rgb(255, 153, 51);
}

.icon-dontion-icon-normal .path1:before {
  content: "\e9fb";
  color: rgb(255, 255, 255);
}

.icon-dontion-icon-normal .path2:before {
  content: "\e9fc";
  margin-left: -0.9580078125em;
  color: rgb(255, 255, 255);
}

.icon-dontion-icon-normal .path3:before {
  content: "\e9fd";
  margin-left: -0.9580078125em;
  color: rgb(159, 159, 159);
}

.icon-dontion-icon-normal .path4:before {
  content: "\e9fe";
  margin-left: -0.9580078125em;
  color: rgb(159, 159, 159);
}

.icon-shape-arrow:before {
  content: "\ea18";
  color: #ff8f00;
}

.icon-podcast-black:before {
  content: "\e9cb";
}

.icon-podcast-gray:before {
  content: "\e9c9";
  color: #9a9a99;
}

.icon-podcast:before {
  content: "\e9ca";
  color: #fff;
}

.icon-dir-play-white:before {
  content: "\e9c5";
  color: #fff;
}

.icon-dir-play-black:before {
  content: "\e9c6";
  color: #6e6e6c;
}

.icon-white_dir-podcast_150x50px:before {
  content: "\e9c4";
  color: #fff;
}

.icon-podcast-play-white:before {
  content: "\e9c2";
  color: #fff;
}

.icon-dirlogo-podcast-blue:before {
  content: "\e9bd";
  color: #2364ae;
}

.icon-podcast-icon:before {
  content: "\e9be";
  color: #fff;
}

.icon-podcast-icon-blue:before {
  content: "\e9bf";
  color: #2364ae;
}

.icon-podcast-icon-orange:before {
  content: "\e9c0";
  color: #ff6936;
}

.icon-podcast-icon-white:before {
  content: "\e9c1";
  color: #fff;
}

.icon-mercilogov .path1:before {
  content: "\e9ef";
  color: rgb(207, 137, 48);
}

.icon-mercilogov .path2:before {
  content: "\e9f0";
  margin-left: -4.21875em;
  color: rgb(207, 137, 48);
}

.icon-mercilogov .path3:before {
  content: "\e9f1";
  margin-left: -4.21875em;
  color: rgb(207, 137, 48);
}

.icon-mercilogov .path4:before {
  content: "\e9f2";
  margin-left: -4.21875em;
  color: rgb(207, 137, 48);
}

.icon-mercilogov .path5:before {
  content: "\e9f3";
  margin-left: -4.21875em;
  color: rgb(207, 137, 48);
}

.icon-mercilogov .path6:before {
  content: "\e9f4";
  margin-left: -4.21875em;
  color: rgb(227, 30, 36);
}

.icon-Logo-Dirbg-25-w .path1:before {
  content: "\e9cc";
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path2:before {
  content: "\e9cd";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path3:before {
  content: "\e9ce";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path4:before {
  content: "\e9cf";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path5:before {
  content: "\e9d0";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path6:before {
  content: "\e9d1";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path7:before {
  content: "\e9d2";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path8:before {
  content: "\e9d3";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path9:before {
  content: "\e9d4";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path10:before {
  content: "\e9d5";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path11:before {
  content: "\e9d6";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path12:before {
  content: "\e9d7";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path13:before {
  content: "\e9d8";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path14:before {
  content: "\e9d9";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path15:before {
  content: "\e9da";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path16:before {
  content: "\e9db";
  margin-left: -5.087890625em;
  color: rgb(2, 2, 2);
}

.icon-Logo-Dirbg-25-w .path17:before {
  content: "\e9dc";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-Logo-Dirbg-25-w .path18:before {
  content: "\e9dd";
  margin-left: -5.087890625em;
  color: rgb(255, 255, 255);
}

.icon-facebook-w:before {
  content: "\e9de";
  color: #fff;
}

.icon-instagram-w:before {
  content: "\e9df";
  color: #fff;
}

.icon-search-w:before {
  content: "\e9e0";
  color: #fff;
}

.icon-twitter-w:before {
  content: "\e9e1";
  color: #fff;
}

.icon-youtube-w:before {
  content: "\e9e2";
  color: #fff;
}

.icon-deezer:before {
  content: "\e9b7";
  color: #feaa2d;
}

.icon-googlepodcasts:before {
  content: "\e9b8";
  color: #4285f4;
}

.icon-games-white:before {
  content: "\e9c7";
  color: #fff;
}

.icon-games-black:before {
  content: "\e9c8";
  color: #6e6e6e;
}

.icon-games:before {
  content: "\e9b6";
  color: #fff;
}

.icon-company-eye:before {
  content: "\e9a5";
}

.icon-company-time:before {
  content: "\e9a6";
}

.icon-company-users:before {
  content: "\e9a7";
}

.icon-rss:before {
  content: "\e9a3";
  color: #fff;
}

.icon-quote:before {
  content: "\e9a2";
  color: #fff;
}

.icon-site-impressio:before {
  content: "\e99f";
}

.icon-impressio:before {
  content: "\e99c";
  color: #fff;
}

.icon-wi-thunderstorm:before {
  content: "\e949";
}

.icon-wi-snow:before {
  content: "\e94a";
}

.icon-wi-snow-wind:before {
  content: "\e94b";
}

.icon-wi-sleet:before {
  content: "\e94c";
}

.icon-wi-showers:before {
  content: "\e94d";
}

.icon-wi-rain:before {
  content: "\e94e";
}

.icon-wi-rain-wind:before {
  content: "\e94f";
}

.icon-wi-rain-mix:before {
  content: "\e950";
}

.icon-wi-night-thunderstorm:before {
  content: "\e951";
}

.icon-wi-night-storm-showers:before {
  content: "\e952";
}

.icon-wi-night-sprinkle:before {
  content: "\e953";
}

.icon-wi-night-snow:before {
  content: "\e954";
}

.icon-wi-night-snow-wind:before {
  content: "\e955";
}

.icon-wi-night-snow-thunderstorm:before {
  content: "\e956";
}

.icon-wi-night-sleet:before {
  content: "\e957";
}

.icon-wi-night-sleet-storm:before {
  content: "\e958";
}

.icon-wi-night-showers:before {
  content: "\e959";
}

.icon-wi-night-rain:before {
  content: "\e95a";
}

.icon-wi-night-rain-wind:before {
  content: "\e95b";
}

.icon-wi-night-rain-mix:before {
  content: "\e95c";
}

.icon-wi-night-partly-cloudy:before {
  content: "\e95d";
}

.icon-wi-night-lightning:before {
  content: "\e95e";
}

.icon-wi-night-hail:before {
  content: "\e95f";
}

.icon-wi-night-fog:before {
  content: "\e960";
}

.icon-wi-night-cloudy:before {
  content: "\e961";
}

.icon-wi-night-cloudy-windy:before {
  content: "\e962";
}

.icon-wi-night-cloudy-high .path1:before {
  content: "\e963";
  color: rgb(255, 255, 255);
}

.icon-wi-night-cloudy-high .path2:before {
  content: "\e964";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-wi-night-cloudy-gusts:before {
  content: "\e965";
}

.icon-wi-night-clear:before {
  content: "\e966";
}

.icon-wi-night-alt-thunderstorm:before {
  content: "\e967";
}

.icon-wi-night-alt-storm-showers:before {
  content: "\e968";
}

.icon-wi-night-alt-sprinkle:before {
  content: "\e969";
}

.icon-wi-night-alt-snow:before {
  content: "\e96a";
}

.icon-wi-night-alt-snow-wind:before {
  content: "\e96b";
}

.icon-wi-night-alt-snow-thunderstorm:before {
  content: "\e96c";
}

.icon-wi-night-alt-sleet:before {
  content: "\e96d";
}

.icon-wi-night-alt-sleet-storm:before {
  content: "\e96e";
}

.icon-wi-night-alt-showers:before {
  content: "\e96f";
}

.icon-wi-night-alt-rain:before {
  content: "\e970";
}

.icon-wi-night-alt-rain-wind:before {
  content: "\e971";
}

.icon-wi-night-alt-rain-mix:before {
  content: "\e972";
}

.icon-wi-night-alt-partly-cloudy:before {
  content: "\e973";
}

.icon-wi-night-alt-lightning:before {
  content: "\e974";
}

.icon-wi-night-alt-hail:before {
  content: "\e975";
}

.icon-wi-night-alt-cloudy:before {
  content: "\e976";
}

.icon-wi-night-alt-cloudy-windy:before {
  content: "\e977";
}

.icon-wi-night-alt-cloudy-high:before {
  content: "\e978";
}

.icon-wi-night-alt-cloudy-gusts:before {
  content: "\e979";
}

.icon-wi-hail:before {
  content: "\e97a";
}

.icon-wi-fog:before {
  content: "\e97b";
}

.icon-wi-day-windy:before {
  content: "\e97c";
}

.icon-wi-day-thunderstorm:before {
  content: "\e97d";
}

.icon-wi-day-sunny:before {
  content: "\e97e";
}

.icon-wi-day-sunny-overcast:before {
  content: "\e97f";
}

.icon-wi-day-storm-showers:before {
  content: "\e980";
}

.icon-wi-day-sprinkle:before {
  content: "\e981";
}

.icon-wi-day-snow:before {
  content: "\e982";
}

.icon-wi-day-snow-wind:before {
  content: "\e983";
}

.icon-wi-day-snow-thunderstorm:before {
  content: "\e984";
}

.icon-wi-day-sleet:before {
  content: "\e985";
}

.icon-wi-day-sleet-storm:before {
  content: "\e986";
}

.icon-wi-day-showers:before {
  content: "\e987";
}

.icon-wi-day-rain:before {
  content: "\e988";
}

.icon-wi-day-rain-wind:before {
  content: "\e989";
}

.icon-wi-day-rain-mix:before {
  content: "\e98a";
}

.icon-wi-day-lightning:before {
  content: "\e98b";
}

.icon-wi-day-light-wind:before {
  content: "\e98c";
}

.icon-wi-day-haze:before {
  content: "\e98d";
}

.icon-wi-day-hail:before {
  content: "\e98e";
}

.icon-wi-day-fog:before {
  content: "\e98f";
}

.icon-wi-day-cloudy:before {
  content: "\e990";
}

.icon-wi-day-cloudy-windy:before {
  content: "\e991";
}

.icon-wi-day-cloudy-high:before {
  content: "\e992";
}

.icon-wi-day-cloudy-gusts:before {
  content: "\e993";
}

.icon-wi-cloudy:before {
  content: "\e994";
}

.icon-wi-cloudy-windy:before {
  content: "\e995";
}

.icon-wi-cloudy-gusts:before {
  content: "\e996";
}

.icon-wi-cloud:before {
  content: "\e997";
}

.icon-varna:before {
  content: "\e943";
  color: #fff;
}

.icon-sofia:before {
  content: "\e944";
  color: #fff;
}

.icon-ruse:before {
  content: "\e945";
  color: #fff;
}

.icon-burgas:before {
  content: "\e946";
  color: #fff;
}

.icon-plovdiv:before {
  content: "\e947";
  color: #fff;
}

.icon-gear:before {
  content: "\e93b";
}

.icon-social-viber2:before {
  content: "\e90c";
}

.icon-attention:before {
  content: "\e90a";
}

.icon-close-2:before {
  content: "\e90b";
}

.icon-coments-tree:before {
  content: "\e909";
}

.icon-social-facebook:before {
  content: "\e900";
}

.icon-social-google:before {
  content: "\e901";
}

.icon-social-tweeter:before {
  content: "\e902";
}

.icon-social-viber:before {
  content: "\e903";
}

.icon-play:before {
  content: "\e904";
}

.icon-site-video:before {
  content: "\e904";
}

.icon-video:before {
  content: "\e904";
}

.icon-coments-flat:before {
  content: "\e905";
}

.icon-downvote:before {
  content: "\e906";
}

.icon-gallery:before {
  content: "\e907";
}

.icon-upvote:before {
  content: "\e908";
}

.icon-cancer-sign:before {
  content: "\e919";
}

.icon-gemini-sign:before {
  content: "\e91a";
}

.icon-virgo-sign:before {
  content: "\e91b";
}

.icon-capricorn-sign:before {
  content: "\e91c";
}

.icon-leo-sign:before {
  content: "\e91d";
}

.icon-aries-sign:before {
  content: "\e91e";
}

.icon-pisces-sign:before {
  content: "\e91f";
}

.icon-scorpio-sign:before {
  content: "\e920";
}

.icon-sagittarius-sign:before {
  content: "\e921";
}

.icon-taurus-sign:before {
  content: "\e922";
}

.icon-libra-sign:before {
  content: "\e923";
}

.icon-aquarius-sign:before {
  content: "\e924";
}

.icon-auto:before {
  content: "\e925";
}

.icon-author:before {
  content: "\e926";
}

.icon-business:before {
  content: "\e927";
}

.icon-banks:before {
  content: "\e927";
}

.icon-calendar:before {
  content: "\e928";
}

.icon-clubs:before {
  content: "\e929";
}

.icon-home-heart:before {
  content: "\e92a";
}

.icon-fun:before {
  content: "\e92b";
}

.icon-galeries:before {
  content: "\e92c";
}

.icon-leaf:before {
  content: "\e92d";
}

.icon-it:before {
  content: "\e92e";
}

.icon-cards:before {
  content: "\e92f";
}

.icon-catalog:before {
  content: "\e930";
}

.icon-cinema:before {
  content: "\e931";
}

.icon-site-life:before {
  content: "\e932";
}

.icon-life:before {
  content: "\e932";
}

.icon-mail:before {
  content: "\e933";
}

.icon-news:before {
  content: "\e934";
}

.icon-transit:before {
  content: "\e935";
}

.icon-trip:before {
  content: "\e936";
}

.icon-devtrip:before {
  content: "\e9c3";
}

.icon-tv:before {
  content: "\e937";
}

.icon-recipes:before {
  content: "\e938";
}

.icon-site-weather:before {
  content: "\e939";
}

.icon-weather:before {
  content: "\e939";
}

.icon-zodiac:before {
  content: "\e93a";
}

.icon-close-circle .path1:before {
  content: "\e9f5";
  color: rgb(255, 255, 255);
}

.icon-close-circle .path2:before {
  content: "\e9f6";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-close-circle .path3:before {
  content: "\e9ff";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-close-circle .path4:before {
  content: "\ea00";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-jobs-logo:before {
  content: "\ea1b";
  color: #fff;
}

.icon-kino-blue:before {
  content: "\e9e3";
  color: #2eb9ec;
}

.icon-dir-logo-kino:before {
  content: "\e9e4";
  color: #fff;
}

.icon-kino:before {
  content: "\e9e5";
  color: #fff;
}

.icon-logo-kino:before {
  content: "\e9e6";
  color: #2eb9ec;
}

.icon-logo-kino-dark:before {
  content: "\e9e7";
}

.icon-Icon-ads-01:before {
  content: "\e9e8";
  color: #aaaaa9;
}

.icon-Icon-ads-02:before {
  content: "\e9e9";
}

.icon-Icon-ads-03 .path1:before {
  content: "\e9ea";
  color: rgb(0, 0, 0);
  opacity: 0.73;
}

.icon-Icon-ads-03 .path2:before {
  content: "\e9eb";
  margin-left: -0.982421875em;
  color: rgb(255, 255, 255);
}

.icon-Icon-ads-03 .path3:before {
  content: "\e9ec";
  margin-left: -0.982421875em;
  color: rgb(255, 255, 255);
}

.icon-Icon-ads-03 .path4:before {
  content: "\e9ed";
  margin-left: -0.982421875em;
  color: rgb(255, 255, 255);
}

.icon-Icon-ads-04:before {
  content: "\e9ee";
  color: #fff;
}

.icon-trip-logo .path1:before {
  content: "\e9ac";
  color: rgb(0, 173, 150);
}

.icon-trip-logo .path2:before {
  content: "\e9ad";
  margin-left: -1.7412109375em;
  color: rgb(0, 173, 150);
}

.icon-trip-logo .path3:before {
  content: "\e9ae";
  margin-left: -1.7412109375em;
  color: rgb(0, 173, 150);
}

.icon-trip-logo .path4:before {
  content: "\e9af";
  margin-left: -1.7412109375em;
  color: rgb(0, 173, 150);
}

.icon-trip-logo .path5:before {
  content: "\e9b0";
  margin-left: -1.7412109375em;
  color: rgb(0, 173, 150);
}

.icon-trip-logo .path6:before {
  content: "\e9b1";
  margin-left: -1.7412109375em;
  color: rgb(255, 255, 255);
}

.icon-trip-logo .path7:before {
  content: "\e9b2";
  margin-left: -1.7412109375em;
  color: rgb(255, 255, 255);
}

.icon-trip-logo .path8:before {
  content: "\e9b3";
  margin-left: -1.7412109375em;
  color: rgb(255, 255, 255);
}

.icon-trip-logo .path9:before {
  content: "\e9b4";
  margin-left: -1.7412109375em;
  color: rgb(255, 255, 255);
}

.icon-trip-logo .path10:before {
  content: "\e9b5";
  margin-left: -1.7412109375em;
  color: rgb(255, 255, 255);
}

.icon-play-video-thumb:before {
  content: "\e9aa";
  color: #fff;
}

.icon-youtube:before {
  content: "\e9b9";
}

.icon-brand:before {
  content: "\e9b9";
}

.icon-social:before {
  content: "\e9b9";
}

.icon-soundcloud:before {
  content: "\e9ba";
}

.icon-brand1:before {
  content: "\e9ba";
}

.icon-social1:before {
  content: "\e9ba";
}

.icon-soundcloud1:before {
  content: "\e9bb";
}

.icon-brand3:before {
  content: "\e9bb";
}

.icon-social3:before {
  content: "\e9bb";
}

.icon-spotify:before {
  content: "\e9bc";
}

.icon-brand2:before {
  content: "\e9bc";
}

.icon-social2:before {
  content: "\e9bc";
}

.icon-plus:before {
  content: "\e93f";
}

.icon-add:before {
  content: "\e93f";
}

.icon-sum:before {
  content: "\e93f";
}

.icon-x:before {
  content: "\e940";
}

.icon-plus2:before {
  content: "\e941";
}

.icon-twitter:before {
  content: "\e90d";
}

.icon-brand4:before {
  content: "\e90d";
}

.icon-tweet:before {
  content: "\e90d";
}

.icon-social4:before {
  content: "\e90d";
}

.icon-mobile:before {
  content: "\e99e";
}

.icon-gamepad:before {
  content: "\e9ab";
}

.icon-joystick:before {
  content: "\e9ab";
}

.icon-md-expand:before {
  content: "\e9a8";
}

.icon-resize:before {
  content: "\e998";
}

.icon-shrink:before {
  content: "\e998";
}

.icon-collapse:before {
  content: "\e998";
}

.icon-contract:before {
  content: "\e998";
}

.icon-check:before {
  content: "\e93d";
}

.icon-arrow-back:before {
  content: "\e99d";
}

.icon-chevron-right2:before {
  content: "\e914";
}

.icon-chevron-down:before {
  content: "\e915";
}

.icon-instagram:before {
  content: "\e918";
}

.icon-travel:before {
  content: "\e9a9";
}

.icon-snowflake-o:before {
  content: "\e9a4";
}

.icon-urbn:before {
  content: "\e9a1";
}

.icon-youtube1:before {
  content: "\e99b";
}

.icon-trophy:before {
  content: "\e999";
}

.icon-book:before {
  content: "\e99a";
}

.icon-futbol-o:before {
  content: "\e948";
}

.icon-soccer-ball-o:before {
  content: "\e948";
}

.icon-corner:before {
  content: "\e948";
}

.icon-sport:before {
  content: "\e948";
}

.icon-user-circle-o:before {
  content: "\e942";
}

.icon-external-link:before {
  content: "\e93e";
}

.icon-clock-o:before {
  content: "\e93c";
}

.icon-star-o:before {
  content: "\e910";
}

.icon-chevron-right:before {
  content: "\e90e";
}

.icon-chevron-left:before {
  content: "\e90f";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope-o:before {
  content: "\f003";
}

.icon-star:before {
  content: "\f005";
}

.icon-user:before {
  content: "\f007";
}

.icon-profile:before {
  content: "\f007";
}

.icon-th:before {
  content: "\f00a";
}

.icon-close:before {
  content: "\f00d";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-times:before {
  content: "\f00d";
}

.icon-home:before {
  content: "\f015";
}

.icon-dir:before {
  content: "\f015";
}

.icon-camera:before {
  content: "\f030";
}

.icon-photo:before {
  content: "\f030";
}

.icon-site-gallery:before {
  content: "\f030";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-eye:before {
  content: "\f06e";
}

.icon-comment:before {
  content: "\f075";
}

.icon-comments:before {
  content: "\f086";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-facebook-f:before {
  content: "\f09a";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-users:before {
  content: "\f0c0";
}

.icon-paperclip:before {
  content: "\f0c6";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-comment-o:before {
  content: "\f0e5";
}

.icon-comments-o:before {
  content: "\f0e6";
}

.icon-chevron-circle-left:before {
  content: "\f137";
}

.icon-chevron-circle-right:before {
  content: "\f138";
}

.icon-chevron-circle-up:before {
  content: "\f139";
}

.icon-chevron-circle-down:before {
  content: "\f13a";
}

.icon-apple:before {
  content: "\f179";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-android:before {
  content: "\f17b";
}

.icon-sun-o:before {
  content: "\f185";
}

.icon-google:before {
  content: "\f1a0";
}

.icon-share-alt:before {
  content: "\f1e0";
}

.icon-newspaper-o:before {
  content: "\f1ea";
}

.icon-dnes:before {
  content: "\f1ea";
}

.icon-commenting:before {
  content: "\f27a";
}

.icon-linkedin-square:before {
  content: "\e917";
}

.icon-chevron-up:before {
  content: "\e916";
}

.icon-bar-chart:before {
  content: "\e913";
}

.icon-expand:before {
  content: "\e912";
}

.icon-bars:before {
  content: "\e911";
}

.icon-question-circle:before {
  content: "\f059";
}

.icon-crosshairs:before {
  content: "\f05b";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-question-circle-o:before {
  content: "\f29c";
}

.icon-hand-o-right:before {
  content: "\e9a0";
}

.recent-articles .section-title,
.from-the-web .time,
.most-read-and-commented .slick-arrow,
.most-recent-articles .time,
h2.list-block-item,
.comment-block.editor .username a,
.chosen-comments h2.list-block-item,
.comments-section-title, .comments-wrapper-heading .left h2,
.transliteration,
.additional-commenting-info .profile-links a,
.news-comments,
.reply, .get-link, .show-comment,
.user-profile-view .user-info h3,
.user-comment-block .commented-on a,
.crossfire-title .section-title,
.give-opinion-btn,
.article-body h2,
.section-title.small,
.see-all,
.pagination .active,
.datepicker--cell.-current-,
.additional-info .comments,
.additional-info .category,
.additional-info .views,
.img-news .search-region button,
.img-news .gallery-img-count,
.outer-tabs a.active,
.nav-select,
.sticky-nav-wrapper .nav-dropdown,
.search.open:before {
  color: #0062bc;
}

.img-news .gallery-img-count {
  background-color: rgba(0, 98, 188, 0.3);
}

.list-article.poll-list-article,
.btn-login,
.accent-block,
.to-top,
.poll,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.slider-section,
.main-article,
.main-articles,
.dropdown .nav-select-btn span,
.dropdown .nav-select-btn span:before, .dropdown .nav-select-btn span:after,
.article-main-img:before,
.theme-dark .topic-tags,
.article-comments-title,
.page-footer,
.dropdown.open .nav-select-btn,
.nav-dropdown,
.sticky-nav-wrapper,
.img-and-video-inner-slider {
  background-color: #0062bc;
}

.search.open:after,
.page-header .search-form {
  background-color: #fff;
}

.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #0062bc;
}
.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #0062bc transparent transparent transparent;
}
.page-header .search-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #0062bc transparent;
}
.page-header .search-form input[type=text] {
  color: #dadada;
  color: rgba(0, 98, 188, 0.7);
}
.page-header .search-form input[type=text]::-webkit-input-placeholder {
  color: #dadada;
  color: rgba(0, 98, 188, 0.7);
}
.page-header .search-form input[type=text]:-moz-placeholder {
  color: #dadada;
  color: rgba(0, 98, 188, 0.7);
}
.page-header .search-form input[type=text]::-moz-placeholder {
  color: #dadada;
  color: rgba(0, 98, 188, 0.7);
}
.page-header .search-form input[type=text]:-ms-input-placeholder {
  color: #dadada;
  color: rgba(0, 98, 188, 0.7);
}

.slider-section .slick-dots li.slick-active button {
  background-color: #fff;
}

.page-header,
.page-header .logo .icon,
.main-article .additional-info .views,
.big-article .additional-info .views {
  color: #fff;
}

.mobile-menu-btn span {
  background-color: #fff;
}
.mobile-menu-btn span:before, .mobile-menu-btn span:after {
  background-color: #fff;
}

.mobile-menu-btn.open span {
  background: 0;
}

.top-section {
  background-color: #0062bc;
}

.sticky-nav-wrapper {
  color: #fff;
}
.sticky-nav-wrapper .nav-dropdown {
  color: #0062bc;
}
.sticky-nav-wrapper .dropdown.open .nav-select-btn span, .sticky-nav-wrapper .dropdown.open .nav-select-btn span:before, .sticky-nav-wrapper .dropdown.open .nav-select-btn span:after {
  background-color: #0062bc;
}
.sticky-nav-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .sticky-nav-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #0062bc;
}

.mCSB_scrollTools {
  opacity: 1;
}

.main-article {
  background-color: #fff;
  color: #0062bc;
}
.main-article .additional-info, .main-article .share, .main-article .additional-info .close-btn {
  color: #666666;
}

.zodiac-section, .joke-section {
  color: #fff;
}
.zodiac-section p, .joke-section p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4666666667;
  margin-top: 0;
  font-family: "Repo-Medium", sans-serif;
}

.zodiac-section {
  background: url(../../images/zodiac-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding-top: 20px;
}

.zodiac {
  font-size: 0;
  margin-bottom: 9px;
  text-align: center;
  background-color: #0062bc;
  padding-top: 18px;
  padding-bottom: 12px;
}
.zodiac a {
  position: relative;
  display: inline-block;
  width: 84px;
  height: 84px;
  margin: 0 3px 6px;
  text-decoration: none;
  background: url(../../images/zodiac-item-bg.jpg) no-repeat center;
  background-size: 100%;
}
.zodiac i {
  font-size: 38px;
  font-size: 2.375rem;
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.zodiac span {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
}

.joke-section {
  background: url(../../images/joke-bg.jpg) no-repeat center;
  background-size: cover;
  padding-top: 14px;
}

.joke-slider {
  padding: 0;
  margin: 0;
}
.joke-slider a {
  text-decoration: none;
}

.program-section {
  background-color: #645d65;
  padding-top: 10px;
  padding-bottom: 14px;
}
.program-section::after {
  clear: both;
  content: "";
  display: table;
}
.program-section .section-title {
  color: #fff;
}
.program-section .list-block {
  display: inline-block;
  width: 145px;
  margin-right: 10px;
}
.program-section .list-block:last-child {
  margin-right: 0;
}
.program-section .list-block-item {
  padding: 4px 10px 8px;
}
.program-section .logo-wrapper {
  position: relative;
  height: 76px;
}
.program-section .logo-wrapper img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  display: block;
  margin: 0 auto;
  transform: translateY(-50%);
  max-width: 80%;
  max-height: 80%;
}
.program-section .time {
  font-size: 12px;
  font-size: 0.75rem;
  color: #7a7c82;
  font-family: "Repo-DemiBold", sans-serif;
}
.program-section .time.now {
  color: #ff4a18;
}
.program-section .title {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Repo-Medium", sans-serif;
  margin-top: 3px;
  margin-bottom: -3px;
}
.program-section .type {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #6a6969;
  font-family: "Repo-Medium", sans-serif;
}

.top-section {
  background-color: #fff;
}
.top-section.topic-theme-section {
  color: #004394;
}
.top-section.topic-theme-section .side-bar span {
  opacity: 1;
  color: #5091d3;
}

.img-section {
  background-color: #fff;
}

.sticky-nav .dropdown ul {
  background-color: #0062bc;
}
.sticky-nav .dropdown.open {
  background-color: #0062bc;
}
.sticky-nav .dropdown.open .dots span {
  color: #fff;
}
.sticky-nav .dropdown.open .dots:after {
  background-color: #0062bc;
}

.date-row {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #6c6c6e;
  font-family: "Repo-Medium", sans-serif;
  padding-top: 6px;
  padding-bottom: 23px;
}
.date-row::after {
  clear: both;
  content: "";
  display: table;
}
.date-row span {
  float: left;
}
.date-row a {
  float: right;
  text-decoration: none;
}
.date-row a i {
  font-size: 17px;
  font-size: 1.0625rem;
  vertical-align: bottom;
  margin-left: 4px;
}

.accent-block h3 {
  border-bottom: 2px solid #4c90cf;
}
.accent-block li + li {
  border-top: 1px solid #4c90cf;
}
.accent-block i {
  float: left;
  margin-right: 6px;
  opacity: 0.6;
  width: 20px;
  margin-top: 3px;
}
.accent-block i + span {
  float: left;
  width: calc(100% - 30px);
}

.opinion-block a {
  color: #66a0d7;
}

.events-heading::after {
  clear: both;
  content: "";
  display: table;
}
.events-heading .section-title {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Repo-Bold", sans-serif;
  float: left;
  margin: 9px 0 0;
  color: #fff;
}

.events {
  position: relative;
  color: #fff;
  background-color: #3d343f;
}
.events .tab-content {
  background-color: #fff;
}
.events .open-tabs {
  float: right;
  margin-top: 18px;
}
.events .section-tabs {
  background-color: #3d343f;
  background-color: rgba(61, 52, 63, 0.97);
}
.events .section-tabs a {
  font-size: 30px;
  font-size: 1.875rem;
  padding: 7px 10px;
}
.events .img-news .img-wrapper:after {
  background: linear-gradient(to bottom, transparent 30%, #000 100%);
  opacity: 0.7;
}
.events .img-news .title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2666963491;
  margin: 0;
}
.events .additional-info {
  margin-top: 6px;
}
.events .additional-info .place, .events .additional-info .datetime {
  display: block;
}
.events .additional-info .datetime {
  margin-top: 5px;
}

.weather-details {
  position: relative;
  z-index: 2;
  color: #fff;
  font-family: "Repo-Medium", sans-serif;
  padding-top: 20px;
  background: url(../../images/weather-bg-summer.jpg) no-repeat center #008937;
  background-size: cover;
}
.weather-details::after {
  clear: both;
  content: "";
  display: table;
}

.weather-temp {
  display: block;
  font-size: 0;
}
.weather-temp .degrees, .weather-temp .icon {
  display: inline-block;
  vertical-align: middle;
}

.weather-now {
  position: relative;
  z-index: 2;
}
.weather-now h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Repo-DemiBold", sans-serif;
  margin-top: 0;
  margin-bottom: 4px;
}
.weather-now .icon {
  font-size: 100px;
  font-size: 6.25rem;
}
.weather-now .degrees {
  font-size: 60px;
  font-size: 3.75rem;
}
.weather-now p {
  font-size: 16px;
  font-size: 1rem;
}
.weather-now .weather-temp {
  font-family: "Repo-Bold", sans-serif;
}

.weather-section .section-heading .section-title, .weather-section .section-heading .see-all {
  color: #0062bc;
}

.season-spring .weather-details {
  background: url(../../images/weather-bg-spring.jpg) no-repeat center #0b8217;
  background-size: cover;
}
.season-spring .section-heading .section-title, .season-spring .section-heading .see-all {
  color: #04750f;
}

.season-autumn .weather-details {
  background: url(../../images/weather-bg-fall.jpg) no-repeat center #ff6c00;
  background-size: cover;
}
.season-autumn .section-heading .section-title, .season-autumn .section-heading .see-all {
  color: #c45300;
}

.season-summer .weather-details {
  background: url(../../images/weather-bg-summer.jpg) no-repeat center #ffc90d;
  background-size: cover;
}
.season-summer .section-heading .section-title, .season-summer .section-heading .see-all {
  color: #bf8200;
}

.page-footer {
  background-color: #313131;
}
.page-footer .give-opinion:after {
  color: #444343;
}
.page-footer .give-opinion-btn {
  color: #313131;
}
.page-footer .footer-top ul {
  opacity: 0.7;
}

.give-opinion:after {
  color: #0a467d;
}

/* Christmas style start */
/*

.top-section {
  &:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 72px;
    //background: url(../../images/white-snowflakes.png) no-repeat center/cover;
    background: url(../../images/xmas-snow-mobile-blue.png);
    background-position: center;
    background-size: cover;
    opacity: 1;
  }
}

.top-section ~ .page-header > .inner-wrapper > .logo::before {
  content: '';
  position: absolute;
  top: -13px;
  right: 83px;
  width: 54px;
  height: 56px;
  background-image: url(../../images/xmas-star-mobile-blue.png);
  justify-content: center;
  align-items: center;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.top-section ~ .fixed .dropdown .logo::before {
  content: '';
  position: absolute;
  top: 17px;
  left: 101px;
  width: 30px;
  height: 20px;
  background-image: url(../../images/user-xmas-red-hat.png);
  justify-content: center;
  align-items: center;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

*/
/* Christmas style end */
.page-header {
  color: #888888;
}
.page-header .logo {
  margin-top: 16px;
}
.page-header .logo img {
  width: 116px;
}
.page-header .logo .icon {
  color: #0062bc;
}
.page-header .search-form {
  background-color: #888;
}
.page-header .search-form .search-with-btn button {
  background-color: #636363;
}
.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #fff;
}
.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
}
.page-header .search-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
}
.page-header .search-form input[type=text] {
  color: rgba(255, 255, 255, 0.7);
}
.page-header .search-form input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.page-header .search-form input[type=text]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.page-header .search-form input[type=text]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.page-header .search-form input[type=text]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.search.open {
  background-color: #888;
}
.search.open:before {
  color: #fff;
}
.search.open:after {
  background-color: #888;
}

.mobile-menu-btn span, .mobile-menu-btn span:before, .mobile-menu-btn span:after {
  background: #888888;
}

.post-time {
  width: 100%;
}

@font-face {
  font-family: "Montserrat-light";
  src: url("../../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-medium";
  src: url("../../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-bold";
  src: url("../../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/*$m-light:    "Montserrat-light", sans-serif;
$m-semibold: "Montserrat-SemiBold", sans-serif;
$m-bold:     "Montserrat-bold", sans-serif;
$m-medium:   "Montserrat-medium", sans-serif;
$m-regular:  "Montserrat", sans-serif;*/
.dirmarket-section {
  background-image: url("../../images/dirmarket/dirmarket_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
}

.market-widget {
  /*    background-image: url('../../images/dirmarket/dirmarket_bg.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;*/
  width: 100%;
  padding: 25px 0;
  margin-top: 30px;
}
@media only screen and (max-width: 950px) {
  .market-widget {
    background-image: none;
    background-color: #fff;
  }
}
.market-widget .tabs::after {
  clear: both;
  content: "";
  display: table;
}
.market-widget .tabs #widget-heading::after {
  clear: both;
  content: "";
  display: table;
}
.market-widget .tabs #widget-slogan {
  float: left;
  font-family: "Repo-DemiBold", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 400;
  color: #013247;
  width: 270px;
}
.market-widget .tabs #widget-slogan span {
  font-family: "Repo-DemiBold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  display: block;
}
.market-widget .tabs #widget-menu-container {
  float: right;
  width: calc(100% - 286px);
}
.market-widget .tabs #widget-menu {
  display: flex;
  justify-content: space-around;
  padding-top: 5px;
}
.market-widget .tabs #widget-menu a {
  font-family: "Repo-DemiBold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #013247;
  line-height: 43px;
  padding: 0 10px;
}
.market-widget .tabs #widget-menu a:hover {
  background: #013247;
  color: #fff;
}
.market-widget .tabs #widget-menu a.active {
  background: #013247;
  color: #fff;
}
.market-widget .tabs #widget-menu.hidden {
  display: none;
}
.market-widget .tabs #widget-mobile-btn {
  display: none;
}
.market-widget .tabs #selected-tab-mobile {
  display: none;
}
@media only screen and (max-width: 1335px) {
  .market-widget .tabs #widget-menu a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 1215px) {
  .market-widget .tabs #widget-slogan {
    font-size: 26px;
    font-size: 1.625rem;
    width: 170px;
  }
  .market-widget .tabs #widget-slogan span {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .market-widget .tabs #widget-menu-container {
    width: calc(100% - 170px);
  }
  .market-widget .tabs #widget-menu a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 950px) {
  .market-widget .tabs #widget-mobile-btn {
    display: block;
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 26px;
    float: right;
    margin-top: 15px;
  }
  .market-widget .tabs #widget-mobile-btn span {
    display: block;
    position: absolute;
    z-index: 6;
    top: 11px;
    left: 0;
    width: 26px;
    height: 3px;
    background: #013247;
    transition: background-color 0.3s;
  }
  .market-widget .tabs #widget-mobile-btn span::after,
  .market-widget .tabs #widget-mobile-btn span::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 26px;
    height: 3px;
    background-color: #013247;
  }
  .market-widget .tabs #widget-mobile-btn span::before {
    top: -8px;
    transition: background-color 0.3s, top 0.3s, transform 0.3s;
  }
  .market-widget .tabs #widget-mobile-btn span::after {
    bottom: -8px;
    transition: background-color 0.3s, bottom 0.3s, transform 0.3s;
  }
  .market-widget .tabs #widget-mobile-btn.open span {
    background: #eff0f3;
    transition-delay: 0s;
  }
  .market-widget .tabs #widget-mobile-btn.open span:before {
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }
  .market-widget .tabs #widget-mobile-btn.open span:after {
    right: 0;
    bottom: 0;
    transform: rotate(45deg);
  }
  .market-widget .tabs #widget-menu-container {
    width: 30px;
    position: relative;
  }
  .market-widget .tabs #widget-menu {
    position: absolute;
    top: 50px;
    right: 0;
    width: 300px;
    display: block;
    z-index: 3;
    background: #fff;
    padding: 0;
    border: 1px solid #8c8c8c;
  }
  .market-widget .tabs #widget-menu a {
    float: none;
    display: block;
    width: 100%;
    padding: 0 10px;
  }
  .market-widget .tabs #selected-tab-mobile {
    font-family: "Repo-Bold", sans-serif;
    font-size: 17px;
    font-size: 1.0625rem;
    color: #013247;
    padding-top: 22px;
    display: block;
  }
}
.market-widget .tab-content {
  margin-top: 12px;
}
.market-widget .tab-content::after {
  clear: both;
  content: "";
  display: table;
}
.market-widget .tab-content > div {
  display: flex;
  flex-wrap: wrap;
}
.market-widget .tab-content > div > div {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.market-widget .tab-content > div > div:nth-child(3) {
  margin-right: 0;
}
.market-widget .tab-content > div > div:nth-child(n+4) {
  width: 23.5%;
}
.market-widget .tab-content > div > div:nth-child(7) {
  margin-right: 0;
}
.market-widget .tab-content > div .bg-color-market {
  background: #ff7d1c;
}
.market-widget .tab-content > div .bg-color-market:hover {
  background: #f84f00;
}
.market-widget .tab-content.products-list .product {
  width: 23.5%;
}
.market-widget .tab-content.products-list .product:nth-child(3) {
  margin-right: 2%;
}
.market-widget .tab-content.products-list .product:nth-child(4) {
  margin-right: 0;
}
.market-widget .tab-content.products-list .product:nth-child(7) {
  margin-right: 2%;
}
.market-widget .tab-content.products-list .product:nth-child(8) {
  margin-right: 0;
}
.market-widget #tab1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
.market-widget #tab1 > div {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.market-widget #tab1 > div:nth-child(4) {
  margin-right: 0;
}
.market-widget #tab1 .bg-color-market {
  background: #ff7d1c;
}
.market-widget #tab1 .bg-color-market:hover {
  background: #f84f00;
}
.market-widget .text-news:hover {
  box-shadow: none;
}
.market-widget .text-news .img-wrapper {
  position: relative;
}
.market-widget .text-news .img-wrapper .buy-icon {
  display: block;
  width: 38px;
  height: 34px;
  position: absolute;
  right: 16px;
  bottom: 14px;
  background-image: url("../../images/dirmarket/buy_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.market-widget .text-news .img-wrapper .buy-icon:hover {
  background-image: url("../../images/dirmarket/buy_icon_hov.png");
}
.market-widget .text-news .market-category {
  display: block;
  font-family: "Repo-Medium", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  padding-bottom: 16px;
}
.market-widget .text-news .market-category:hover {
  color: #f84f00;
}
.market-widget .text-news .title a {
  font-family: "Repo-Bold", sans-serif;
  font-weight: 400;
  line-height: 19px;
  font-size: 16px;
  font-size: 1rem;
  color: #000;
}
.market-widget .text-news .title a:hover {
  color: #f84f00;
}
.market-widget .text-news .comments, .market-widget .text-news .timestamp, .market-widget .text-news .share {
  color: #648291;
  text-decoration: none;
}
@media only screen and (max-width: 950px) {
  .market-widget .text-news .additional-info {
    display: none;
  }
  .market-widget .text-news .text-wrapper {
    padding: 6px 9px 10px;
  }
  .market-widget .text-news .market-category {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .market-widget .text-news .title a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.market-widget .all_products {
  display: block;
  font-family: "Repo-DemiBold", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #013247;
  line-height: 38px;
  width: 270px;
  text-align: center;
  margin: 0 auto 0 auto;
  text-decoration: none;
  border: 1px solid #fff;
}
@media only screen and (max-width: 950px) {
  .market-widget .all_products {
    border: 1px solid #4b4b4b;
    margin-top: 10px;
  }
}
.market-widget .all_products:hover {
  background-color: white;
  border: 1px solid #013247;
}
.market-widget .product {
  padding: 0 45px 45px 45px;
  position: relative;
  background: #fff;
  position: relative;
}
.market-widget .product .discount {
  position: absolute;
  top: 9px;
  right: 9px;
  font-family: "Repo-DemiBold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  line-height: 42px;
  padding: 0 7px;
  background: #f25b00;
  z-index: 2;
  border-radius: 8px;
}
.market-widget .product .img-wrapper {
  display: flex;
  justify-content: center;
  height: 257px;
  border-bottom: 3px solid #f25b00;
  padding: 10px 0;
}
@media only screen and (max-width: 1050px) {
  .market-widget .product .img-wrapper {
    height: 220px;
  }
}
@media only screen and (max-width: 850px) {
  .market-widget .product .img-wrapper {
    height: 180px;
  }
}
@media only screen and (max-width: 390px) {
  .market-widget .product .img-wrapper {
    height: 150px;
  }
}
.market-widget .product .img-wrapper img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.market-widget .product .text-wrapper {
  padding: 8px 16px 16px 16px;
}
.market-widget .product .brand {
  display: block;
  font-family: "Repo-Medium", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  font-weight: 400;
  color: #013247;
  text-decoration: none;
}
.market-widget .product .brand:hover {
  color: #f84f00;
}
.market-widget .product .product-name {
  display: block;
  font-family: "Repo-Bold", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  font-weight: 400;
  color: #333333;
  margin: 10px 0;
  text-decoration: none;
}
.market-widget .product .product-name:hover {
  color: #f84f00;
}
.market-widget .product .price {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
}
.market-widget .product .price span {
  display: inline-block;
}
.market-widget .product .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
.market-widget .product .price .actual {
  font-family: "Repo-DemiBold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #e61313;
}
.market-widget .product .price .old {
  font-family: "Repo", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #333333;
  position: relative;
  margin-left: 15px;
}
.market-widget .product .price .old:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 45%;
  height: 1px;
  background-color: #333333;
}
@media only screen and (max-width: 1340px) {
  .market-widget .product {
    padding: 0 12px 12px 12px;
  }
}
@media only screen and (max-width: 1050px) {
  .market-widget .product .price small {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .market-widget .product .price .actual {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .market-widget .product .price .old {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .market-widget .product .text-wrapper {
    padding: 8px 0 16px 0;
  }
}
@media only screen and (max-width: 950px) {
  .market-widget .tab-content div .text-news {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    border-top: 1px solid #8c8c8c;
  }
  .market-widget .tab-content div .text-news:not(:first-child) {
    padding: 19px 0 17px 0;
  }
  .market-widget .tab-content div .text-news:not(:first-child)::after {
    clear: both;
    content: "";
    display: table;
  }
  .market-widget .tab-content div .text-news:not(:first-child) .img-wrapper {
    float: left;
    width: 40%;
  }
  .market-widget .tab-content div .text-news:not(:first-child) .img-wrapper .buy-icon {
    width: 27px;
    height: 24px;
    left: 5px;
    top: 10px;
    bottom: auto;
  }
  .market-widget .tab-content div .text-news:not(:first-child) .text-wrapper {
    float: left;
    width: 60%;
    padding: 0 16px;
  }
  .market-widget .tab-content div .text-news:first-child .img-wrapper .buy-icon {
    width: 27px;
    height: 24px;
    left: 5px;
    bottom: 15px;
  }
  .market-widget .tab-content div .product {
    border: 1px solid #bfbfbf;
  }
  .market-widget .tab-content div .product .discount {
    top: 7px;
    left: 9px;
    right: auto;
    font-family: "Repo-DemiBold", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 22px;
    padding: 0 7px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 750px) {
  .market-widget .tab-content > div .product {
    width: calc(50% - 5px) !important;
    margin: 10px 10px 0 0 !important;
  }
  .market-widget .tab-content > div .product:nth-child(even) {
    margin-right: 0 !important;
  }
  .market-widget .tab-content > div .product .price .old {
    margin-left: 5px;
  }
  .market-widget .tab-content > div > #tab1 .product {
    width: calc(50% - 5px) !important;
    margin: 10px 10px 0 0 !important;
  }
  .market-widget .tab-content > div > #tab1 .product:nth-child(even) {
    margin-right: 0 !important;
  }
  .market-widget .tab-content > div > #tab1 .product .price .old {
    margin-left: 5px;
  }
  .market-widget .tab-content > div > #tab1 .product:nth-child(odd) {
    margin-right: 10px !important;
  }
  .market-widget #all-offers > div .product:nth-child(odd) {
    margin-right: 0 !important;
  }
  .market-widget #all-offers > div .product:nth-child(even) {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 550px) {
  .market-widget .tab-content div .text-news:not(:first-child) .img-wrapper {
    width: 40%;
  }
  .market-widget .tab-content div .text-news:not(:first-child) .text-wrapper {
    width: 59%;
  }
  .market-widget .tab-content div .text-news .market-category {
    padding-bottom: 2px;
  }
}