/* Import Sass mixins, variables, Compass modules, etc. */
/*****Fonts import and varriables*****/
/*****Open Sans*****/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}
@font-face {
  font-family: 'open_sanslight';
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff2") format("woff2"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("../fonts/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-BoldItalic.eot");
  src: url("../fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-MediumItalic.eot");
  src: url("../fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-MediumItalic.woff2") format("woff2"), url("../fonts/Roboto-MediumItalic.woff") format("woff"), url("../fonts/Roboto-MediumItalic.ttf") format("truetype"), url("../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.eot");
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Medium.eot");
  src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Thin.eot");
  src: url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-LightItalic.eot");
  src: url("../fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-LightItalic.woff2") format("woff2"), url("../fonts/Roboto-LightItalic.woff") format("woff"), url("../fonts/Roboto-LightItalic.ttf") format("truetype"), url("../fonts/Roboto-LightItalic.svg#Roboto-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Italic.eot");
  src: url("../fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Italic.woff2") format("woff2"), url("../fonts/Roboto-Italic.woff") format("woff"), url("../fonts/Roboto-Italic.ttf") format("truetype"), url("../fonts/Roboto-Italic.svg#Roboto-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Light.eot");
  src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-ThinItalic.eot");
  src: url("../fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ThinItalic.woff2") format("woff2"), url("../fonts/Roboto-ThinItalic.woff") format("woff"), url("../fonts/Roboto-ThinItalic.ttf") format("truetype"), url("../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
}
/*****Lato*****/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local("Lato-Hairline"), url("../fonts/boeCNmOCCh-EWFLSfVffDg.woff") format("woff");
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url("../fonts/KT3KS9Aol4WfR6Vas8kNcg.woff") format("woff");
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/9k-RPmcnxYEPm8CNFsH2gg.woff") format("woff");
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/wkfQbvfT_02e2IWO3yYueQ.woff") format("woff");
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url("../fonts/BVtM30trf7q_jfqYeHfjtA.woff") format("woff");
}
@font-face {
  font-family: 'digital-7regular';
  src: url("../fonts/digital-7-webfont.woff2") format("woff2"), url("../fonts/digital-7-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*==== Popup font =====*/
@font-face {
  font-family: 'Courgette';
  src: url("../fonts/Courgette-Regular.woff2") format("woff2"), url("../fonts/Courgette-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*==== Poppin font =====*/
@font-face {
  font-family: 'poppinsbold';
  src: url("../fonts/poppins-bold-webfont.woff2") format("woff2"), url("../fonts/poppins-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppinsmedium';
  src: url("../fonts/poppins-medium-webfont.woff2") format("woff2"), url("../fonts/poppins-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppinsregular';
  src: url("../fonts/poppins-regular-webfont.woff2") format("woff2"), url("../fonts/poppins-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppinssemibold';
  src: url("../fonts/poppins-semibold-webfont.woff2") format("woff2"), url("../fonts/poppins-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ---------- Color Varriables ----------- */
/*.demo {4825 lines
  width: 250px;
  @include respond-to(lg) { width: 100% ;}
  @include respond-to(md) { width: 125px; }
  @include respond-to(xs) { float: none; }
}*/
span.ext {
  display: none;
}

a, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

.logo, .nav-menu-close:after, .the_box, #block-menu-menu-content-menu ul li span:last-child, .view-homepage-slider .flex-direction-nav a, .view-whats-new .view-content .views-row .field-content img, .view-trending-homepage .views-row .field-content img, .container-wrapper .view-featured-task .view-content .views-row .field-type-image img, .statistics-desc-slider .stats_desc .detail_block, .sticky-menu-main, .sticky-menu-main #main-menu li, .sticky-menu-main #main-menu li a:after, .sticky-menu-main .sticky-login li, .sticky-menu-main .sticky-login li a:after, .view-mygov-archives .views-field-field-site-thumbnail-image img, .scheme-overlay {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes scroll {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
* {
  outline: 0 none;
  margin: 0px;
}

body {
  color: #4d4d4d;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}

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

a {
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
  outline: none;
  color: #6c6c6c;
}
a:focus, a:hover, a:active {
  outline: none;
}
a.active {
  background-color: transparent;
}

object, embed {
  max-width: 100%;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

del {
  text-decoration: line-through;
}

table {
  border: 0 none;
  font-size: .857em;
  width: 100%;
  margin: 10px 0;
}

th {
  font-weight: 700;
  vertical-align: bottom;
}

td {
  font-weight: 400;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #4d4d4d;
  margin: 1em 0;
  padding: 0;
}

small {
  font-size: 85%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  top: -.3em;
  font-weight: 400;
}

sub {
  bottom: -0.25em;
}

input, select {
  vertical-align: middle;
  border: 1px solid #ccc;
  padding: 5px;
}

textarea {
  padding: 5px;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: visible;
}

input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: visible;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ie6 input {
  vertical-align: text-bottom;
}

button[disabled], input[disabled] {
  cursor: default;
}

button, input, select, textarea {
  vertical-align: top;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

input[type=radio] {
  vertical-align: text-bottom;
  box-sizing: border-box;
  padding: 0;
}
input[type=checkbox] {
  vertical-align: initial;
  box-sizing: border-box;
  padding: 0;
}
input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

h1, h2, h3, h4, h5 {
  line-height: normal;
  font-weight: 400;
}

.clear {
  clear: both;
  display: block;
}

.clearfix {
  zoom: 1;
}

ol, ul {
  list-style-type: none;
  padding: 0px;
}

*, *:after, *:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

h2 {
  font-size: 2em;
}

p {
  margin-bottom: 12px;
  font-weight: 300;
}

.hide-text {
  font: 0/0 arial;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* ---------- Color Module Styles ----------- */
body {
  color: #6c6c6c;
}
body.overlay {
  color: #2c498d;
}

.container, .scroll-down-area {
  display: block;
  width: 1210px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
}

.logo {
  margin: 5px 0;
}

* {
  margin: 0;
  padding: 0;
}

* body {
  color: #4d4d4d;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}

body.front {
  background: #fff;
}

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

* audio, canvas, video {
  display: inline;
}

a:hover, a:active {
  outline: none;
}

a.active {
  background-color: transparent;
}

object, embed {
  max-width: 100%;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

del {
  text-decoration: line-through;
}

table {
  border: 0 none;
  font-size: .857em;
  width: 100%;
  margin: 10px 0;
}

th {
  font-weight: 700;
  vertical-align: bottom;
}

td {
  font-weight: 400;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.3em;
  font-weight: 400;
}

sub {
  bottom: -0.25em;
}

input, select {
  vertical-align: middle;
  border: 0 none;
  padding: 5px;
}

button, input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: visible;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ie6 input {
  vertical-align: text-bottom;
}

button[disabled], input[disabled] {
  cursor: default;
}

button, input, select, textarea {
  vertical-align: top;
  margin: 0px;
}

input[type=radio] {
  vertical-align: text-bottom;
  box-sizing: border-box;
  padding: 0px;
}

input[type=checkbox] {
  vertical-align: initial;
  box-sizing: border-box;
  padding: 0px;
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

h1, h2, h3, h4, h5 {
  line-height: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
  display: block;
}

table tr th {
  background: rgba(0, 0, 0, 0.51);
  border-bottom-style: none;
}

table tr th, table tr th a, table tr th a:hover {
  color: #fff;
  font-weight: 700;
}

tr td, tr th {
  border: 1px solid #fff;
  text-align: left;
  padding: 4px 9px;
}

tr.odd {
  background: rgba(0, 0, 0, 0.106);
}

tr, tr.even {
  background: rgba(0, 0, 0, 0.063);
}

table ul.links {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

table ul.links li {
  padding: 0 1em 0 0;
}

div.messages ul li {
  margin-left: 0px;
}

div.messages ul {
  list-style: square;
}

/*** Header Style ***/
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

.top-left a {
  background: url("../images/grid_list_icon.png") no-repeat scroll -1px -307px;
  font-size: 13px;
  text-transform: uppercase;
  color: #686868;
  display: inline-block;
  padding: 10px 0 10px 40px;
}

.container-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.container-top:after {
  display: none !important;
}

.section-top-wrapper {
  background: #2c498d;
}

.section-top-wrapper a {
  color: #fff;
}

.lang-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
}
.lang-box .region-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lang-box .region-header .content {
  position: relative;
  height: 100%;
}

.head_user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.head_user a:hover {
  color: #2c498d;
  background-color: #fff;
}

.head_user > a, .lang-box > div {
  border-right: 1px solid #4964a4;
}

.user_accessibility {
  position: relative;
}

.access-type {
  position: absolute;
  left: 0px;
  top: 100%;
  display: none;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 1px 3px #dbdbdb;
  background-color: #fff;
}

.access_icon {
  background: url("../images/sprite-icon.png") -92px -114px no-repeat;
  width: 30px;
  height: 39px;
  display: block;
  cursor: pointer;
}
.access_icon:focus {
  background-position: -45px -114px;
}

.user_accessibility:hover .access_icon {
  background-position: -45px -114px;
  background-color: #fff;
}

.region-header .mygov-states {
  border-right: 1px solid #4964a4;
}

.region-header .mygov-states, .region-header .mygov-apps {
  padding: 10px 6px 10px 10px;
  cursor: pointer;
  color: #fff;
}

.region-header .mygov-states-inner, .region-header .mygov-apps-inner {
  position: absolute;
  right: 0px;
  top: 100%;
  background: #fff;
  z-index: 1000;
  padding: 15px 15px 5px;
  width: 275px;
  display: none;
  box-shadow: 0px 1px 3px #dbdbdb;
}

.region-header .mygov-states-inner:after, .region-header .mygov-apps-inner:after {
  position: absolute;
  right: 60px;
  bottom: 100%;
  content: "";
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.region-header .mygov-states-inner li, .region-header .mygov-apps-inner li {
  margin-bottom: 8px;
}

.region-header .mygov-states-inner li a, .region-header .mygov-apps-inner li a {
  display: block;
  color: #6c6c6c;
  background: #fff;
  line-height: 31px;
}

.region-header .mygov-states-inner li a:hover, .region-header .mygov-apps-inner li a:hover {
  color: #fff;
  background: #375fbc;
}

.region-header .mygov-states-inner li span, .region-header .mygov-apps-inner li span {
  border: 1px solid #c6c6c6;
  border-left: none;
  display: block;
  overflow: hidden;
  float: none;
  padding-left: 12px;
  font-size: 1em;
  color: inherit;
}

.region-header .mygov-apps-inner li span {
  height: 34px;
}

.region-header .mygov-states-inner li:hover span, .region-header .mygov-apps-inner li:hover span {
  border-color: #375fbc;
}

.region-header .mygov-states-inner li img, .region-header .mygov-apps-inner li img {
  margin: 0px !important;
  float: left;
}

.region-header .mygov-states-inner li a img, .region-header .mygov-apps-inner li a img {
  vertical-align: middle;
}

.region-header .mygov-states .states, .region-header .mygov-apps .mygov_apps {
  background: url("../images/sprite-icon.png") -38px -263px no-repeat;
  width: 17px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

.region-header .mygov-states:hover .states, .region-header .mygov-apps:hover .mygov_apps {
  background-position: -76px -262px;
}

.region-header .mygov-states.show-state .states, .region-header .mygov-apps.show-applist .mygov_apps {
  background-position: -36px -285px;
}

.region-header .mygov-states.show-state, .region-header .mygov-states:hover, .region-header .mygov-apps.show-applist, .region-header .mygov-apps:hover {
  background-color: #fff;
  color: #2c498d;
}

#block-views-my-details-block {
  color: #fff;
}

.notification_user {
  z-index: 1001;
  right: 0px;
  width: auto !important;
  background-color: #fff;
  -webkit-box-shadow: 0 0 36px -20px #1c1c1c;
  -moz-box-shadow: 0 0 36px -20px #1c1c1c;
  -o-box-shadow: 0 0 36px -20px #1c1c1c;
  -ms-box-shadow: 0 0 36px -20px #1c1c1c;
  box-shadow: 0 0 36px -20px #1c1c1c;
  position: absolute;
  top: 40px;
}

.notification_user::before {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  bottom: 100%;
  right: 25%;
}

.notification_user ul {
  margin-top: 0;
  margin-bottom: 0;
}

.notification_user ul li {
  border-bottom: 1px solid #e9e9e9;
  cursor: default;
  margin-bottom: 0;
}

.notification_user ul li a {
  font-size: 12px;
  line-height: 16px;
  color: #333 !important;
  cursor: pointer;
  display: block;
  padding: 11px 15px;
}

.notification_user ul li a:hover {
  background: #f7f7f7;
}

#notification_user_menu .grid_3 {
  position: relative;
  width: 190px;
  z-index: 1000;
}

.lang-box #block-views-my-details-block span.views-field-name .field-content {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.lang-box #block-views-my-details-block .views-field-name {
  float: left;
  padding: 11px 5px 10px 8px;
  cursor: pointer;
}

.lang-box #block-views-my-details-block:hover {
  background-color: #fff;
  color: #2c498d;
}
.lang-box #block-views-my-details-block:hover .views-field-name {
  color: #2c498d;
}

.share_icon {
  display: none;
  padding: 10px 8px;
  height: 39px;
}

.share-list {
  display: block;
  background-color: #fff;
  position: static;
  z-index: 1001;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  top: 100%;
}

.site_share {
  position: relative;
}
.site_share:hover a {
  color: #2c498d;
}
.site_share:hover .share-list {
  display: block;
}

.site_share .social-area {
  border-right: 1px solid #4964a4;
  float: left;
  height: 100%;
  overflow: hidden;
}

.site_share .social-area:last-child {
  border: none;
}

.site_share .social-area a {
  display: block;
  text-align: center;
  padding: 13px 7px 5px;
  height: 39px;
}

.site_share .share_icon:focus + .share-list, .user_accessibility .access_icon:focus + .access-type, .user_accessibility:hover .access-type {
  display: block;
}

.site_share .share_icon:focus + .share-list {
  background-color: #2c498d;
}

.user_accessibility:hover, .user_accessibility .access_icon:focus {
  background-color: #fff;
  color: #2c498d;
}

.access-type a#text_resize_decrease, .access-type a#text_resize_reset, .access-type a#text_resize_increase {
  height: auto !important;
  line-height: 30px;
  text-indent: 0;
  margin: 0;
  padding: 0 6px;
  background-image: none;
  float: none;
  width: auto;
}

.access-type a#text_resize_increase {
  padding-left: 4px;
}

.color-switcher {
  text-align: center;
  padding-top: 5px;
}

.access-type > a {
  border-bottom: 1px solid #c5c5c5;
  color: #000;
}

.social-area a i {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
}

.social-area a i.fb-icon {
  background: url("../images/icon.svg#facebook_white-view") no-repeat;
}

.social-area a:hover .fb-icon {
  background: url("../images/icon.svg#facebook-view") no-repeat;
}

.social-area a .twitter-icon {
  background: url("../images/icon.svg#twitter_white-view") no-repeat;
}

.social-area a:hover .twitter-icon {
  background: url("../images/icon.svg#twitter-view") no-repeat;
}

.social-area a .youtube-icon {
  background: url("../images/icon.svg#youtube_white-view") no-repeat;
}

.social-area a:hover .youtube-icon {
  background: url("../images/icon.svg#youtube-view") no-repeat;
}

.social-area a .insta-icon {
  background: url("../images/icon.svg#instagram_white-view") no-repeat;
}

.social-area a:hover .insta-icon {
  background: url("../images/instagram.svg") no-repeat;
}

.access-type a#text_resize_decrease sup, .access-type a#text_resize_increase sup {
  right: -13px;
}

#text_resize_reset {
  text-align: center;
}

#sizer .share-list img {
  margin: 0px;
}

.access-type a:hover, .site_share .social-area a:hover {
  background-color: #eee !important;
}

.language_icon {
  display: none;
}

.language-switcher-locale-url li {
  display: block;
}

.language-switcher-locale-url li.active {
  display: none;
}

.language-switcher-locale-url li a {
  color: #fff;
  padding: 10px 8px;
  display: block;
  height: 39px;
}

.language-switcher-locale-url li a:hover {
  color: #2c498d;
}

.skip_content {
  padding: 10px 8px;
  font-size: 12px;
}

.skip_content:focus {
  background: #fff;
  color: #2c498d;
}

.skip_content strong {
  font-weight: 400;
}

.not-front .skip_content {
  display: none;
}

.login-reg-block {
  position: relative;
}

.login-reg-icon {
  width: 30px;
  height: 100%;
  display: none;
}

.login-link-wrapper {
  background: #388fcc;
  background: -moz-linear-gradient(left, #388fcc 0%, #1db5a6 100%);
  background: -webkit-linear-gradient(left, #388fcc 0%, #1db5a6 100%);
  background: linear-gradient(to right, #388fcc 0%, #1db5a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#388fcc', endColorstr='#1db5a6',GradientType=1 );
}

.section-top-wrapper .login-link-wrapper a {
  display: inline-block;
  padding: 10px 8px;
  height: 39px;
  min-width: 66px;
  text-align: center;
}

.ac-login {
  border-right: 1px solid #4964a4;
}

.colorchanger li a {
  color: #686868;
  display: inline-block;
  font-size: 1px;
  height: 20px;
  overflow: hidden;
  text-indent: -200px;
  width: 20px;
  margin: 0;
}

.colorchanger li a.color-dark {
  background: url("../images/grid_list_icon.png") no-repeat scroll 0 -132px;
}

.colorchanger li a.color-standard {
  background: url("../images/grid_list_icon.png") no-repeat scroll 0 -167px;
}

.section-header-wrapper {
  background-color: #1d3a7c;
  position: relative;
  z-index: 999;
}

.container.container-header, .container-header.scroll-down-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: static;
}

.flyout-menu-wrapper {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  padding: 20px;
  background: #fff;
  z-index: 8;
  display: none;
  box-shadow: 0px 1px 3px #dbdbdb;
}

.nav-header {
  border-bottom: 1px solid #bec5b6;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.nav-header span {
  color: #102045;
  padding-bottom: 5px;
  border-bottom: 3px solid #102045;
  position: relative;
  top: 1px;
  float: left;
}

.nav-menu-close {
  color: #76787a;
  padding-right: 22px;
  position: relative;
  float: right;
  cursor: pointer;
}
.nav-menu-close:after {
  content: "";
  background: url(../images/sprite-icon.png) 0 -311px no-repeat;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 17px;
  height: 20px;
}
.nav-menu-close:hover {
  color: #000;
}
.nav-menu-close:hover:after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.header-logo a {
  display: inline-block;
  vertical-align: middle;
}

.header-logo a:first-child {
  max-width: 100px;
  width: 100px;
  margin-top: 4px;
}

.front .header-logo a:first-child {
  margin-right: 5px;
}

.header-main-flyout-menu {
  /*margin:0 auto 0 15px;*/
  margin: 0px;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.header-logo {
  margin-right: auto;
}

.res_menu {
  background-color: #102045;
  padding: 20px 14px;
  cursor: pointer;
  position: relative;
  z-index: 999;
}

.open_meghamenu.res_menu {
  background-color: #2c498d;
}

#block-views-my-details-block .views-field-field-user-picture {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 50%;
  margin: 8px 5px 0 0;
}
#block-views-my-details-block .views-field-field-user-picture .profile-image {
  height: 25px;
  width: 25px;
}

.header-message {
  padding: 11px 0 0 10px;
  border-left: 1px solid #4964a4;
}

.menu-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-container > div {
  float: left;
  width: 25%;
  border-left: 1px solid #d8d8d8;
  padding: 20px 15px;
}

.menu-container > div:first-child {
  border: none;
  padding-left: 0px;
}

.menu-container > div > span {
  color: #102045;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}

.the_box .search_title_box {
  background: #eee;
  border: 1px solid #ccc;
  width: 100%;
  padding-right: 30px;
  height: 35px;
}

.the_box.show .search_title_box {
  width: 220px;
}

.search_toggle {
  cursor: pointer;
  display: block;
  padding: 6px;
  background: url("../images/sprite-icon.png") -74px -187px no-repeat;
  width: 40px;
  height: 100%;
}

.the_box {
  right: 46px;
  position: absolute;
  top: 14px;
  z-index: 99;
  padding: 0px;
  width: 0px;
  overflow: hidden;
  opacity: 0;
}

.the_box:after {
  position: absolute;
  right: 10px;
  content: "";
  bottom: 100%;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}

.active_search .the_box {
  opacity: 1;
  width: 520px;
}

#search_link_btn {
  background: #727272 url("../images/search-arrow.png") no-repeat scroll center center;
  font-size: 0;
  height: 35px;
  width: 30px;
  overflow: hidden;
  float: right;
  position: relative;
  margin-top: -35px;
}

.search_mygov_box {
  position: relative;
  height: 100%;
}

.active_search.search_mygov_box {
  z-index: 99999;
}

.header-nav-main #main-menu li, .sub-sites-header li, .header-nav-states .mygov-states-inner li {
  float: left;
  width: 50%;
  padding-bottom: 5px;
  font-size: 0.929em;
}
.header-nav-main #main-menu li a, .sub-sites-header li a, .header-nav-states .mygov-states-inner li a {
  color: #6f6f6f;
}
.header-nav-main #main-menu li a:hover, .sub-sites-header li a:hover, .header-nav-states .mygov-states-inner li a:hover {
  color: #1d3a7c;
  text-decoration: underline;
}

.header-nav-main #main-menu li a.active {
  color: #1d3a7c;
  text-decoration: underline;
}

.header-nav-states .mygov-states-inner img, .header-nav-states .mygov-states, .header-nav-app .mygov-apps {
  display: none;
}

.header-nav-main #main-menu li a:before {
  content: "";
  width: 22px;
  height: 22px;
  margin-right: 7px;
  display: inline-block;
  /* background-image: url(../images/mygov_icon.png); background-repeat: no-repeat;*/
  vertical-align: middle;
}

a.menu-main-group:before {
  background: url("../images/icon.svg#act-groups-view") no-repeat;
}

a.menu-main-do:before {
  background: url("../images/icon.svg#act-do-view") no-repeat;
}

a.menu-main-discuss:before {
  background: url("../images/icon.svg#act-discuss-view") no-repeat;
}

a.menu-main-poll-survey:before {
  background: url("../images/icon.svg#act-poll-view") no-repeat;
}

a.menu-main-blog:before {
  background: url("../images/icon.svg#act-blog-view") no-repeat;
}

a.menu-main-talk:before {
  background: url("../images/icon.svg#act-talk-view") no-repeat;
}

a.menu-main-campaigns:before {
  background: url("../images/icon.svg#campaign-view") no-repeat;
}

a.menu-main-podcast:before {
  background: url("../images/icon.svg#podcast-view") no-repeat;
}

.header-nav-app .mygov_apps_qr {
  float: left;
  width: 49%;
  max-width: 125px;
  padding: 0 5px 0 0;
}
.header-nav-app .mygov-apps-inner {
  overflow: hidden;
  padding: 10px;
  border-left: 1px solid #d8d8d8;
}
.header-nav-app .mygov-apps-inner li {
  font-size: 0.929em;
  margin-bottom: 10px;
}
.header-nav-app .mygov-apps-inner img {
  vertical-align: middle;
}
.header-nav-app .mygov-apps-inner .hint-text {
  font-size: 0.786em;
  font-family: "poppinsregular", sans-serif;
  font-style: italic;
}
.header-nav-app .mygov_app_hint-text {
  width: 100%;
  clear: both;
  font-family: "poppinsregular", sans-serif;
  font-size: 0.857em;
  padding-top: 5px;
  font-style: italic;
}
.header-nav-app .mygov_app_hint-text:before {
  content: "";
  background: url(../images/sprite-icon.png) -123px -529px no-repeat;
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 10px;
}
.header-nav-app .mygov_app_hint-text span {
  color: #1d3a7c;
  font-family: "poppinsbold", sans-serif;
}

.header-push-notification {
  border-left: 1px solid #4964a4;
  position: relative;
}
.header-push-notification > span {
  cursor: pointer;
  padding: 10px;
  background: url(../images/notification_icon.png) center center no-repeat;
  display: block;
  text-indent: -9999px;
  width: 48px;
  position: relative;
  height: 100%;
}
.header-push-notification .content {
  height: 100%;
}

.notification-container {
  position: absolute;
  top: 100%;
  right: 0px;
  width: 280px;
  background-color: #e5e8ee;
  padding: 5px;
  z-index: 9;
  display: none;
  overflow-y: auto;
  max-height: 300px;
}
.notification-container:after {
  content: "";
  border-bottom: 10px solid #e5e8ee;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  right: 15px;
  bottom: 100%;
}

.push_row {
  background-color: #fff;
  width: 100%;
  display: inline-block;
  margin-bottom: 2px;
  padding: 3px;
}

.push_image {
  width: 72px;
  float: left;
  margin-right: 8px;
}

.push_title {
  font-size: 11px;
  color: #03579f;
  line-height: 1.3;
  padding-top: 5px;
}

.region-header #block-views-my-details-block {
  padding: 0px;
  line-height: 1.2;
  height: 100%;
}

.header-push-notification .notify-title {
  height: 100%;
  padding: 0px !important;
}
.header-push-notification .notify-title a {
  cursor: pointer;
  padding: 15px 22px;
  background: url(../images/notification_icon.png) center center no-repeat;
  display: block;
  text-indent: -9999px;
  width: 50px;
  position: relative;
  height: 100%;
}
.header-push-notification .notify-title a:after {
  content: "";
  position: absolute;
  right: 33%;
  top: 30%;
  width: 5px;
  height: 5px;
  background: #ff000c;
  border-radius: 50%;
  display: block;
}
.header-push-notification .notify-title .notify-count {
  right: 5px;
  top: 9px;
  width: 20px;
  height: 20px;
  font-size: 9px;
  line-height: 20px;
  padding: 0px !important;
  text-align: center;
}
.header-push-notification .notify-title .ajax-progress {
  position: absolute;
  left: 45%;
  top: 22px;
  z-index: 999;
}

.notify-list {
  padding: 0px !important;
}
.notify-list li {
  padding: 5px 10px;
  font-size: 12px;
}
.notify-list li a {
  color: #2c498d;
}
.notify-list li.notify-more {
  text-align: center;
  color: #2c498d;
}

.top_wrapper.sticky {
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 11000;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#block-common-utils-user-settings-block .content {
  position: static;
}

body.navbar-tray-open, .navbar-tray-open {
  padding-top: 79px;
}

#navbar-tray.active, .navbar-tray.active {
  top: 39px;
}

body.navbar-tray-open.navbar-vertical {
  padding-top: 39px;
}

.header-covid-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 7px;
  padding-left: 7px;
  border-left: 1px solid #4964a4;
}
.header-covid-block a:hover {
  opacity: 0.9;
}

.footer-wrapper .bottom-wrapper {
  background: #102045;
  padding: 0px;
}

.footer-wrapper #block-menu-menu-secondary-menu {
  padding: 20px 30px 15px 3%;
  float: right;
  width: 55%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.footer-wrapper .bottom-right #block-block-25 {
  color: #717f9f;
  padding: 0 30px 0 110px;
  background: url(../images/mygov_qr.png) no-repeat 0 1px;
  margin: 15px 0 0 40px;
}

.footer-wrapper .bottom-right #block-block-25 p {
  font-size: 12px;
}

.footer-wrapper .bottom-right #block-common-utils-developed-by-block {
  border-right: 1px solid #2b4071;
  float: left;
  width: 45%;
  margin: 10px 0;
}

.footer-wrapper .bottom-right #block-block-25 .content {
  padding: 0 30px 0 0;
  margin: 0 0 0 10px;
}

.footer-wrapper .bottom-right #block-block-25 .content a {
  margin-bottom: 5px;
  display: inline-block;
}

.footer-wrapper .bottom-right #block-block-25 .content span {
  display: block;
  font-size: 10px;
}

.bottom-wrapper .footer-container {
  background: none !important;
  margin: 0 auto;
}

.footer-wrapper #block-menu-menu-secondary-menu ul.menu {
  display: inline-block;
  width: 100%;
}

.footer-wrapper #block-menu-menu-secondary-menu ul.menu li {
  color: #7f8080;
  font-size: 84%;
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0 0 5px;
  width: 32.5%;
}

.footer-wrapper #block-menu-menu-secondary-menu ul.menu li:last-child:after {
  content: "";
}

.footer-wrapper #block-menu-menu-secondary-menu ul.menu li a {
  color: #858b9b;
  padding: 0 5px;
}

.footer-wrapper #block-menu-menu-secondary-menu ul.menu li a:hover {
  color: #fff;
}

.footer-container .footer_logo {
  padding-bottom: 40px;
  padding-left: 60px;
  padding-top: 20px;
  text-align: left;
  width: 591px;
}

.footer-container .footer_logo li {
  float: left;
  margin-right: 50px;
}

.ad_images a {
  width: 140px;
  height: 40px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #28282a;
  margin: 0 0 15px 10px;
}

.ad_images a.di {
  background: url(../images/digital-india-logo.png) left top no-repeat;
  width: 115px;
  margin-left: 0px;
}

.ad_images a.npi {
  background: url(../images/india-gov-logo.png) left top no-repeat;
  width: 61px;
}

.ad_images a.data {
  background: url(../images/data-gov-logo.png) left top no-repeat;
}

.ad_images a.deity {
  background: url(../images/Deity-logo.png) left top no-repeat;
  width: 112px;
}

.ad_images a.pm {
  background: url(../images/pm-india-logo.png) left top no-repeat;
  width: 103px;
  border: none;
}

.ad_footer_block {
  text-align: center;
  position: relative;
  background: #192236;
  /* Old browsers */
  background: -moz-linear-gradient(top, #192236 0%, #111824 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192236), color-stop(100%, #111824));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #192236 0%, #111824 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #192236 0%, #111824 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #192236 0%, #111824 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #192236 0%, #111824 100%);
  /* W3C */
}

.ad_footer_block:after {
  position: absolute;
  height: 1px;
  right: 0px;
  top: 0px;
  width: 100%;
  content: "";
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#576990+0,9095a0+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#062f3c+0,2d4b64+50,062f3c+100&0.01+0,1+51,0.01+100 */
  background: -moz-linear-gradient(left, rgba(6, 47, 60, 0.01) 0%, rgba(45, 75, 100, 0.98) 50%, #2c4a63 51%, rgba(6, 47, 60, 0.01) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(6, 47, 60, 0.01)), color-stop(50%, rgba(45, 75, 100, 0.98)), color-stop(51%, #2c4a63), color-stop(100%, rgba(6, 47, 60, 0.01)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(6, 47, 60, 0.01) 0%, rgba(45, 75, 100, 0.98) 50%, #2c4a63 51%, rgba(6, 47, 60, 0.01) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(6, 47, 60, 0.01) 0%, rgba(45, 75, 100, 0.98) 50%, #2c4a63 51%, rgba(6, 47, 60, 0.01) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(6, 47, 60, 0.01) 0%, rgba(45, 75, 100, 0.98) 50%, #2c4a63 51%, rgba(6, 47, 60, 0.01) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(6, 47, 60, 0.01) 0%, rgba(45, 75, 100, 0.98) 50%, #2c4a63 51%, rgba(6, 47, 60, 0.01) 100%);
  /* W3C */
}

.ad_block_footer {
  padding: 11px 0;
}

.ad_block_footer a {
  display: inline-block;
  margin: 0 15px;
  text-indent: -99999px;
  margin-right: 14px;
  position: relative;
}

.ad_block_footer a:after {
  position: absolute;
  left: -15px;
  top: 0px;
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #606777;
  display: block;
}

.ad_block_footer br, .ad_images br {
  display: none;
}

.ad_block_footer a:first-child:after {
  display: none;
}

.ad_block_footer a.analytics {
  background: url(../images/my-gov-analytics.png) left top no-repeat;
  width: 82px;
  height: 25px;
}

.ad_block_footer a.sb {
  background: url(../images/swachh-bharat.png) left top no-repeat;
  width: 144px;
  height: 30px;
}

.ad_block_footer a.tm {
  background: url(../images/task-management.png) left top no-repeat;
  width: 126px;
  height: 25px;
}

.ad_block_footer a.eg {
  background: url(../images/e-greating.png) left top no-repeat;
  width: 73px;
  height: 27px;
}

.ad_block_footer a.news {
  background: url(../images/Newsletter-logo.png) left top no-repeat;
  width: 93px;
  height: 25px;
}

.ad_block_footer a.blog {
  background: url(../images/blog-logo.png) left top no-repeat;
  width: 76px;
  height: 25px;
}

.ad_block_footer a.inv {
  background: url(../images/innovation-logo.png) left top no-repeat;
  width: 93px;
  height: 25px;
}

.ad_block_footer a.transformingindia {
  background: url(../images/Transforming-india-logo.png) left top no-repeat;
  width: 129px;
  height: 25px;
}

.ad_block {
  -moz-binding: none !important;
}

.ad_footer_block p {
  color: #9ca1ae;
  top: -30px;
  text-align: center;
  position: relative;
}

.ad_images {
  text-align: center;
  padding: 14px 14px 0;
  background: #000;
}

.ad_img.server_info {
  position: relative;
  bottom: 10px;
  font-size: 10px;
  width: 115px;
  left: 0px;
  margin: 0 10px;
  width: 300px;
  display: block;
}

#node-86325 {
  display: none;
}

.footer-logo li:nth-child(4) {
  display: none;
}

/* Hide mygov logo from footer*/
.footer-logo li:nth-child(5) {
  border-left: 1px solid #28282a;
}

#block-mygov-gratification-user-badge {
  background: #1db5a7;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #1db5a7 1%, #259fbf 42%, #418dcc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #1db5a7 1%, #259fbf 42%, #418dcc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #1db5a7 1%, #259fbf 42%, #418dcc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db5a7', endColorstr='#418dcc',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  padding: 10px;
  margin-bottom: 7px;
}
#block-mygov-gratification-user-badge .badge-wrapper {
  width: 100%;
  display: inline-block;
  color: #fff;
}
#block-mygov-gratification-user-badge .user-badge {
  float: left;
  width: 70px;
  padding: 3px;
  margin-right: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
#block-mygov-gratification-user-badge .user-badge:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  height: 65px;
  position: absolute;
  left: 79px;
  width: 1px;
}
#block-mygov-gratification-user-badge .user-points {
  font-size: 1.643em;
  font-weight: 700;
}
#block-mygov-gratification-user-badge .user-badge-type {
  font-size: 0.929em;
  text-transform: uppercase;
}

.gratification-badge-icon {
  width: 35px;
  height: 35px;
  margin-top: -20px;
  float: right;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.gratification-badge-icon .user-points {
  display: none;
  padding: 4px 10px;
  min-width: 60px;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 15px;
  background: #fff;
  font-size: 12px;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.gratification-badge-icon .user-points:after {
  content: "";
  position: absolute;
  top: 94%;
  left: 50%;
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-left: -7px;
}
.gratification-badge-icon:hover .user-points {
  display: block;
}

.comment_info {
  overflow: hidden;
}

.comment_content .date_time {
  float: right;
}

.comment_content {
  float: none;
  width: auto;
}

.gratification-wrapper {
  border: 1px solid #d2d2d2;
  border-radius: 30px;
  padding: 4px 5px;
  min-width: 120px;
  display: inline-block;
}
.gratification-wrapper > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.gratification-wrapper .badge-thumb {
  width: 24px;
  height: 14px;
  background: url(../images/gratification_icon.png) 0 -182px no-repeat;
  float: left;
  margin: 0 7px;
  border-right: 1px solid #c5c5c5;
}
.gratification-wrapper .badge-star {
  width: 65px;
  float: left;
}
.gratification-wrapper .badge-star, .gratification-wrapper .badge-star span {
  background: url(../images/gratification_icon.png) 0 0px repeat-x;
  height: 14px;
  display: block;
}
.gratification-wrapper [class^="Enthusiast_Level_"] .badge-thumb {
  background-position: 0 -143px;
}
.gratification-wrapper [class^="Enthusiast_Level_"] .badge-star span {
  background-position: 0px -18px;
}
.gratification-wrapper [class^="Discoverer_Level_"] .badge-thumb {
  background-position: 0 -104px;
}
.gratification-wrapper [class^="Discoverer_Level_"] .badge-star span {
  background-position: 0px -53px;
}
.gratification-wrapper [class^="Influencer_Level_"] .badge-thumb {
  background-position: 0 -123px;
}
.gratification-wrapper [class^="Influencer_Level_"] .badge-star span {
  background-position: 0px -35px;
}
.gratification-wrapper [class^="Champion_Level_"] .badge-thumb {
  background-position: 0 -86px;
}
.gratification-wrapper [class^="Champion_Level_"] .badge-star span {
  background-position: 0px -68px;
}
.gratification-wrapper [class$="_Level_1"] .badge-star span {
  width: 25%;
}
.gratification-wrapper [class$="_Level_2"] .badge-star span {
  width: 50%;
}
.gratification-wrapper [class$="_Level_3"] .badge-star span {
  width: 75%;
}
.gratification-wrapper [class$="_Level_4"] .badge-star span {
  width: 100%;
}
.gratification-wrapper .Change_Maker .badge-star {
  width: 80px;
}
.gratification-wrapper .Change_Maker .badge-thumb {
  background-position: 0 -182px;
}
.gratification-wrapper .Change_Maker .badge-star span {
  background-position: 0px -163px;
}

.badge-wrap {
  color: #000000;
  display: none;
  height: 100%;
  z-index: 9999;
  left: 0px;
  top: 0px;
  position: fixed;
  width: 100%;
}
.badge-wrap:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  left: 0px;
  top: 0px;
}

.badge-popup {
  background: #fbfaf9 url(../images/popup_leftTop.jpg) 0 0 no-repeat;
  padding: 60px 20px;
  position: relative;
  margin: 150px auto;
  width: 90%;
  max-width: 630px;
  min-height: 380px;
  text-align: center;
  color: #545454;
  z-index: 5;
  line-height: 1.4;
}
.badge-popup:before {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: url(../images/popup-rightBottom.jpg) 0 0 no-repeat;
  width: 225px;
  height: 282px;
  display: block;
  z-index: -1;
}
.badge-popup .badge-icon {
  width: 81px;
  height: 81px;
  margin: 0 auto 15px;
}
.badge-popup .user-name {
  font-size: 1.2em;
  font-weight: 600;
}
.badge-popup .badge-welcome {
  color: #098893;
  font-family: 'Courgette', cursive;
  font-size: 1.6em;
  margin-bottom: 10px;
}
.badge-popup .badge-type {
  font-weight: 600;
  color: #000;
  display: inline-block;
}
.badge-popup .badge-popup-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  display: block;
  background: url(../images/sprite-icon.png) -2px -558px no-repeat;
  cursor: pointer;
}

.main-activities-status {
  position: relative;
  z-index: 11;
  padding: 20px 0;
  background: #0f7f8f;
  background: -moz-linear-gradient(top, #0f7f8f 0%, #185784 100%);
  background: -webkit-linear-gradient(top, #0f7f8f 0%, #185784 100%);
  background: linear-gradient(to bottom, #0f7f8f 0%, #185784 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7f8f', endColorstr='#185784',GradientType=0 );
}

.main-activities-status .block-menu {
  width: 100%;
  display: inline-block;
  font-size: 0.9em;
  text-align: center;
}

.content_menu_title {
  display: inline-block;
  width: 270px;
  padding-right: 10px;
  text-align: left;
  color: #fff;
}

.front .content_menu_title h2 {
  margin-bottom: 0px;
  text-transform: initial;
  color: #fff;
}

.main-activities-status .block-menu .content {
  display: inline-block;
}

#block-menu-menu-content-menu ul li {
  position: relative;
  height: auto;
  list-style: outside none none;
  opacity: 0.9;
  transition: all 0.2s ease-in-out 0s;
  width: 75px;
  height: 75px;
  margin-right: 10px;
  padding: 0;
  float: left;
  position: relative;
}
#block-menu-menu-content-menu ul li a {
  color: #fff;
  display: block;
  height: 100%;
  padding-bottom: 10px;
  padding-top: 50px;
  text-align: center;
  font-size: 100%;
  position: relative;
}
#block-menu-menu-content-menu ul li a:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  left: 0px;
  bottom: 30px;
  margin: auto;
  right: 0;
}
#block-menu-menu-content-menu ul li span:last-child {
  visibility: hidden;
  opacity: 0;
  display: block;
  position: absolute;
  bottom: 100%;
  left: -40px;
  width: 160px;
  background: #efefef;
  padding: 10px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#block-menu-menu-content-menu ul li span:last-child:after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #efefef;
  top: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 5px;
}
#block-menu-menu-content-menu ul li.groups a:after {
  background: url("../images/icon.svg#strip-groups-view") no-repeat;
  width: 35px;
  height: 35px;
}
#block-menu-menu-content-menu ul li.do a:after {
  background: url("../images/icon.svg#strip-do-view") no-repeat;
}
#block-menu-menu-content-menu ul li.discuss a:after {
  background: url("../images/icon.svg#strip-discuss-view") no-repeat;
}
#block-menu-menu-content-menu ul li.poll a:after {
  background: url("../images/icon.svg#strip-poll-view") no-repeat;
}
#block-menu-menu-content-menu ul li.blog a:after {
  background: url("../images/icon.svg#strip-blog-view") no-repeat;
}
#block-menu-menu-content-menu ul li.talk a:after {
  background: url("../images/icon.svg#strip-talk-view") no-repeat;
}
#block-menu-menu-content-menu ul li:hover span {
  visibility: visible;
  opacity: 1;
  bottom: 110%;
}
#block-menu-menu-content-menu ul li span.count_span {
  position: absolute;
  right: -5px;
  top: -7px;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: #fff;
  visibility: visible;
  opacity: 1;
  padding: 0px;
  z-index: 8;
}
#block-menu-menu-content-menu ul li span.count_span:after {
  display: none;
}
#block-menu-menu-content-menu ul li.groups a {
  background-position: center -190px;
  background-color: #71a330;
}
#block-menu-menu-content-menu ul li.groups span {
  color: #71a330;
}
#block-menu-menu-content-menu ul li.do a {
  background-position: center -293px;
  background-color: #dc6800;
}
#block-menu-menu-content-menu ul li.do span {
  color: #dc6800;
}
#block-menu-menu-content-menu ul li.discuss a {
  background-position: center -388px;
  background-color: #008bbb;
}
#block-menu-menu-content-menu ul li.discuss span {
  color: #008bbb;
}
#block-menu-menu-content-menu ul li.poll {
  overflow: visible;
}
#block-menu-menu-content-menu ul li.poll a {
  background-position: center -474px;
  background-color: #14b3b9;
}
#block-menu-menu-content-menu ul li.poll span {
  color: #14b3b9;
}
#block-menu-menu-content-menu ul li.blog a {
  background-position: center -93px;
  background-color: #fba714;
}
#block-menu-menu-content-menu ul li.blog span {
  color: #fba714;
}
#block-menu-menu-content-menu ul li.talk a {
  background-position: center 4px;
  background-color: #ca0c5c;
}
#block-menu-menu-content-menu ul li.talk span {
  color: #ca0c5c;
}

/* slider Style */
.slider-wrapper .flexslider {
  position: relative;
  overflow: hidden;
}

.view-homepage-slider p {
  margin: 0px;
}
.view-homepage-slider img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.view-homepage-slider li a {
  display: block;
}
.view-homepage-slider .flex-direction-nav a {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 10;
  background-image: url(../images/sprite-icon.png);
  background-repeat: no-repeat;
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background-color: #000;
  text-indent: -9999px;
}
.view-homepage-slider .flex-direction-nav a:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.view-homepage-slider a.flex-prev {
  background-position: -24px -309px;
  left: -60px;
}
.view-homepage-slider a.flex-next {
  background-position: -25px -310px;
  right: -60px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.view-homepage-slider .flex-control-nav {
  position: absolute;
  left: 0px;
  bottom: 44px;
  width: 100%;
  z-index: 10;
  text-align: center;
}
.view-homepage-slider .flex-control-nav li {
  display: inline-block;
  margin: 0 6px;
}
.view-homepage-slider .flex-control-nav li a {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #000;
  text-indent: -9999px;
  cursor: pointer;
  background-color: #fff;
}
.view-homepage-slider .flex-control-nav li a.flex-active,
.view-homepage-slider .flex-control-nav li a:hover {
  background-color: #2f509e;
}

.flexslider:hover .flex-direction-nav a.flex-prev {
  left: 0px;
}
.flexslider:hover .flex-direction-nav a.flex-next {
  right: 0px;
}

#block-views-whats-new-block {
  margin-bottom: 50px;
}

.front h2 {
  color: #a4a4a4;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.view-whats-new .view-content {
  width: 100%;
  display: inline-block;
}
.view-whats-new .view-content .views-row {
  width: 32%;
  float: left;
  margin-left: 2%;
}
.view-whats-new .view-content .views-row .views-field-field-thumbnail {
  margin-bottom: 10px;
  overflow: hidden;
}
.view-whats-new .view-content .views-row .views-field-field-thumbnail:hover img {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.view-whats-new .view-content .views-row .field-content img {
  width: 100%;
}
.view-whats-new .view-content .views-row .views-field-title-field a {
  color: #252934;
  font-weight: 700;
  font-size: 1.143em;
}
.view-whats-new .view-content .views-row .views-field-title-field a:hover {
  color: #2c498d;
  text-decoration: underline;
}
.view-whats-new .view-content .views-row:first-child {
  margin-left: 0px;
}

#block-views-trending-homepage-block .scroll-down-area,
.infocus-scroll.scroll-down-area,
#block-views-whats-new-block .scroll-down-area {
  height: auto;
}

.view-trending-homepage .view-content {
  width: 100%;
  display: inline-block;
  margin-bottom: 60px;
}
.view-trending-homepage .views-row {
  float: left;
  width: 32%;
  margin-left: 2%;
}
.view-trending-homepage .views-row .views-field-field-group-issue-image {
  margin-bottom: 10px;
  overflow: hidden;
}
.view-trending-homepage .views-row .views-field-field-group-issue-image:hover img {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.view-trending-homepage .views-row .field-content > div {
  display: inline-block;
}
.view-trending-homepage .views-row .field-content img {
  width: 100%;
}
.view-trending-homepage .views-row .views-field-title a {
  color: #252934;
  font-weight: 700;
  font-size: 1.143em;
}
.view-trending-homepage .views-row .views-field-title a:hover {
  text-decoration: underline;
  color: #1d3a7c;
}
.view-trending-homepage .views-row:first-child {
  margin: 0px;
}
.view-trending-homepage .views-field-type {
  padding-left: 30px;
  position: relative;
  margin-bottom: 6px;
}
.view-trending-homepage .type-label + div[class^="type-"] {
  padding-left: 6px;
}
.view-trending-homepage .type-label + div[class^="type-"]:after {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -3px;
}
.view-trending-homepage .type-blog {
  color: #fba714;
}
.view-trending-homepage .type-blog:after {
  background: url("../images/icon.svg#blog-sign-view") no-repeat;
}
.view-trending-homepage .type-discuss {
  color: #008bbb;
}
.view-trending-homepage .type-discuss:after {
  background: url("../images/icon.svg#discuss-sign-view") no-repeat;
}
.view-trending-homepage .type-do {
  color: #dc6800;
}
.view-trending-homepage .type-do:after {
  background: url("../images/icon.svg#do-sign-view") no-repeat;
}
.view-trending-homepage .type-group {
  color: #71a330;
}
.view-trending-homepage .type-group:after {
  background: url("../images/icon.svg#group-sign-view") no-repeat;
}
.view-trending-homepage .type-poll {
  color: #14b3b9;
}
.view-trending-homepage .type-poll:after {
  background: url("../images/icon.svg#poll-sign-view") no-repeat;
}
.view-trending-homepage .type-talk {
  color: #ca0c5c;
}
.view-trending-homepage .type-talk:after {
  background: url("../images/icon.svg#talk-sign-view") no-repeat;
}

.container-wrapper .view-featured-task {
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
}
.container-wrapper .view-featured-task .view-content {
  margin-left: -2%;
}
.container-wrapper .view-featured-task .view-content .views-row {
  width: 31.33%;
  float: left;
  margin-left: 2%;
  margin-bottom: 15px;
}
.container-wrapper .view-featured-task .view-content .views-row .do_title {
  height: 72px;
}
.container-wrapper .view-featured-task .view-content .views-row .field-type-image {
  margin-bottom: 7px;
  overflow: hidden;
}
.container-wrapper .view-featured-task .view-content .views-row .field-type-image img {
  width: 100%;
}
.container-wrapper .view-featured-task .view-content .views-row .field-type-image:hover img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.container-wrapper .view-featured-task .type-wrapper {
  position: relative;
}
.container-wrapper .view-featured-task .type-label {
  display: inline-block;
  padding-left: 30px;
}
.container-wrapper .view-featured-task .content_type {
  margin-bottom: 7px;
  display: inline-block;
  padding-left: 5px;
}
.container-wrapper .view-featured-task .content_type:after {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -3px;
}
.container-wrapper .view-featured-task .content_type.blog {
  color: #fba714;
}
.container-wrapper .view-featured-task .content_type.blog:after {
  background: url("../images/icon.svg#blog-sign-view") no-repeat;
}
.container-wrapper .view-featured-task .content_type.discuss {
  color: #008bbb;
}
.container-wrapper .view-featured-task .content_type.discuss:after {
  background: url("../images/icon.svg#discuss-sign-view") no-repeat;
}
.container-wrapper .view-featured-task .content_type.task {
  color: #dc6800;
}
.container-wrapper .view-featured-task .content_type.task:after {
  background: url("../images/icon.svg#do-sign-view") no-repeat;
}
.container-wrapper .view-featured-task .content_type.group {
  color: #71a330;
}
.container-wrapper .view-featured-task .content_type.group:after {
  background: url("../images/icon.svg#group-sign-view") no-repeat;
}
.container-wrapper .view-featured-task .content_type.poll {
  color: #14b3b9;
}
.container-wrapper .view-featured-task .content_type.poll:after {
  background: url("../images/icon.svg#poll-sign-view") no-repeat;
}
.container-wrapper .view-featured-task .content_type.talk {
  color: #ca0c5c;
}
.container-wrapper .view-featured-task .content_type.talk:after {
  background: url("../images/icon.svg#talk-sign-view") no-repeat;
}
.container-wrapper .view-featured-task .discuss_title,
.container-wrapper .view-featured-task .do_title,
.container-wrapper .view-featured-task .blog_title,
.container-wrapper .view-featured-task .poll_title,
.container-wrapper .view-featured-task .group_title,
.container-wrapper .view-featured-task .talk_title {
  padding-bottom: 5px;
  padding-top: 3px;
  max-height: 72px;
  overflow: hidden;
}
.container-wrapper .view-featured-task .discuss_title a,
.container-wrapper .view-featured-task .do_title a,
.container-wrapper .view-featured-task .blog_title a,
.container-wrapper .view-featured-task .poll_title a,
.container-wrapper .view-featured-task .group_title a,
.container-wrapper .view-featured-task .talk_title a {
  color: #252934;
  font-weight: 700;
  font-size: 1.143em;
}
.container-wrapper .view-featured-task .discuss_title a:hover,
.container-wrapper .view-featured-task .do_title a:hover,
.container-wrapper .view-featured-task .blog_title a:hover,
.container-wrapper .view-featured-task .poll_title a:hover,
.container-wrapper .view-featured-task .group_title a:hover,
.container-wrapper .view-featured-task .talk_title a:hover {
  text-decoration: underline;
  color: #1d3a7c;
}

.statistics-box {
  text-align: center;
}
.statistics-box > div {
  display: inline-block;
  border-left: 1px solid #73d4cc;
  padding: 0 10px;
}
.statistics-box > div > div {
  display: inline-block;
}
.statistics-box > div > div a {
  color: #fff;
}
.statistics-box > div:hover a {
  color: #1d3a7c;
}
.statistics-box > div:first-child {
  border: none;
}

.container_stats_box {
  padding: 10px 0;
  background: #5999af;
  background: -moz-linear-gradient(left, #5999af 0%, #4b90c3 6%, #448dcb 10%, #3392cc 19%, #289dc3 25%, #1daab5 31%, #1db9a0 41%, #1db999 48%, #27b499 52%, #39a999 57%, #52999c 62%, #996c9c 76%, #ba5a9c 83%, #c3579c 86%, #cd5794 91%, #dc5876 100%);
  background: -webkit-linear-gradient(left, #5999af 0%, #4b90c3 6%, #448dcb 10%, #3392cc 19%, #289dc3 25%, #1daab5 31%, #1db9a0 41%, #1db999 48%, #27b499 52%, #39a999 57%, #52999c 62%, #996c9c 76%, #ba5a9c 83%, #c3579c 86%, #cd5794 91%, #dc5876 100%);
  background: linear-gradient(to right, #5999af 0%, #4b90c3 6%, #448dcb 10%, #3392cc 19%, #289dc3 25%, #1daab5 31%, #1db9a0 41%, #1db999 48%, #27b499 52%, #39a999 57%, #52999c 62%, #996c9c 76%, #ba5a9c 83%, #c3579c 86%, #cd5794 91%, #dc5876 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999af', endColorstr='#dc5876',GradientType=1 );
}

.statistics-desc-slider {
  display: block;
  width: 1210px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
}
.statistics-desc-slider .stats_desc {
  float: left;
  width: 24.25%;
  margin-left: 1%;
  padding: 10px 15px 10px 0px;
  min-height: 55px;
  position: relative;
}
.statistics-desc-slider .stats_desc:before {
  border-left: 1px solid #cecece;
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: 13px;
  height: 46px;
}
.statistics-desc-slider .stats_desc > span {
  display: block;
}
.statistics-desc-slider .stats_desc .detail_block {
  visibility: hidden;
  opacity: 0;
  text-align: center;
  color: #737373;
  position: absolute;
  left: 0px;
  bottom: 100%;
  z-index: 101;
  width: 220px;
  background-color: #efefef;
  padding: 8px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.statistics-desc-slider .stats_desc .detail_block:after {
  content: "";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #e4e0e0;
  top: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 9px;
}
.statistics-desc-slider .stats_desc .detail_block a,
.statistics-desc-slider .stats_desc .detail_block small {
  color: #2bbac0;
  font-weight: 700;
  font-size: 1em;
}
.statistics-desc-slider .stats_desc .detail_block a:hover {
  text-decoration: underline;
}
.statistics-desc-slider .stats_desc:hover .detail_block {
  visibility: visible;
  opacity: 1;
  bottom: 110%;
}
.statistics-desc-slider .stats_desc .icon_field {
  float: left;
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  background: #1089b8;
  margin-right: 10px;
}
.statistics-desc-slider .stats_desc .icon_field svg {
  width: 24px;
  margin: auto;
  display: block;
}
.statistics-desc-slider .stats_desc.stats_user .detail_block a,
.statistics-desc-slider .stats_desc.stats_user .detail_block small {
  color: #2c498d !important;
}
.statistics-desc-slider .stats_desc.stats_user .icon_field {
  background-color: #2c498d;
}
.statistics-desc-slider .stats_desc.stats_user .icon_field svg {
  width: auto;
  margin-top: 5px;
}
.statistics-desc-slider .stats_desc.stats_task .detail_block a,
.statistics-desc-slider .stats_desc.stats_task .detail_block small {
  color: #e07819 !important;
}
.statistics-desc-slider .stats_desc.stats_task .icon_field {
  background-color: #e07819;
}
.statistics-desc-slider .stats_desc.stats_discuss .detail_block a,
.statistics-desc-slider .stats_desc.stats_discuss .detail_block small {
  color: #1089b8 !important;
}
.statistics-desc-slider .stats_desc.stats_discuss .icon_field svg {
  margin-top: 5px;
}
.statistics-desc-slider .stats_desc.stats_poll_survey .icon_field svg {
  width: 22px;
}
.statistics-desc-slider .stats_desc.stats_poll_survey .detail_block a {
  color: #2bbac0 !important;
}
.statistics-desc-slider .stats_desc.stats_poll_survey .icon_field {
  background-color: #2bbac0;
}
.statistics-desc-slider #s2 {
  padding: 40px 0 20px;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #dfdfdf;
}
.statistics-desc-slider .stats_user {
  margin-left: 0px;
}
.statistics-desc-slider .stats_user:before {
  display: none;
}
.statistics-desc-slider .stats_user:after {
  background-position: -75px -308px;
}
.statistics-desc-slider .stats_task:after {
  background-position: -142px -296px;
}
.statistics-desc-slider .stats_poll_survey:after {
  background-position: -144px -530px;
}
.statistics-desc-slider .stats_discuss:after {
  background-position: -2px -361px;
}
.statistics-desc-slider .stats_user span a {
  color: #2c498d;
}
.statistics-desc-slider .stats_task span a {
  color: #dc6800;
}
.statistics-desc-slider .stats_discuss span a {
  color: #008bbb;
}
.statistics-desc-slider .stats_poll_survey span a,
.statistics-desc-slider .stats_poll_survey .comments_count_theme {
  color: #14b3b9;
}
.statistics-desc-slider .user_count {
  color: #2c498d;
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
}
.statistics-desc-slider .submission_count {
  color: #dc6800;
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
}
.statistics-desc-slider .comments_count_theme {
  color: #1997c2;
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
}

.sidebar .block-views-my-details-block-1 {
  margin-bottom: 10px;
}
.sidebar .view-my-details {
  width: 100%;
  display: inline-block;
}
.sidebar .views-row {
  width: 100%;
  display: inline-block;
}
.sidebar .view-featured-task .field-type-image {
  width: 100px;
}

.scroll-down-area {
  text-align: right;
  height: 80px;
}

.scroll-down-area a {
  float: right;
}

.scroll-down-area.feature_block {
  clear: both;
  padding: 10px 0;
  height: 50px;
}

a.scroll-up {
  background: url(../images/sprite-icon.png) -151px -370px no-repeat;
  /*border: 1px solid #e6e6e6;*/
  border-radius: 0 2px 2px 0;
  font-size: 0;
  height: 34px;
  width: 34px;
  overflow: hidden;
}

a.scroll-up:hover {
  background-color: #e1e1e1;
}

a.scroll-down {
  background: url(../images/sprite-icon.png) -96px -369px no-repeat;
  /* border: 1px solid #e6e6e6;*/
  font-size: 0;
  height: 34px;
  overflow: hidden;
  text-indent: -200px;
  width: 35px;
  border-radius: 2px 0 0 2px;
}

a.scroll-down:hover {
  background-color: #e1e1e1;
}

.main-stats-wrapper .scroll-down-area {
  position: relative;
  top: 40px;
  z-index: 9;
  height: auto;
}

#block-new-home-page-performance-dashboard {
  position: relative;
}
#block-new-home-page-performance-dashboard .scroll-down-area {
  position: absolute;
  top: 10px;
  z-index: 9;
  height: auto;
}

#backtotop {
  background: url(../images/up-arrow.png) no-repeat scroll center center rgba(218, 209, 209, 0.05);
  border-radius: 2px;
  box-shadow: 0px 0px 3px #dbdbdb;
  font-size: 0;
  height: 39px;
  opacity: 1;
  overflow: hidden;
  text-indent: -200px;
  width: 39px;
  z-index: 1000;
  right: 46px;
}

#backtotop:hover {
  background: url(../images/up-arrow-hover.png) no-repeat scroll center center rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.sticky-menu-main {
  display: none;
  position: fixed;
  top: 50%;
  margin-top: -150px;
  right: -45px;
  z-index: 9999;
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.sticky-menu-main #main-menu li {
  color: #fff;
  background: #3890cc;
  background: -moz-linear-gradient(-45deg, #3890cc 0%, #1db8a3 100%);
  background: -webkit-linear-gradient(-45deg, #3890cc 0%, #1db8a3 100%);
  background: linear-gradient(135deg, #3890cc 0%, #1db8a3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3890cc', endColorstr='#1db8a3',GradientType=1 );
  margin-bottom: 1px;
  font-size: 0.875em;
  padding-right: 10px;
}
.sticky-menu-main #main-menu li:hover {
  transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  margin-right: 0px;
}
.sticky-menu-main #main-menu li a {
  color: #fff;
  display: block;
  position: relative;
  height: 40px;
  padding: 10px 10px;
}
.sticky-menu-main #main-menu li a:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 100%;
  margin-right: 8px;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 18px;
  z-index: 3;
}
.sticky-menu-main #main-menu li a:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 100%;
  padding: 10px 15px;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 2;
  background: #1d3a7c;
}
.sticky-menu-main #main-menu li a:hover:before {
  background: #1d3a7c;
}
.sticky-menu-main #main-menu li a.menu-main-group:after {
  background: url("../images/icon.svg#strip-groups-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-group:before {
  background: #71a330;
}
.sticky-menu-main #main-menu li a.menu-main-do:after {
  background: url("../images/icon.svg#strip-do-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-do:before {
  background: #dc6800;
}
.sticky-menu-main #main-menu li a.menu-main-discuss:after {
  background: url("../images/icon.svg#strip-discuss-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-discuss:before {
  background: #008bbb;
}
.sticky-menu-main #main-menu li a.menu-main-poll-survey:after {
  background: url("../images/icon.svg#strip-poll-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-poll-survey:before {
  background: #14b3b9;
}
.sticky-menu-main #main-menu li a.menu-main-blog:after {
  background: url("../images/icon.svg#strip-blog-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-blog:before {
  background: #fba714;
}
.sticky-menu-main #main-menu li a.menu-main-talk:after {
  background: url("../images/icon.svg#strip-talk-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-talk:before {
  background: #ca0c5c;
}
.sticky-menu-main #main-menu li a.menu-main-campaigns:after {
  background: url("../images/icon.svg#campaign-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-campaigns:before {
  background: #460dd9;
}
.sticky-menu-main #main-menu li a.menu-main-podcast:after {
  background: url("../images/icon.svg#podcast-view") no-repeat;
}
.sticky-menu-main #main-menu li a.menu-main-podcast:before {
  background: #0d4ad4;
}
.sticky-menu-main #main-menu li.active {
  transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  margin-right: 0px;
}
.sticky-menu-main .sticky-login li {
  color: #fff;
  background: #3890cc;
  background: -moz-linear-gradient(-45deg, #3890cc 0%, #1db8a3 100%);
  background: -webkit-linear-gradient(-45deg, #3890cc 0%, #1db8a3 100%);
  background: linear-gradient(135deg, #3890cc 0%, #1db8a3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3890cc', endColorstr='#1db8a3',GradientType=1 );
  margin-bottom: 1px;
  font-size: 0.875em;
  padding-right: 10px;
}
.sticky-menu-main .sticky-login li:hover {
  transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  margin-right: 0px;
}
.sticky-menu-main .sticky-login li a {
  color: #fff;
  display: block;
  position: relative;
  height: 40px;
  padding: 10px 10px;
}
.sticky-menu-main .sticky-login li a:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 100%;
  margin-right: 12px;
  display: block;
  width: 15px;
  height: 15px;
  font-size: 18px;
  z-index: 3;
}
.sticky-menu-main .sticky-login li a:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 100%;
  padding: 10px 15px;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 2;
  background: #1d3a7c;
}
.sticky-menu-main .sticky-login li a:after {
  background: url("../images/icon.svg#strip-user-view") no-repeat;
}

.stricky_menu .sticky-menu-main {
  right: 0px;
}

.front .sticky-menu-main {
  display: block;
}

.view-mygov-archives .view-content {
  margin-left: -2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.view-mygov-archives .views-row {
  float: left;
  width: 31.33%;
  margin: 0 0 20px 2%;
  border: 1px solid #e3e3e3;
  padding: 2px;
  position: relative;
}
.view-mygov-archives .views-field-field-site-thumbnail-image {
  margin-bottom: 5px;
  overflow: hidden;
}
.view-mygov-archives .views-field-field-site-thumbnail-image img {
  width: 100%;
}
.view-mygov-archives .views-field-field-site-thumbnail-image:hover img {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.view-mygov-archives .views-field-body {
  /*height:120px; overflow: hidden;*/
  padding: 10px;
  margin-bottom: 20px;
  font-size: 0.9em;
}
.view-mygov-archives .views-field-nothing {
  float: none;
}
.view-mygov-archives .views-field-nothing span {
  display: block;
}
.view-mygov-archives .view-details {
  display: block;
  padding: 10px;
  text-align: center;
  background-color: #2c498d;
  color: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
.view-mygov-archives .view-details:hover {
  background-color: #1d3a7c;
}

#web_notification {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 120px;
  display: none;
  z-index: 999999;
  padding-left: 353px;
}

.notification_close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../images/cross.png") 0 0 no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 999;
  background-size: 100%;
  cursor: pointer;
}

#web_notification_message {
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: 360px;
  z-index: 9999;
}

.site_logo {
  background: #304c8e;
  float: left;
  padding: 5px;
  width: 80px;
  min-width: 80px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msg_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.msg_title {
  color: #000;
  padding: 5px 20px 5px 0;
  font-size: 0.857em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.msg_body {
  padding: 10px;
}

.message-wrap {
  background: #fff;
  box-shadow: 1px 1px 3px #b7b2b2;
  position: relative;
  margin-bottom: 14px;
}

.msg_close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
  background: #f1f1f1 url(../images/post_delete.png) center center no-repeat;
  padding: 4px;
  width: 9px;
  height: 9px;
  opacity: 0.7;
}

.msg_close:hover {
  opacity: 1;
  background-color: #ccc;
}

.message-wrap:last-child {
  margin-bottom: 0px;
}

#web-push-notification-form .form-item {
  margin-bottom: 10px;
}

#web-push-notification-form .form-item label {
  margin-bottom: 5px;
}

#web-push-notification-form .form-submit {
  margin-bottom: 20px;
}

#web-push-notification-admin-overview-form .form-item label {
  display: inline-block;
}

#web-push-notification-form .form-item .form-textarea {
  height: 120px;
}

.view-view-comments .view-filters {
  width: 100%;
  display: inline-block;
}

#block-views-ticker-block-block {
  background: red;
  padding: 7px 0;
  position: relative;
  z-index: 10;
  margin-top: -39px;
  overflow: hidden;
}
#block-views-ticker-block-block h2 {
  display: none;
}
#block-views-ticker-block-block .view-ticker-block {
  overflow: hidden;
  position: relative;
  display: block;
  width: 1210px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  max-width: 96%;
}
#block-views-ticker-block-block .view-ticker-block .views-row {
  display: inline-block;
  padding: 3px 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 1.146em;
}
#block-views-ticker-block-block .view-ticker-block .views-row a {
  color: #fff;
}
#block-views-ticker-block-block .view-ticker-block .views-row:first-child {
  border: none;
}

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

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

#block-new-home-page-performance-dashboard h2 {
  margin-bottom: 0px;
}
#block-new-home-page-performance-dashboard .block-title {
  text-align: left;
}

.performance-block {
  margin-bottom: 40px;
}

.block-title {
  text-align: center;
  padding-bottom: 40px;
  width: 100%;
}

.block-title h2 {
  position: relative;
  margin-bottom: 0px;
  padding-top: 5px;
  text-transform: uppercase;
  display: none;
}

.block-title span {
  line-height: 1.2;
}

.other-schemes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.disclaimer-perform {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 15px;
}

.scheme-block {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4px;
  margin-bottom: 8px;
}

.scheme-view {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 10px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
}

.scheme-block img {
  display: block;
  margin: 0 auto 5px;
}

.scheme-block .Count {
  font-family: "digital-7regular";
  font-size: 1.6em;
}

.scheme-block p {
  margin-bottom: 6px;
}

.scheme-icon {
  width: 90px;
  height: 90px;
  border: 3px solid rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  margin: 0 auto 10px;
  padding: 15px;
  background: #fff;
}

.scheme-view {
  background: #5b912a;
  background: -moz-linear-gradient(top, #5b912a 0%, #466f20 100%);
  background: -webkit-linear-gradient(top, #5b912a 0%, #466f20 100%);
  background: linear-gradient(to bottom, #5b912a 0%, #466f20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b912a', endColorstr='#466f20',GradientType=0 );
}

.scheme-block:nth-child(8n + 2) .scheme-view {
  background: #862a91;
  background: -moz-linear-gradient(top, #862a91 0%, #67206f 100%);
  background: -webkit-linear-gradient(top, #862a91 0%, #67206f 100%);
  background: linear-gradient(to bottom, #862a91 0%, #67206f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#862a91', endColorstr='#67206f',GradientType=0 );
}

.scheme-block:nth-child(8n + 3) .scheme-view {
  background: #c67e30;
  background: -moz-linear-gradient(top, #c67e30 0%, #986125 100%);
  background: -webkit-linear-gradient(top, #c67e30 0%, #986125 100%);
  background: linear-gradient(to bottom, #c67e30 0%, #986125 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67e30', endColorstr='#986125',GradientType=0 );
}

.scheme-block:nth-child(8n + 4) .scheme-view {
  background: #912a2a;
  background: -moz-linear-gradient(top, #912a2a 0%, #712121 100%);
  background: -webkit-linear-gradient(top, #912a2a 0%, #712121 100%);
  background: linear-gradient(to bottom, #912a2a 0%, #712121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#912a2a', endColorstr='#712121',GradientType=0 );
}

.scheme-block:nth-child(8n + 5) .scheme-view {
  background: #0d5684;
  background: -moz-linear-gradient(top, #0d5684 0%, #0a4265 100%);
  background: -webkit-linear-gradient(top, #0d5684 0%, #0a4265 100%);
  background: linear-gradient(to bottom, #0d5684 0%, #0a4265 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d5684', endColorstr='#0a4265',GradientType=0 );
}

.scheme-block:nth-child(8n + 6) .scheme-view {
  background: #7c7129;
  background: -moz-linear-gradient(top, #7c7129 0%, #5f5720 100%);
  background: -webkit-linear-gradient(top, #7c7129 0%, #5f5720 100%);
  background: linear-gradient(to bottom, #7c7129 0%, #5f5720 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7129', endColorstr='#5f5720',GradientType=0 );
}

.scheme-block:nth-child(8n + 7) .scheme-view {
  background: #1b973e;
  background: -moz-linear-gradient(top, #1b973e 0%, #157530 100%);
  background: -webkit-linear-gradient(top, #1b973e 0%, #157530 100%);
  background: linear-gradient(to bottom, #1b973e 0%, #157530 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b973e', endColorstr='#157530',GradientType=0 );
}

.scheme-block:nth-child(8n + 8) .scheme-view {
  background: #ea2c2b;
  background: -moz-linear-gradient(top, #ea2c2b 0%, #b52221 100%);
  background: -webkit-linear-gradient(top, #ea2c2b 0%, #b52221 100%);
  background: linear-gradient(to bottom, #ea2c2b 0%, #b52221 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2c2b', endColorstr='#b52221',GradientType=0 );
}

.scm-text {
  padding-bottom: 8px;
  font-size: 1.4em;
}

.scm-text span {
  font-size: 11px;
}

.scheme-view .title-text {
  color: #fff;
  padding-bottom: 8px;
  max-width: 100%;
}

.scheme-view p span {
  color: #fef500;
}

.scheme-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  padding: 10px;
  background: #2485d4;
  color: #fff;
  opacity: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.scheme-block:nth-child(4n + 1) .scheme-overlay {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.scheme-block:nth-child(4n + 2) .scheme-overlay {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.scheme-block:nth-child(4n + 3) .scheme-overlay {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.scheme-block:hover .scheme-overlay {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.scheme-overlay .date {
  margin-top: 10px;
  font-size: 11px;
}

.more-btn {
  text-align: center;
  width: 100%;
}

.more-btn a {
  font-size: 14px;
  color: #000;
  background: #e6e6e6;
  border: 1px solid #cacaca;
  border-radius: 16px;
  padding: 7px 18px;
  display: inline-block;
}

.more-btn a:hover {
  background: #cacaca;
}

.ajax-comment-wrapper {
  width: 100%;
  display: inline-block;
}

.view-id-ticker_block .view-content {
  position: absolute;
  white-space: nowrap;
  /*width:100%;*/
}

.view-id-ticker_block {
  display: block;
  height: 26px;
}

.view-id-ticker_block .view-content:hover {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}

.node.details.task .field-name-field-audio-url {
  display: none;
}

#comments .field-type-file .form-type-managed-file .description {
  display: none;
}

.postfix_name {
  font-size: 0.8em;
}

.slide-3 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fb807e+0,fc9593+100 */
  background: #fb807e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fb807e 0%, #fc9593 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fb807e 0%, #fc9593 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fb807e 0%, #fc9593 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb807e', endColorstr='#fc9593',GradientType=0 );
  /* IE6-9 */
}
.slide-3 h3 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#da4c4b+0,e35452+100 */
  background: #da4c4b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #da4c4b 0%, #e35452 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #da4c4b 0%, #e35452 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #da4c4b 0%, #e35452 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4c4b', endColorstr='#e35452',GradientType=0 );
  /* IE6-9 */
}

.slide-4 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6ce68+0,fcad7e+100 */
  background: #f6ce68;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6ce68 0%, #fcad7e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6ce68 0%, #fcad7e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6ce68 0%, #fcad7e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ce68', endColorstr='#fcad7e',GradientType=0 );
  /* IE6-9 */
}
.slide-4 h3 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#deab2e+0,dd7347+100 */
  background: #deab2e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #deab2e 0%, #dd7347 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #deab2e 0%, #dd7347 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #deab2e 0%, #dd7347 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deab2e', endColorstr='#dd7347',GradientType=0 );
  /* IE6-9 */
}

.slide-2 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9be89c+0,c5f682+100 */
  background: #9be89c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9be89c 0%, #c5f682 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9be89c 0%, #c5f682 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9be89c 0%, #c5f682 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9be89c', endColorstr='#c5f682',GradientType=0 );
  /* IE6-9 */
}
.slide-2 h3 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5ab859+0,97c643+100 */
  background: #5ab859;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5ab859 0%, #97c643 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #5ab859 0%, #97c643 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5ab859 0%, #97c643 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab859', endColorstr='#97c643',GradientType=0 );
  /* IE6-9 */
}

.slide-1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a5c8fd+0,b9e0fc+100 */
  background: #a5c8fd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a5c8fd 0%, #b9e0fc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a5c8fd 0%, #b9e0fc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a5c8fd 0%, #b9e0fc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c8fd', endColorstr='#b9e0fc',GradientType=0 );
  /* IE6-9 */
}
.slide-1 h3 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5995ee+0,59bbf3+100 */
  background: #5995ee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5995ee 0%, #59bbf3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #5995ee 0%, #59bbf3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5995ee 0%, #59bbf3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5995ee', endColorstr='#59bbf3',GradientType=0 );
  /* IE6-9 */
}

@keyframes cubeRotation {
  0% {
    transform: rotateY(0deg);
  }
  8.33%, 25% {
    transform: rotateY(90deg);
  }
  33.33%, 50% {
    transform: rotateY(180deg);
  }
  58.33%, 75% {
    transform: rotateY(270deg);
  }
  83.33%, 100% {
    transform: rotateY(360deg);
  }
}
.cube_wrap {
  position: fixed;
  left: 10px;
  bottom: 10px;
  perspective-origin: 50% 100px;
  margin: 0;
  z-index: 12;
  font-family: 'Roboto', sans-serif;
  padding-top: 20px;
}

.cube {
  position: relative;
  width: 120px;
  height: 120px;
  transform-style: preserve-3d;
  -webkit-animation: cubeRotation 20s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cubeRotation 20s infinite;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cube .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 4px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

.cube h3 {
  text-align: center;
  color: #fff;
  padding: 5px 0px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: auto;
  font-size: 0.91em;
  width: 100%;
}

.cube_wrap:hover .cube {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.slide-3 {
  transform: translateZ(-60px) rotateY(180deg);
}

.slide-4 {
  transform: rotateY(-270deg) translateX(60px);
  transform-origin: top right;
}

.slide-2 {
  transform: rotateY(270deg) translateX(-60px);
  transform-origin: center left;
}

.slide-1 {
  transform: translateZ(60px);
}

.close_cube {
  background: url(../images/covid/icons.png) 0px -204px no-repeat;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: none;
  position: absolute;
  right: -10px;
  top: -8px;
  transform: scale(0.6);
  -moz-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  z-index: 999;
}

.cube_wrap:hover .close_cube {
  display: block;
}

.close_cube:hover {
  opacity: 0.8;
}

.cube_count {
  font-size: 0.91em;
  font-weight: 700;
  padding: 0 5px;
}

.cube_count span {
  display: block;
  font-size: 1.3em;
}

.slide-1 .cube_count {
  color: #002c57;
}

.slide-2 .cube_count {
  color: #005c25;
}

.slide-3 .cube_count {
  color: #5a0401;
}

.slide-4 .cube_count {
  color: #5a0401;
}

.cube_count:before {
  width: 32px;
  height: 32px;
  content: "";
  display: block;
  background: url(../images/covid/icons.png) -66px -60px no-repeat;
  margin: 0 auto 5px;
}

.slide-2 .cube_count:before {
  background-position: -66px -101px;
}

.slide-3 .cube_count:before {
  background-position: -66px -145px;
}

.slide-4 .cube_count:before {
  background-position: -66px -189px;
}

.cube .slide a:after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  z-index: 2;
}

@media all and (max-width: 767px) {
  .cube_count:before {
    display: none;
  }

  .close_cube {
    display: block;
    background: url(../front_assets/images/index-sprite.png) 0 -198px no-repeat;
    width: 18px;
    height: 18px;
    top: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .cube {
    width: 80px;
    height: 65px;
  }

  .slide-3 {
    transform: translateZ(-40px) rotateY(180deg);
  }

  .slide-4 {
    transform: rotateY(-270deg) translateX(40px);
  }

  .slide-2 {
    transform: rotateY(270deg) translateX(-40px);
  }

  .slide-1 {
    transform: translateZ(40px);
  }

  .cube h3 {
    font-size: 10px;
  }

  .cube_count {
    font-size: 11px;
  }
}
.mshare-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding-top: 15px;
}
.mshare-list i {
  width: 100%;
  height: 100%;
  display: block;
}
.mshare-list .fb-icon {
  background-color: #3b5998;
}
.mshare-list .fb-icon i {
  background: url("../images/icon.svg#facebook_white-view") no-repeat;
}
.mshare-list .fb-icon:hover {
  background-color: #3c62b3;
}
.mshare-list .twitter-icon {
  background-color: #55acee;
}
.mshare-list .twitter-icon i {
  background: url("../images/icon.svg#twitter_white-view") no-repeat;
}
.mshare-list .twitter-icon:hover {
  background-color: #38a2f2;
}
.mshare-list li {
  margin-right: 10px;
}
.mshare-list li a {
  width: 40px;
  height: 40px;
  padding: 9px;
  background-color: #000;
  display: inline-block;
  border-radius: 50%;
}
.mshare-list li a .ext {
  display: none;
}