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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

.icon-message:before {
  content: "\e910";
  color: #fff;
}

.icon-download-icon:before {
  content: "\e90f";
  color: #fff;
}

.icon-download-cloud-icon:before {
  content: "\e908";
  color: #fff;
}

.icon-share-icon:before {
  content: "\e909";
  color: #fff;
}

.icon-arrow-double:before {
  content: "\e90a";
  color: #fff;
}

.icon-arrow-select:before {
  content: "\e90b";
  color: #c33;
}

.icon-graph-icon:before {
  content: "\e90c";
  color: #fff;
}

.icon-notes-icon:before {
  content: "\e90d";
  color: #fff;
}

.icon-search:before {
  content: "\e90e";
  color: #c33;
}

.icon-about:before {
  content: "\e900";
  color: #fff;
}

.icon-contact:before {
  content: "\e901";
  color: #fff;
}

.icon-dashboard:before {
  content: "\e902";
  color: #fff;
}

.icon-home:before {
  content: "\e903";
  color: #fff;
}

.icon-library:before {
  content: "\e904";
  color: #fff;
}

.icon-metadata:before {
  content: "\e905";
  color: #fff;
}

.icon-sdg:before {
  content: "\e906";
  color: #fff;
}

.icon-team:before {
  content: "\e907";
  color: #fff;
}

*:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

section {
  padding: 0;
}

a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: 0 !important;
}

button:focus {
  outline: 0 !important;
}

html {
  min-height: 100%;
  position: relative;
}

body {
  font-family: 'Archivo', sans-serif;
  font-size: 16px;
  color: #292a40;
  background: #fff;
  overflow-x: hidden;
}

h1, .headingPrimary {
  font-size: 35px;
  font-weight: 700;
  border-bottom: 6px solid #cc3333;
  padding: 45px 0px;
  margin-bottom: 50px;
}

h1.thin, .headingPrimary.thin {
  border-bottom: 1px solid #000;
}

h2 {
  font-size: 24px;
  font-weight: 700;
  padding: 30px 0px;
  position: relative;
  margin-bottom: 50px;
}

h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10%;
  background: #cc3333;
  height: 6px;
}

.headingPrimary {
  padding: 49px 0px;
  line-height: 33px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  font-size: 18px;
  cursor: pointer;
  font-weight: normal;
  padding: 15px 0;
  padding-right: 27px;
  width: 100%;
}

.uiSelect {
  position: relative;
}

.uiSelect:after {
  content: "\e90b";
  font-family: 'icomoon' !important;
  color: #cc3333;
  font-size: 35px;
  position: absolute;
  right: 11px;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

form input[type="text"] {
  width: 100% !important;
  padding: 14px 0 !important;
  border: none !important;
  border-bottom: 1px solid #979595 !important;
  background: transparent !important;
  font-size: 18px !important;
}

form .form-select {
  padding: 14px 0 !important;
  font-size: 18px !important;
  background-color: transparent !important;
  background-position: right 2px center !important;
  background-size: 16px 20px !important;
  border: none !important;
  border-bottom: 1px solid #979595 !important;
  border-radius: 0 !important;
}

form input[type="submit"] {
  font-size: 18px;
  font-weight: 600;
  border-radius: 80px;
  padding: 11px 40px;
  background-color: #cc3333;
  border: 1px solid #dc3545;
  color: #fff !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

form input[type="submit"]:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

form .form-item label {
  display: none;
}

.btn {
  font-size: 18px;
  font-weight: 600;
  border-radius: 80px;
  padding: 11px 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.btn-danger {
  background-color: #cc3333;
}

.text-danger {
  color: #cc3333;
}

.fs-1 {
  font-size: 36px !important;
}

.fs-2 {
  font-size: 32px !important;
}

.fs-3 {
  font-size: 13px !important;
}

.m-0 {
  margin: 0px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.noBorder {
  border: none !important;
}

.grayBg {
  background: #f7f7f7;
  padding-bottom: 70px;
}

.middleSection {
  min-height: calc(100vh - 155px);
  padding: 10px 50px 50px 50px;
}

.middleSection .columnGap div[class^="col-"]:first-child {
  padding-right: 50px;
}

.middleSection .columnGap div[class^="col-"]:last-child {
  padding-left: 50px;
}

.middleSection .columnGap div[class^="col-"]:first-child article,
.middleSection .columnGap div[class^="col-"]:last-child article {
  min-height: 418px;
}

.middleSection .columnGap p + p {
  margin-top: 40px;
}

.middleSection .btnBx {
  width: 100%;
  display: inline-block;
}

.middleSection ul.docList {
  margin: 0;
  padding: 0 0 10px;
}

.middleSection ul.docList li {
  list-style: none;
  color: #336633;
  width: 100%;
  display: inline-block;
}

.middleSection ul.docList li a {
  color: #336633;
  text-decoration: underline !important;
}

.middleSection ul.docList li .text-muted {
  font-size: 14px;
}

.middleSection ul.docList li + li {
  margin-top: 5px;
}

.middleSection ul.docList .badge {
  font-size: 16px;
}

.innerSlider {
  width: 100%;
  display: inline-block;
  height: 553px;
  position: relative;
  z-index: 1;
}

.innerSlider img {
  width: 100%;
  height: 553px;
}

.innerSlider .loading-bar {
  max-width: 100% !important;
  height: 10px !important;
  top: 100%;
  margin-top: 35px;
}

.innerSlider .loading-bar .progress-bar-active {
  -webkit-animation: progress-animation-active 2s ease-in-out;
          animation: progress-animation-active 2s ease-in-out;
}

.innerSlider h1, .innerSlider .innerHeading {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 120px;
  font-weight: 700;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-bottom: none;
  z-index: 9;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.innerSlider:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}

.customForm .customSearchBtn {
  position: relative;
}

.customForm .customSearchBtn input[type="text"] {
  width: 100%;
  padding: 14px 0;
  border: none;
  border-bottom: 1px solid #979595;
  background: transparent;
  font-size: 18px;
  padding-right: 32px;
}

.customForm .customSearchBtn a {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.customForm .customSearchBtn i {
  font-size: 32px;
  color: #cc3333;
}

.customForm .customSearchBtn .loader {
  top: 14px;
  border: 3px solid #336633;
  border-radius: 50%;
  border-top: 3px solid #b5cab5;
  border-left: 3px solid #b5cab5;
  border-right: 3px solid #b5cab5;
  width: 25px;
  height: 25px;
}

.customForm .searchBx {
  position: relative;
  margin-bottom: 3px;
}

.customForm .searchBx:after {
  font-family: 'icomoon' !important;
  content: "\e90e";
  font-size: 32px;
  color: #cc3333;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.customForm .searchBx input[type="text"] {
  width: 100%;
  padding: 14px 0;
  border: none;
  border-bottom: 1px solid #979595;
  background: transparent;
  font-size: 18px;
}

.customForm .customRadio {
  margin-top: 13px;
}

.customForm .customRadio .radio {
  margin: 5px;
}

.customForm .customRadio .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.customForm .customRadio .radio input[type="radio"] + .radioLabel:before {
  content: '';
  background: #fff;
  border-radius: 100%;
  border: 3px solid #cc3333;
  display: inline-block;
  width: 28px;
  height: 28px;
  position: relative;
  top: -1px;
  margin-right: 2px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  margin-right: 20px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.customForm .customRadio .radio label {
  font-size: 18px;
}

.customForm .customRadio .radio input[type="radio"]:checked + .radioLabel:before {
  background-color: #cc3333;
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
}

.customForm .customRadio .radio input[type="radio"]:focus + .radioLabel:before {
  outline: none;
  border-color: #cc3333;
}

.customForm .customRadio .radio input[type="radio"]:disabled + .radioLabel:before {
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #cc3333;
  background: #cc3333;
}

.customForm .customRadio .radio input[type="radio"] + .radioLabel:empty:before {
  margin-right: 0;
}

.customForm input[type="text"]:focus {
  border-bottom: 1px solid #336633 !important;
}

.panelBx {
  width: 100%;
  display: inline-block;
  background: #fff;
  padding: 35px 25px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 4px rgba(34, 36, 38, 0.15);
          box-shadow: 4px 4px 4px rgba(34, 36, 38, 0.15);
  position: relative;
  /*Metadata Custom Scroll*/
  /*Mozila*/
}

.panelBx.noBg {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 30px;
  z-index: 9;
}

.panelBx .optionCircle {
  width: 64px;
  height: 64px;
  line-height: 64px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  background: #054035;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 24px;
  font-weight: 600;
}

.panelBx h4 {
  font-size: 24px;
  font-weight: 500;
  border-bottom: none;
  color: #336633;
  padding: 0;
  margin-bottom: 25px;
}

.panelBx + .panelBx {
  margin-top: 35px;
}

.panelBx ul.listing {
  margin: 0;
  padding: 0;
}

.panelBx ul.listing li {
  list-style: none;
  width: calc(100%/2 - 10px);
  display: inline-block;
  margin: 5px 0;
}

.panelBx ul.listing li .title {
  font-weight: 600;
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.panelBx ul.listing li span {
  width: 38%;
  display: inline-block;
  vertical-align: middle;
}

.panelBx ul.listing li:nth-child(2) .title {
  text-align: center;
}

.panelBx .bntBx a + a {
  margin-left: 10px;
}

.panelBx .scrollDiv {
  max-height: 600px;
  min-height: 400px;
  padding-right: 20px;
  overflow: auto;
}

.panelBx .scrollDiv::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #b5cab5;
  box-shadow: inset 0 0 6px #b5cab5;
  background-color: transparent;
  border-radius: 0;
}

.panelBx .scrollDiv::-webkit-scrollbar {
  width: 5px;
  background-color: #b5cab5;
}

.panelBx .scrollDiv::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #336633;
}

.panelBx .scrollDiv {
  scrollbar-width: thin;
  scrollbar-color: #336633 #b5cab5;
}

.panelBx article + article {
  margin-top: 40px;
}

.panelBx .downloadBx {
  padding-left: 8px;
  padding-top: 5px;
}

.panelBx .downloadBx a {
  color: #cc3333;
  font-size: 13px;
}

.panelBx .downloadBx a i {
  font-size: 15px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.panelBx .downloadBx a i:before {
  color: #cc3333;
}

/*Pagination Css*/
.pager ul.pager__items {
  width: 100%;
  display: inline-block;
  margin: 40px 0 0px 0;
  padding: 0;
  text-align: center;
}

.pager ul.pager__items li {
  list-style: none;
  display: inline-block;
}

.pager ul.pager__items li a {
  padding: 5px 15px;
  display: inline-block;
  border: 1px solid #c0bfbf;
  color: #292a40;
  background: #e3e2e2;
  border-radius: 4px;
}

.pager ul.pager__items li.is-active a, .pager ul.pager__items li:hover a {
  background: #292a40;
  color: #fff;
  border: 1px solid #212233;
}

.pager ul.pager__items + li {
  margin-left: 1px;
}

.pageNotFound {
  width: 100%;
  display: inline-block;
  min-height: calc(100vh - 155px);
  padding: 50px;
}

.pageNotFound h3 {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  padding: 0px 0px 20px 0px;
}

/*Loader Css*/
.loader {
  border: 4px solid #336633;
  border-radius: 50%;
  border-top: 4px solid #b5cab5;
  border-left: 4px solid #b5cab5;
  border-right: 4px solid #b5cab5;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* @group Blink */
.blink {
  -webkit-animation: blink .75s linear infinite;
  animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.loading-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4px;
  width: 100%;
  max-width: 320px;
  overflow: hidden;
  position: relative;
  top: -2px;
}

@-webkit-keyframes progress-animation-active {
  0% {
    width: 0%;
  }
  20% {
    width: 10%;
  }
  40% {
    width: 30%;
  }
  60% {
    width: 60%;
  }
  80% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

@keyframes progress-animation-active {
  0% {
    width: 0%;
  }
  20% {
    width: 10%;
  }
  40% {
    width: 30%;
  }
  60% {
    width: 60%;
  }
  80% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes progress-animation {
  0% {
    width: 0%;
  }
  20% {
    width: 10%;
  }
  40% {
    width: 30%;
  }
}

@keyframes progress-animation {
  0% {
    width: 0%;
  }
  20% {
    width: 10%;
  }
  40% {
    width: 30%;
  }
}

.loading-bar .progress-bar-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  background: #cc3333;
  -webkit-animation: progress-animation-active 2s ease-in-out;
          animation: progress-animation-active 2s ease-in-out;
}

.loading-bar .progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 30%;
  background: #cc3333;
  -webkit-animation: progress-animation 1s ease-in-out;
          animation: progress-animation 1s ease-in-out;
}

/*Drupal Toolbar*/
.toolbar .toolbar-tray-vertical.is-active, body.toolbar-fixed .toolbar .toolbar-tray-vertical {
  min-width: 280px;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  margin: 0 !important;
  padding: 0 !important;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed .mainSlider .carousel-indicators {
  z-index: 99 !important;
}

.landingPage {
  width: 100%;
  height: 100vh;
  background: url(../img/bg-img.png) no-repeat center center;
  background-size: cover;
  position: relative;
  overflow-y: hidden;
  z-index: 1;
  overflow-x: hidden;
}

.landingPage:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.1);
}

.landingPage > img {
  width: 100%;
  height: 100vh;
}

.landingPage .middleArea {
  width: 50%;
  display: block;
  text-align: center;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
}

.landingPage .middleArea h1 {
  font-size: 140px;
  font-weight: 700;
  background: transparent;
  padding: inherit;
  border: none;
  margin-bottom: 5px;
}

.landingPage .middleArea h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 5px;
  padding: inherit;
  border: none;
}

.landingPage .middleArea h2:after {
  content: none;
}

.landingPage .middleArea h2.numberText {
  font-size: 32px;
}

.landingPage .middleArea h2.numberText .number {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) !important;
          transform: translate(-50%, 0%) !important;
  margin-left: -14px;
}

.landingPage .middleArea h2.numberText .number img {
  height: 36px;
}

.landingPage .middleArea p {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 5px;
}

.landingPage .middleArea .exploreBx {
  text-align: center;
  margin-top: 40px;
}

.landingPage .middleArea .exploreBx a {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}

.landingPage .middleArea .exploreBx a img {
  margin-right: 10px;
  margin-top: -5px;
  width: 44px;
}

.landingPage .middleArea .exploreBx a p {
  font-size: 48px;
  font-weight: 700;
  display: inline-block;
}

.landingPage .logoBx {
  text-align: center;
  margin-top: 40px;
}

.landingPage .logoBx ul {
  margin: 0;
  padding: 0;
}

.landingPage .logoBx ul li {
  list-style: none;
  display: inline-block;
}

.landingPage .logoBx ul li:first-child img {
  width: auto;
  height: 110px;
}

.landingPage .logoBx ul li:last-child img {
  width: auto;
  height: 80px;
}

.landingPage .logoBx ul li + li {
  margin-left: 30px;
}

/*Fixed Left Navbar*/
.navbar {
  padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none !important;
  border: none;
}

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}

i,
span {
  display: inline-block;
}

/* ---------------------------------------------------
  SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#sidebar {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 280px;
  max-width: 280px;
  background: #336633;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100vh;
}

#sidebar.active {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}

#sidebar.active ul.components {
  overflow: inherit;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
  display: none;
}

#sidebar.active .sidebar-header strong {
  display: block;
}

#sidebar ul li a {
  text-align: left;
}

#sidebar.active ul li a {
  padding: 20px 10px;
  text-align: center;
  font-size: 0.85em;
}

#sidebar.active ul li a i {
  margin-right: 0;
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
}

#sidebar.active ul ul a {
  padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
  top: auto;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

#sidebar .sidebar-header {
  padding: 20px 20px;
  background: #fff;
  text-align: center;
}

#sidebar .sidebar-header img {
  height: 50px;
}

#sidebar .sidebar-header strong {
  display: none;
  font-size: 1.8em;
}

#sidebar ul.components {
  padding: 10px 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 420px;
  max-height: 420px;
  overflow-y: auto;
}

#sidebar ul li a {
  padding: 10px 0;
  font-size: 15px;
  display: block;
  width: 100%;
  color: #fff;
  font-weight: 600;
  border-bottom: 1px solid #85a385;
  position: relative;
}

#sidebar ul li.active a:after {
  width: 100%;
}

#sidebar ul li + li {
  margin-top: 4px;
}

#sidebar ul li a i,
#sidebar ul li a svg {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
  color: #fff;
}

a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#sidebar .accord-panel {
  font-size: 16px;
  font-weight: 600;
  padding: 0 20px 5px 20px;
  margin-top: 15px;
}

#sidebar .accord-panel a {
  color: #fff;
}

#sidebar .accord-panel .accord-head {
  margin-bottom: 5px;
  cursor: pointer;
}

#sidebar .accord-panel .accord-head a {
  font-size: 15px;
}

#sidebar .accord-panel .accord-head a i, #sidebar .accord-panel .accord-head a svg {
  font-size: 20px;
  margin-right: 10px;
}

#sidebar .accord-panel .accord-head:after {
  content: "\f067";
  font-family: 'fontAwesome';
  float: right;
  font-weight: normal;
  margin-top: 4px;
}

#sidebar .accord-panel .accord-head.open:after {
  content: "\f068";
}

#sidebar .accord-panel .accord-body {
  display: none;
  font-size: 14px;
}

#sidebar .accord-panel .accord-body.open {
  display: block;
}

#sidebar .accord-panel .accord-body p {
  color: #d6e0d6;
  font-weight: normal;
  margin-bottom: 2px;
}

#sidebar .accord-panel .accord-body p a {
  color: #d6e0d6;
  font-weight: normal;
}

#sidebar .sidebar-footer {
  padding: 20px;
  padding-top: 5px;
}

#sidebar .sidebar-footer .panel-body {
  border-top: 1px solid #85a385;
  padding-top: 15px;
}

#sidebar .sidebar-footer img {
  display: inline-block;
  width: auto;
  height: 45px;
  vertical-align: middle;
}

#sidebar .sidebar-footer span {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  margin-left: 8px;
}

.sidebarCollapseButton {
  position: fixed;
  width: 30px;
  height: 30px;
  background: #cc3333;
  border: 1px solid transparent;
  left: 0;
  z-index: 999;
}

.sidebarCollapseButton:after {
  content: "\f104";
  font-family: "fontAwesome";
  color: #fff;
  font-size: 30px;
  position: relative;
  top: -10px;
  left: -1px;
}

#sidebar.active .sidebarCollapseButton:after {
  content: "\f105";
}

#sidebar.active .sidebar-header,
#sidebar.active .sidebar-footer,
#sidebar.active .accord-panel {
  display: none;
}

#sidebar.active ul li a span {
  display: none;
}

/* ---------------------------------------------------
  CONTENT STYLE
----------------------------------------------------- */
#content {
  width: 100%;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-left: 280px;
}

#content.active {
  padding-left: 80px;
}

/* ---------------------------------------------------
  MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 268px) {
  #content {
    padding-left: 0;
  }
  #sidebar {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    margin-left: -80px !important;
  }
  .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  #sidebar.active {
    margin-left: 0 !important;
  }
  #sidebar ul li a {
    padding: 20px 10px;
  }
  #sidebar ul li a span {
    font-size: 0.85em;
  }
  #sidebar ul li a i {
    margin-right: 0;
    display: block;
  }
  #sidebar ul ul a {
    padding: 10px !important;
  }
  #sidebar ul li a i {
    font-size: 1.3em;
  }
  #sidebar {
    margin-left: 0;
  }
  #sidebarCollapse span {
    display: none;
  }
}

/*sidebar position if loggedIn*/
.sidebarloggedIn {
  top: 39px !important;
}

/*Scroll CSS*/
#sidebar ul.components::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #b5cab5;
  box-shadow: inset 0 0 6px #b5cab5;
  background-color: transparent;
  border-radius: 0;
}

#sidebar ul.components::-webkit-scrollbar {
  width: 5px;
  background-color: #b5cab5;
}

#sidebar ul.components::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #264b29;
}

/*Mozila*/
#sidebar ul.components {
  scrollbar-width: thin;
  scrollbar-color: #264b29 #b5cab5;
}

.mainSlider {
  position: relative;
}

.mainSlider:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.mainSlider .carousel-item img {
  width: 100%;
  height: 650px;
}

.mainSlider .carousel-item .carousel-caption {
  z-index: 9;
  top: 20%;
}

.mainSlider .carousel-item .carousel-caption h1, .mainSlider .carousel-item .carousel-caption h5 {
  font-size: 48px;
}

.mainSlider .carousel-indicators {
  bottom: 165px;
  margin-right: 10%;
  margin-left: 10%;
  z-index: 999;
}

.mainSlider .carousel-indicators li {
  width: calc(100%/3);
  height: 7px;
  margin-right: 50px;
  opacity: inherit !important;
  background-clip: inherit !important;
  border-top: none !important;
  border-bottom: none !important;
  position: relative;
  text-indent: inherit !important;
}

.mainSlider .carousel-indicators li.active {
  background: #cc3333;
}

.mainSlider .carousel-indicators li.active:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #cc3333 transparent;
  width: auto;
  top: -20px;
}

.mainSlider .carousel-indicators li:after {
  content: attr(data-line);
  position: absolute;
  left: 0;
  top: 15px;
  z-index: 9;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 100%;
}

.mainSlider .scrollBottom {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 99;
}

.db-container {
  margin-top: 40px;
  margin-bottom: 20px;
}

.db-container div[class^="col-"]:first-child {
  padding-right: 20px;
}

.db-container div[class^="col-"]:first-child .columnDb:after {
  background: rgba(204, 51, 51, 0.8);
}

.db-container div[class^="col-"]:last-child {
  padding-left: 20px;
}

.db-container div[class^="col-"]:last-child .columnDb:after {
  background: rgba(214, 141, 54, 0.8);
}

.columnDb {
  height: 395px;
  position: relative;
  overflow: hidden;
}

.columnDb img {
  width: 100%;
  height: 395px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.columnDb:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.columnDb:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.columnDb .contentBx {
  position: absolute;
  z-index: 99;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 85%;
  display: block;
  text-align: center;
}

.columnDb .contentBx .circle {
  width: 148px;
  height: 148px;
  border-radius: 50%;
  border: 6px solid #fff;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.columnDb .contentBx .circle:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #336633;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  z-index: 2;
}

.columnDb .contentBx .circle i {
  font-size: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
  margin-left: 20px;
}

.columnDb .contentBx article {
  color: #fff;
  margin-top: 40px;
}

.columnDb .contentBx article h3 {
  margin: 15px 0px;
  padding: 0px;
  border-bottom: none;
  font-size: 28px;
  font-weight: 600;
}

.columnDb .contentBx article p {
  font-size: 18px;
  font-weight: 600;
}

.columnDb:hover .circle img {
  -webkit-transform: translate(-50%, -50%) rotateY(360deg);
          transform: translate(-50%, -50%) rotateY(360deg);
  z-index: 999;
}

.columnDb:hover .circle:before {
  top: 0;
}

.tabContainer .panelBx h5 {
  font-size: 18px !important;
  text-align: right;
  padding-top: 5px;
}

.tabContainer .nav-pills {
  margin: 40px 0px !important;
}

.tabContainer .nav-pills .nav-item a.nav-link {
  background: #ebebeb;
  border: 2px solid #aaaaaa;
  color: #888888;
  font-size: 18px;
  padding: 9px 20px;
  position: relative;
  z-index: 2;
}

.tabContainer .nav-pills .nav-item a.nav-link.active {
  background: #ffebeb;
  border: 2px solid #ffb5b5;
  color: #cc3333;
}

.tabContainer .nav-pills .nav-item a.nav-link.active:before {
  content: "\f00c";
  font-family: 'fontAwesome';
  font-size: 12px;
  color: #fff;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #cc3333;
  text-align: center;
  line-height: 24px;
  position: absolute;
  top: -10px;
  right: -10px;
}

.tabContainer .nav-pills .nav-item a.nav-link:after {
  content: "";
  width: 0;
  height: 100%;
  background: #ffebeb;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tabContainer .nav-pills .nav-item a.nav-link:hover {
  color: #cc3333 !important;
  border: 2px solid #ffb5b5;
}

.tabContainer .nav-pills .nav-item a.nav-link:hover:after {
  width: 100%;
}

.tabContainer .nav-pills .nav-item + .nav-item {
  margin-left: 20px;
}

.sdgContainer {
  margin-bottom: 50px;
}

.sdgContainer ul {
  margin: 0 -6px;
  padding: 0;
}

.sdgContainer ul li {
  list-style: none;
  display: inline-block;
  margin: 8px 6px;
  width: calc(100%/7 - 16px);
  position: relative;
}

.sdgContainer ul li:after {
  content: "\f00c";
  font-family: 'fontAwesome';
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  background: #ddd;
  color: #fff;
  border: 3px solid #fff;
  display: none;
}

.sdgContainer ul li:nth-child(1):after {
  background: #E5243B;
}

.sdgContainer ul li:nth-child(2):after {
  background: #DDA63A;
}

.sdgContainer ul li:nth-child(3):after {
  background: #4C9F38;
}

.sdgContainer ul li:nth-child(4):after {
  background: #C5192D;
}

.sdgContainer ul li:nth-child(5):after {
  background: #FF3A21;
}

.sdgContainer ul li:nth-child(6):after {
  background: #26BDE2;
}

.sdgContainer ul li:nth-child(7):after {
  background: #FCC30B;
}

.sdgContainer ul li:nth-child(8):after {
  background: #A21942;
}

.sdgContainer ul li:nth-child(9):after {
  background: #FD6925;
}

.sdgContainer ul li:nth-child(10):after {
  background: #DD1367;
}

.sdgContainer ul li:nth-child(11):after {
  background: #FD9D24;
}

.sdgContainer ul li:nth-child(12):after {
  background: #BF8B2E;
}

.sdgContainer ul li:nth-child(13):after {
  background: #3F7E44;
}

.sdgContainer ul li:nth-child(14):after {
  background: #0A97D9;
}

.sdgContainer ul li:nth-child(15):after {
  background: #56C02B;
}

.sdgContainer ul li:nth-child(16):after {
  background: #00689D;
}

.sdgContainer ul li:nth-child(17):after {
  background: #19486A;
}

.sdgContainer ul li img {
  width: 100%;
}

.sdgContainer ul li.active:after {
  display: block;
}

.iconSet {
  float: right;
  margin-top: 10px;
}

.iconSet ul {
  margin: 0;
  padding: 0;
}

.iconSet ul li {
  list-style: none;
  display: inline-block;
}

.iconSet ul li > a {
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 34px;
  border-radius: 50%;
  background: #cc3333;
  text-align: center;
}

.iconSet ul li i {
  color: #fff;
}

.iconSet ul li .fa-print {
  font-size: 18px;
}

.iconSet ul li + li {
  margin-left: 7px;
}

.rightAligned {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 35px;
}

.rightAligned .iconSet {
  position: absolute;
  right: 25px;
  top: 75px;
  z-index: 99;
}

.rightAligned .iconSet ul li {
  position: relative;
}

.rightAligned .iconSet ul li .mediaContainer {
  width: auto;
  min-width: 150px;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px;
  -webkit-box-shadow: 0 1px 2px rgba(34, 36, 38, 0.15);
          box-shadow: 0 1px 2px rgba(34, 36, 38, 0.15);
  border-radius: 4px;
  margin-top: 10px;
  position: relative;
}

.rightAligned .iconSet ul li .mediaContainer:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  border: none;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  background: #fff;
  margin: 0 -1.5px 0 0;
  margin-left: 2px;
}

.rightAligned .iconSet ul li .socialmedia {
  position: absolute;
  left: 50%;
  top: 32px;
  z-index: 99;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}

.rightAligned .iconSet ul li.share:hover .socialmedia {
  display: block;
}

.rightAligned .addtoany_list.a2a_kit_size_32 a > span {
  width: 28px;
  height: 28px;
}

.libraryPage .panelBx div[class^="col-"]:last-child img,
.path-user-administration .panelBx div[class^="col-"]:last-child img {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
}

.libraryPage .panelBx .listing li label,
.path-user-administration .panelBx .listing li label {
  font-weight: 600;
}

.libraryPage .views-exposed-form .js-form-type-textfield,
.path-user-administration .views-exposed-form .js-form-type-textfield {
  margin-bottom: 30px;
  position: relative;
}

.libraryPage .views-exposed-form .js-form-type-textfield input:focus,
.path-user-administration .views-exposed-form .js-form-type-textfield input:focus {
  border-bottom: 1px solid #336633 !important;
}

.libraryPage .views-exposed-form .js-form-type-textfield:after,
.path-user-administration .views-exposed-form .js-form-type-textfield:after {
  font-family: 'icomoon' !important;
  content: "\e90e";
  font-size: 32px;
  color: #a9a9a9;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

.libraryPage .views-exposed-form .js-form-type-select,
.path-user-administration .views-exposed-form .js-form-type-select {
  width: 30%;
  display: inline-block;
  padding-right: 20px;
}

.libraryPage .views-exposed-form .form-actions.js-form-wrapper,
.path-user-administration .views-exposed-form .form-actions.js-form-wrapper {
  width: 39%;
  display: inline-block;
  text-align: right;
  position: relative;
  top: -20px;
}

.libraryPage .views-exposed-form .form-actions.js-form-wrapper input:last-child,
.path-user-administration .views-exposed-form .form-actions.js-form-wrapper input:last-child {
  margin-left: 15px;
}

.libraryPage .views-exposed-form .nice-select.form-select,
.path-user-administration .views-exposed-form .nice-select.form-select {
  background-image: none;
  width: 100%;
  padding: 0 30px 0 0 !important;
  font-size: 16px !important;
}

.libraryPage .views-exposed-form .nice-select.form-select:focus,
.path-user-administration .views-exposed-form .nice-select.form-select:focus {
  border-bottom: solid 1px #336633 !important;
}

.libraryPage .views-exposed-form .nice-select .list,
.path-user-administration .views-exposed-form .nice-select .list {
  width: 100%;
}

.statisticalPage h1 {
  margin-bottom: 20px;
}

.statisticalPage .panelBx h4 a {
  color: #336633;
}

.statisticalPage .panelBx h5 {
  font-size: 18px;
  float: right;
}

.statisticalPage .views-exposed-form {
  margin-top: 30px;
}

.statisticalPage .views-exposed-form .js-form-type-textfield {
  width: 48.5%;
  display: inline-block;
  margin-right: 1%;
  margin-bottom: 0px;
  position: relative;
  top: -47px;
}

.statisticalPage .views-exposed-form .js-form-type-textfield input[type="text"] {
  padding-right: 40px !important;
}

.statisticalPage .views-exposed-form .js-form-type-textfield:after {
  font-family: 'icomoon' !important;
  content: "\e90e";
  font-size: 32px;
  color: #a9a9a9;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.statisticalPage .views-exposed-form .js-form-type-select {
  width: 48.5%;
  display: inline-block;
  margin-left: 1%;
  margin-bottom: 30px;
  position: relative;
  top: 5px;
}

.statisticalPage .views-exposed-form .form-actions.js-form-wrapper {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.statisticalPage .views-exposed-form .form-actions.js-form-wrapper input:last-child {
  margin-left: 15px;
}

.statisticalPage .views-exposed-form .nice-select.form-select {
  background-image: none;
  width: 100%;
  padding: 0 30px 0 0 !important;
  font-size: 16px !important;
}

.statisticalPage .views-exposed-form .nice-select.form-select:focus {
  border-bottom: solid 1px #336633 !important;
}

.statisticalPage .views-exposed-form .nice-select .list {
  width: 100%;
}

.statisticalPage .views-row .views-field span.field-content {
  display: block;
}

.path-user-administration .views-element-container {
  min-height: calc(100vh - 155px);
  padding: 10px 50px 50px 50px;
}

.path-user-administration .views-element-container .add_user {
  margin-top: 25px;
}

.path-user-administration .views-element-container .add_user a {
  font-size: 18px;
  font-weight: 600;
  border-radius: 80px;
  padding: 11px 40px;
  background-color: #cc3333;
  border: 1px solid #dc3545;
  color: #fff !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.path-user-administration .views-element-container .add_user a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.path-user-administration .views-exposed-form {
  margin-top: 20px;
  margin-bottom: 30px;
}

.user-login-form,
.user-pass {
  padding: 10px 50px 50px 50px;
  width: 50%;
  display: block;
  margin: 0 auto;
  padding-top: 100px;
  min-height: calc(100vh - 255px);
}

.user-login-form label,
.user-pass label {
  display: none;
}

.user-login-form input[type="text"],
.user-login-form input[type="password"],
.user-pass input[type="text"],
.user-pass input[type="password"] {
  font-size: 14px !important;
  border: 2px solid #e3e3e3 !important;
  min-height: 42px;
  padding: 10px 20px !important;
  border-radius: 20px;
  width: 100% !important;
  display: block;
}

.user-login-form input[type="text"]::-webkit-input-placeholder,
.user-login-form input[type="password"]::-webkit-input-placeholder,
.user-pass input[type="text"]::-webkit-input-placeholder,
.user-pass input[type="password"]::-webkit-input-placeholder {
  /* Edge */
  color: #cfcfcf;
}

.user-login-form input[type="text"]::-ms-input-placeholder,
.user-login-form input[type="password"]::-ms-input-placeholder,
.user-pass input[type="text"]::-ms-input-placeholder,
.user-pass input[type="password"]::-ms-input-placeholder {
  /* Internet Explorer */
  color: #cfcfcf;
}

.user-login-form input[type="text"]:-ms-input-placeholder,
.user-login-form input[type="password"]:-ms-input-placeholder,
.user-pass input[type="text"]:-ms-input-placeholder,
.user-pass input[type="password"]:-ms-input-placeholder {
  color: #cfcfcf;
}

.user-login-form input[type="text"]::placeholder,
.user-login-form input[type="password"]::placeholder,
.user-pass input[type="text"]::placeholder,
.user-pass input[type="password"]::placeholder {
  color: #cfcfcf;
}

.user-login-form .form-actions,
.user-pass .form-actions {
  margin-top: 25px;
  text-align: center;
}

.user-login-form .description,
.user-login-form p,
.user-pass .description,
.user-pass p {
  font-size: 13px;
  padding-left: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.user-login-form {
  margin-top: 0px;
  padding-top: 0;
}

.user-pass {
  min-height: calc(100vh - 155px);
}

.path-user p.text-center > strong {
  font-size: 24px;
  font-weight: 700;
  padding: 30px 0px 20px 0px;
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}

.path-user p.text-center > strong:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 15%;
  background: #cc3333;
  height: 6px;
}

.path-user .user-register-form {
  width: 50%;
  padding: 50px 0px 50px 50px;
}

.path-user .user-register-form .form-item label {
  display: block !important;
  font-weight: 600;
  margin-bottom: 7px;
}

.path-user .user-register-form form input[type="text"],
.path-user .user-register-form form input[type="email"],
.path-user .user-register-form form input[type="password"] {
  min-height: 45px;
  padding: 5px 10px !important;
  border: 2px solid #e3e3e3 !important;
  border-radius: 20px;
  width: 100%;
}

.path-user .user-register-form .js-form-item {
  margin-bottom: 25px;
}

.path-user .user-register-form .js-form-item input[type="text"], .path-user .user-register-form .js-form-item input[type="email"], .path-user .user-register-form .js-form-item input[type="password"] {
  min-height: 45px;
  padding: 5px 10px !important;
  border: 2px solid #e3e3e3 !important;
  border-radius: 20px;
  width: 100%;
}

.path-user .user-register-form .description {
  font-size: 12px;
  margin-top: 5px;
}

.path-user .user-register-form input[type="submit"] {
  margin-top: 25px;
}

.path-user .user-register-form #edit-field-address-0-value {
  min-height: 150px;
}

.path-user .user-register-form #edit-field-workspaces-wrapper {
  display: none !important;
}

.tablePrimary thead th {
  background: #336633;
  color: #fff;
}

.tablePrimary.table-striped > tbody > tr:nth-of-type(odd) {
  background: #f1faf1;
}

.tablePrimary.table-striped > tbody > tr:nth-of-type(even) {
  background: #fff;
}

.tablePrimary .custom_action a {
  font-size: 13px;
  background: #5bc0de;
  border: 1px solid #46b8da;
  color: #fff;
  padding: 5px 7px;
  border-radius: 3px;
}

.tablePrimary .custom_action a.custom_action_delete {
  background: #cc3333;
  border: 1px solid #c42635;
}

.tablePrimary .custom_action a + a {
  margin-left: 5px;
}

.tablePrimary.table-bordered > :not(caption) > * > * {
  border-color: #bfd5bf;
}

/*Jquery UI Autocomplete override*/
.ui-autocomplete {
  border: 1px solid #e9f0f4 !important;
  -webkit-box-shadow: 2px 3px 7px #eee;
          box-shadow: 2px 3px 7px #eee;
  border-radius: 4px;
  padding: 10px;
  max-height: 280px;
  overflow: auto;
}

.ui-autocomplete .ui-menu-item {
  font-size: 15px !important;
  padding: 5px 0px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover {
  border: none !important;
  background: #e4e9ec !important;
  font-weight: normal !important;
  color: #272e37 !important;
  padding: 6px 10px !important;
}

.teamBx {
  padding-bottom: 0px !important;
}

.teamBx .columnGap {
  margin-left: -50px !important;
  margin-right: -50px !important;
}

.teamBx .columnGap div[class^="col-"] {
  margin-bottom: 30px;
  padding: 5px 50px !important;
}

.teamBx h2:after {
  width: 20%;
}

.teamBx figure img {
  width: 100%;
  height: 500px;
  margin-bottom: 10px;
}

.teamBx figure figcaption {
  font-size: 18px;
  text-align: center;
  margin: 20px 0;
}

/*SDG Wheel Main page*/
.wheelBx {
  width: 550px;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.wheelBx .innerLogo {
  width: 171px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9;
}

.wheelBx .circleText .letters {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  color: #054035;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
}

.wheelBx .circleText .letters.strong {
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 8px;
  display: inline-block;
}

/*SDG Wheel Inner/Detail Page */
.sdgDetail .customRow div[class^="col-"]:first-child {
  width: 37%;
}

.sdgDetail .customRow div[class^="col-"]:last-child {
  width: 63%;
}

.sdgDetail .panelBox {
  background: #ddd;
  border-radius: 20px;
  padding: 25px;
  padding-top: 10px;
  color: #fff;
  overflow: hidden;
}

.sdgDetail .panelBox .panelHeader h2 {
  font-size: 20px;
  border-bottom: 4px solid #fff;
  padding: 20px 0px;
  margin-bottom: 0;
}

.sdgDetail .panelBox .panelHeader h2:after {
  display: none;
}

.sdgDetail .panelBox .panelBody .sdgLink {
  width: 100%;
  display: inline-block;
}

.sdgDetail .panelBox .panelBody .sdgLink a {
  color: #fff;
  font-weight: 600;
  margin-top: 12px;
}

.sdgDetail .panelBox .panelBody .sdgLink a.metaInd {
  font-size: 13px;
  width: 100%;
  display: inline-block;
  text-decoration: underline !important;
}

.sdgDetail .panelBox .panelBody .sdgLink a.downloadSdg {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none !important;
  width: 100%;
  display: inline-block;
  margin-top: 7px;
}

.sdgDetail .panelBox .panelBody .sdgLink a.downloadSdg i {
  position: relative;
  top: 2px;
  margin-left: 5px;
  font-size: 15px;
}

.sdgDetail .panelBox .panelBody h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 20px;
  border: none;
}

.sdgDetail .panelBox .panelBody h3:after {
  display: none;
}

.sdgDetail .panelBox .panelBody p {
  font-size: 15px;
}

.sdgDetail .panelBox .panelBody.imgSdg {
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.sdgDetail .helpText {
  font-size: 15px;
  font-weight: 600;
}

.sdgDetail .thumbBx {
  width: 100%;
  display: inline-block;
  border: 1px solid #ddd;
  text-align: center;
  padding: 20px;
  margin-bottom: 25px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sdgDetail .thumbBx img {
  max-width: 100%;
}

.sdgDetail .thumbBx .shareBx {
  position: absolute;
  z-index: 9;
  left: 20px;
  top: 15px;
}

.sdgDetail .thumbBx .shareBx i {
  color: #cc3333;
  font-size: 23px;
}

.sdgDetail .thumbBx:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.sdgDetail .customScroll {
  max-height: 280px;
  overflow-y: auto;
  margin-top: 20px;
  padding-right: 10px;
}

.bgSdg-1 {
  background: #E5243B !important;
}

.bgSdg-2 {
  background: #DDA63A !important;
}

.bgSdg-3 {
  background: #4C9F38 !important;
}

.bgSdg-4 {
  background: #C5192D !important;
}

.bgSdg-5 {
  background: #FF3A21 !important;
}

.bgSdg-6 {
  background: #26BDE2 !important;
}

.bgSdg-7 {
  background: #FCC30B !important;
}

.bgSdg-8 {
  background: #A21942 !important;
}

.bgSdg-9 {
  background: #FD6925 !important;
}

.bgSdg-10 {
  background: #DD1367 !important;
}

.bgSdg-11 {
  background: #FD9D24 !important;
}

.bgSdg-12 {
  background: #BF8B2E !important;
}

.bgSdg-13 {
  background: #3F7E44 !important;
}

.bgSdg-14 {
  background: #0A97D9 !important;
}

.bgSdg-15 {
  background: #56C02B !important;
}

.bgSdg-16 {
  background: #00689D !important;
}

.bgSdg-17 {
  background: #19486A !important;
}

.sdg-1 {
  background: url(../img/sdg/bg-sdg-1.png) !important;
  background-size: 75% !important;
}

.sdg-2 {
  background: url(../img/sdg/bg-sdg-2.png) !important;
  background-size: 50% !important;
}

.sdg-3 {
  background: url(../img/sdg/bg-sdg-3.png) !important;
  background-size: 65% !important;
}

.sdg-4 {
  background: url(../img/sdg/bg-sdg-4.png) !important;
  background-size: 50% !important;
}

.sdg-5 {
  background: url(../img/sdg/bg-sdg-5.png) !important;
  background-size: 30% !important;
}

.sdg-6 {
  background: url(../img/sdg/bg-sdg-6.png) !important;
  background-size: 30% !important;
}

.sdg-7 {
  background: url(../img/sdg/bg-sdg-7.png) !important;
  background-size: 40% !important;
}

.sdg-8 {
  background: url(../img/sdg/bg-sdg-8.png) !important;
  background-size: 40% !important;
}

.sdg-9 {
  background: url(../img/sdg/bg-sdg-9.png) !important;
  background-size: 40% !important;
}

.sdg-10 {
  background: url(../img/sdg/bg-sdg-10.png) !important;
  background-size: 40% !important;
}

.sdg-11 {
  background: url(../img/sdg/bg-sdg-11.png) !important;
  background-size: 45% !important;
}

.sdg-12 {
  background: url(../img/sdg/bg-sdg-12.png) !important;
  background-size: 65% !important;
}

.sdg-13 {
  background: url(../img/sdg/bg-sdg-13.png) !important;
  background-size: 65% !important;
}

.sdg-14 {
  background: url(../img/sdg/bg-sdg-14.png) !important;
  background-size: 40% !important;
}

.sdg-15 {
  background: url(../img/sdg/bg-sdg-15.png) !important;
  background-size: 40% !important;
}

.sdg-16 {
  background: url(../img/sdg/bg-sdg-16.png) !important;
  background-size: 45% !important;
}

.sdg-17 {
  background: url(../img/sdg/bg-sdg-17.png) !important;
  background-size: 40% !important;
}

/*SDG Custom Scroll*/
.customScroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.07);
  background-color: transparent;
  border-radius: 0;
}

.customScroll::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(0, 0, 0, 0.15);
}

.customScroll::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.28);
}

/*Mozila*/
.customScroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.28) rgba(0, 0, 0, 0.07);
}

/*********************************************************   ***************************************************************/
/* Wheel Part Css*/
/*********************************************************   ***************************************************************/
/*SVG Wheel*/
.svgPart img {
  max-width: 100%;
}

.svgPart .conatiner {
  width: 100%;
  margin: 10px auto 0;
  position: relative;
}

.svgPart .conatiner-fluid {
  width: 100%;
  margin: 0 auto;
}

#content.active .svgPart .conatiner {
  width: 85%;
}

svg {
  width: 100%;
  height: 450px;
  position: relative;
  z-index: 1;
}

path.slice {
  stroke-width: 15px;
  stroke: #fff;
}

path.sliceBlack {
  stroke-width: 1px;
  stroke: transparent;
  pointer-events: none;
}

polyline {
  opacity: 1;
  stroke: black;
  stroke-width: 1px;
  fill: none;
}

/*Slice Content Position*/
.sdg-Content {
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 2;
}

.sdg-Content .goalNum {
  font-size: 22px;
  font-family: 'Archivo', sans-serif;
  color: #fff;
  font-weight: 700;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sdg-Content .goalTxt {
  font-size: 10px;
  font-family: 'Archivo', sans-serif;
  font-weight: 400;
  color: #fff;
  line-height: 12px;
  display: none;
}

.sdg-Content.smallCirc .goalNum {
  font-size: 22px;
  font-family: 'Archivo', sans-serif;
  color: #fff;
}

.sdg-Content .ContGoal1 {
  position: absolute;
  top: 40px;
  left: 182px;
  text-align: center;
}

.sdg-Content .ContGoal1 .goalImg {
  width: 40px;
  position: absolute;
  top: 45px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 15px;
}

.sdg-Content .ContGoal1 .goalTxt {
  text-transform: uppercase;
  width: 50px;
  position: absolute;
  top: 54px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 0px;
}

.sdg-Content .ContGoal1 .goalNum {
  width: 35px;
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 10px;
}

.sdg-Content .ContGoal2 {
  position: absolute;
  top: 55px;
  left: 255px;
  text-align: center;
}

.sdg-Content .ContGoal2 .goalImg {
  width: 35px;
  position: absolute;
  top: 50px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -8px;
}

.sdg-Content .ContGoal2 .goalTxt {
  text-transform: uppercase;
  width: 50px;
  position: absolute;
  top: 57px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -14px;
}

.sdg-Content .ContGoal2 .goalNum {
  width: 50px;
  position: absolute;
  top: 16px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -7px;
}

.sdg-Content .ContGoal3 {
  position: absolute;
  top: 70px;
  left: 255px;
  text-align: center;
}

.sdg-Content .ContGoal3 .goalImg {
  width: 45px;
  position: absolute;
  top: 70px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 29px;
}

.sdg-Content .ContGoal3 .goalTxt {
  text-transform: uppercase;
  width: 70px;
  position: absolute;
  top: 61px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -39px;
}

.sdg-Content .ContGoal3 .goalNum {
  width: 50px;
  position: absolute;
  top: 36px;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  left: 39px;
}

.sdg-Content .ContGoal4 {
  position: absolute;
  top: 151px;
  left: 310px;
  text-align: center;
}

.sdg-Content .ContGoal4 .goalImg {
  width: 35px;
  position: absolute;
  top: 37px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -5px;
}

.sdg-Content .ContGoal4 .goalTxt {
  text-transform: uppercase;
  width: 70px;
  position: absolute;
  top: 34px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -37px;
}

.sdg-Content .ContGoal4 .goalNum {
  width: 50px;
  position: absolute;
  top: 13px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 18px;
}

.sdg-Content .ContGoal5 {
  position: absolute;
  top: 207px;
  left: 329px;
  text-align: center;
}

.sdg-Content .ContGoal5 .goalImg {
  width: 29px;
  position: absolute;
  top: 27px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -13px;
}

.sdg-Content .ContGoal5 .goalTxt {
  text-transform: uppercase;
  width: 70px;
  position: absolute;
  top: 30px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -43px;
}

.sdg-Content .ContGoal5 .goalNum {
  width: 50px;
  position: absolute;
  top: 20px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 12px;
}

.sdg-Content .ContGoal6 {
  position: absolute;
  top: 237px;
  left: 313px;
  text-align: center;
}

.sdg-Content .ContGoal6 .goalImg {
  width: 28px;
  position: absolute;
  top: 52px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -7px;
}

.sdg-Content .ContGoal6 .goalTxt {
  text-transform: uppercase;
  width: 90px;
  position: absolute;
  top: 25px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -27px;
}

.sdg-Content .ContGoal6 .goalNum {
  width: 50px;
  position: absolute;
  top: 55px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 12px;
}

.sdg-Content .ContGoal7 {
  position: absolute;
  top: 296px;
  left: 290px;
  text-align: center;
}

.sdg-Content .ContGoal7 .goalImg {
  width: 40px;
  position: absolute;
  top: 30px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -25px;
}

.sdg-Content .ContGoal7 .goalTxt {
  text-transform: uppercase;
  width: 90px;
  position: absolute;
  top: 24px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -27px;
}

.sdg-Content .ContGoal7 .goalNum {
  width: 50px;
  position: absolute;
  top: 50px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 0px;
}

.sdg-Content .ContGoal8 {
  position: absolute;
  top: 317px;
  left: 233px;
  text-align: center;
}

.sdg-Content .ContGoal8 .goalImg {
  width: 30px;
  position: absolute;
  top: 35px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  left: -11px;
}

.sdg-Content .ContGoal8 .goalTxt {
  text-transform: uppercase;
  width: 90px;
  position: absolute;
  top: 19px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -25px;
}

.sdg-Content .ContGoal8 .goalNum {
  width: 50px;
  position: absolute;
  top: 63px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 6px;
}

.sdg-Content .ContGoal9 {
  position: absolute;
  top: 351px;
  left: 167px;
  text-align: center;
}

.sdg-Content .ContGoal9 .goalImg {
  width: 35px;
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  left: 4px;
}

.sdg-Content .ContGoal9 .goalTxt {
  text-transform: uppercase;
  width: 90px;
  position: absolute;
  top: 6px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -12px;
}

.sdg-Content .ContGoal9 .goalNum {
  width: 50px;
  position: absolute;
  top: 45px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 12px;
}

.sdg-Content .ContGoal10 {
  position: absolute;
  top: 347px;
  left: 109px;
  text-align: center;
}

.sdg-Content .ContGoal10 .goalImg {
  width: 35px;
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 13px;
}

.sdg-Content .ContGoal10 .goalTxt {
  text-transform: uppercase;
  width: 90px;
  position: absolute;
  top: 11px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -4px;
}

.sdg-Content .ContGoal10 .goalNum {
  width: 50px;
  position: absolute;
  top: 40px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 5px;
}

.sdg-Content .ContGoal11 {
  position: absolute;
  top: 305px;
  left: 48px;
  text-align: center;
}

.sdg-Content .ContGoal11 .goalImg {
  width: 35px;
  position: absolute;
  top: 20px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 28px;
}

.sdg-Content .ContGoal11 .goalTxt {
  text-transform: uppercase;
  width: 110px;
  position: absolute;
  top: 23px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -7px;
}

.sdg-Content .ContGoal11 .goalNum {
  width: 50px;
  position: absolute;
  top: 53px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 10px;
}

.sdg-Content .ContGoal12 {
  position: absolute;
  top: 247px;
  left: -3px;
  text-align: center;
}

.sdg-Content .ContGoal12 .goalImg {
  width: 40px;
  position: absolute;
  top: 30px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 50px;
}

.sdg-Content .ContGoal12 .goalTxt {
  text-transform: uppercase;
  width: 110px;
  position: absolute;
  top: 16px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 5px;
}

.sdg-Content .ContGoal12 .goalNum {
  width: 50px;
  position: absolute;
  top: 63px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 21px;
}

.sdg-Content .ContGoal13 {
  position: absolute;
  top: 228px;
  left: 6px;
  text-align: center;
}

.sdg-Content .ContGoal13 .goalImg {
  width: 44px;
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 29px;
}

.sdg-Content .ContGoal13 .goalTxt {
  text-transform: uppercase;
  width: 80px;
  position: absolute;
  top: 27px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 23px;
}

.sdg-Content .ContGoal13 .goalNum {
  width: 50px;
  position: absolute;
  top: 24px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -9px;
}

.sdg-Content .ContGoal14 {
  position: absolute;
  top: 160px;
  left: 10px;
  text-align: center;
}

.sdg-Content .ContGoal14 .goalImg {
  width: 37px;
  position: absolute;
  top: 24px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 31px;
}

.sdg-Content .ContGoal14 .goalTxt {
  text-transform: uppercase;
  width: 80px;
  position: absolute;
  top: 45px;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
  left: 29px;
}

.sdg-Content .ContGoal14 .goalNum {
  width: 50px;
  position: absolute;
  top: 31px;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
  left: -13px;
}

.sdg-Content .ContGoal15 {
  position: absolute;
  top: 98px;
  left: 24px;
  text-align: center;
}

.sdg-Content .ContGoal15 .goalImg {
  width: 32px;
  position: absolute;
  top: 43px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 41px;
}

.sdg-Content .ContGoal15 .goalTxt {
  text-transform: uppercase;
  width: 50px;
  position: absolute;
  top: 72px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 34px;
}

.sdg-Content .ContGoal15 .goalNum {
  width: 50px;
  position: absolute;
  top: 32px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -1px;
}

.sdg-Content .ContGoal16 {
  position: absolute;
  top: 52px;
  left: 70px;
  text-align: center;
}

.sdg-Content .ContGoal16 .goalImg {
  width: 32px;
  position: absolute;
  top: 54px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 31px;
}

.sdg-Content .ContGoal16 .goalTxt {
  text-transform: uppercase;
  width: 50px;
  position: absolute;
  top: 74px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 20px;
}

.sdg-Content .ContGoal16 .goalNum {
  width: 50px;
  position: absolute;
  top: 28px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 0px;
}

.sdg-Content .ContGoal17 {
  position: absolute;
  top: 30px;
  left: 119px;
  text-align: center;
}

.sdg-Content .ContGoal17 .goalImg {
  width: 30px;
  position: absolute;
  top: 62px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 31px;
}

.sdg-Content .ContGoal17 .goalTxt {
  text-transform: uppercase;
  position: absolute;
  top: 76px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 4px;
}

.sdg-Content .ContGoal17 .goalNum {
  width: 50px;
  position: absolute;
  top: 26px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 9px;
}

/*Slice Content Position SMALL CIRCLE*/
.sdg-Content.smallCirc .goalNum,
.sdg-Content.smallCirc .goalImg {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sdg-Content.smallCirc .ContGoal1 .goalNum {
  top: 24px;
  left: 9px;
}

.sdg-Content.smallCirc .ContGoal1 .goalImg {
  width: 33px;
  top: 60px;
  left: 15px;
}

.sdg-Content.smallCirc .ContGoal2 .goalNum {
  top: 27px;
  left: -14px;
}

.sdg-Content.smallCirc .ContGoal2 .goalImg {
  width: 30px;
  top: 60px;
}

.sdg-Content.smallCirc .ContGoal3 .goalNum {
  top: 48px;
  left: 35px;
}

.sdg-Content.smallCirc .ContGoal3 .goalImg {
  width: 38px;
  top: 77px;
  left: 24px;
}

.sdg-Content.smallCirc .ContGoal4 .goalNum {
  top: 18px;
  left: 10px;
}

.sdg-Content.smallCirc .ContGoal4 .goalImg {
  width: 30px;
  top: 41px;
  left: -9px;
}

.sdg-Content.smallCirc .ContGoal5 .goalNum {
  top: 20px;
  left: 0px;
}

.sdg-Content.smallCirc .ContGoal5 .goalImg {
  width: 25px;
  top: 29px;
  left: -23px;
}

.sdg-Content.smallCirc .ContGoal6 .goalNum {
  top: 51px;
  left: 4px;
}

.sdg-Content.smallCirc .ContGoal6 .goalImg {
  width: 22px;
  top: 49px;
  left: -14px;
}

.sdg-Content.smallCirc .ContGoal7 .goalNum {
  top: 42px;
  left: -4px;
}

.sdg-Content.smallCirc .ContGoal7 .goalImg {
  width: 33px;
  top: 27px;
  left: -27px;
}

.sdg-Content.smallCirc .ContGoal8 .goalNum {
  top: 56px;
  left: 1px;
}

.sdg-Content.smallCirc .ContGoal8 .goalImg {
  width: 27px;
  top: 30px;
  left: -12px;
}

.sdg-Content.smallCirc .ContGoal9 .goalNum {
  top: 38px;
  left: 12px;
}

.sdg-Content.smallCirc .ContGoal9 .goalImg {
  width: 31px;
  top: 3px;
  left: 8px;
}

.sdg-Content.smallCirc .ContGoal10 .goalNum {
  top: 34px;
  left: 5px;
}

.sdg-Content.smallCirc .ContGoal10 .goalImg {
  width: 31px;
  top: 0px;
  left: 17px;
}

.sdg-Content.smallCirc .ContGoal11 .goalNum {
  top: 47px;
  left: 15px;
}

.sdg-Content.smallCirc .ContGoal11 .goalImg {
  width: 31px;
  top: 16px;
  left: 37px;
}

.sdg-Content.smallCirc .ContGoal12 .goalNum {
  top: 58px;
  left: 26px;
}

.sdg-Content.smallCirc .ContGoal12 .goalImg {
  width: 32px;
  top: 33px;
  left: 63px;
}

.sdg-Content.smallCirc .ContGoal13 .goalNum {
  top: 22px;
  left: -1px;
}

.sdg-Content.smallCirc .ContGoal13 .goalImg {
  width: 35px;
  top: 7px;
  left: 40px;
}

.sdg-Content.smallCirc .ContGoal14 .goalNum {
  top: 31px;
  left: -6px;
}

.sdg-Content.smallCirc .ContGoal14 .goalImg {
  width: 31px;
  top: 29px;
  left: 41px;
}

.sdg-Content.smallCirc .ContGoal15 .goalNum {
  top: 34px;
  left: 7px;
}

.sdg-Content.smallCirc .ContGoal15 .goalImg {
  width: 30px;
  top: 48px;
  left: 47px;
}

.sdg-Content.smallCirc .ContGoal16 .goalNum {
  top: 35px;
  left: 5px;
}

.sdg-Content.smallCirc .ContGoal16 .goalImg {
  width: 30px;
  top: 58px;
  left: 35px;
}

.sdg-Content.smallCirc .ContGoal17 .goalNum {
  top: 35px;
  left: 9px;
}

.sdg-Content.smallCirc .ContGoal17 .goalImg {
  width: 28px;
  top: 67px;
  left: 33px;
}

/*Scaling*/
.scaleTransfrom {
  -webkit-transform: scale(0.58, 0.58);
          transform: scale(0.58, 0.58);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.slices a.sliceActive .scaleTransfrom {
  -webkit-transform: scale(0.58, 0.58);
          transform: scale(0.58, 0.58);
}

.slices a.sliceSmall .scaleTransfrom {
  -webkit-transform: scale(0.55, 0.55);
          transform: scale(0.55, 0.55);
}

.slices2 .darkSlice {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.slices2 .darkSlice.dSliceTrans {
  -webkit-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
}

.slices2 .darkSlice.hideCont {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.sdg-Content > div {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sdg-Content > div.hideCont {
  visibility: hidden;
  opacity: 0;
}

.innerLogo {
  width: 171px;
  position: absolute;
  top: 315px;
  left: 463px;
  z-index: 0;
}

.innerLogo p {
  font-size: 13px;
  color: #054035;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
}

.innerLogo p span {
  display: block;
  margin-bottom: 5px;
}

.innerLogo p b {
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 5px;
  display: inline-block;
}

.circle {
  width: 100px;
  height: 100px;
}

.circle .cirPlc {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.circle .cirPlc.show {
  visibility: visible;
  opacity: 1;
  position: absolute;
  z-index: 0;
}

.circle .cirPlc.showPermanant {
  visibility: visible;
  opacity: 1;
  position: absolute;
  z-index: 9999;
}

/*SDG Wheel Outer Page*/
.wheelBx svg {
  height: 550px;
}

#content.active .wheelBx {
  width: 655px;
}

.wheelBx .scaleTransfrom {
  -webkit-transform: scale(0.75, 0.75);
          transform: scale(0.75, 0.75);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.wheelBx .slices a.sliceActive .scaleTransfrom {
  -webkit-transform: scale(0.75, 0.75);
          transform: scale(0.75, 0.75);
}

.wheelBx .slices a.sliceSmall .scaleTransfrom {
  -webkit-transform: scale(0.75, 0.75);
          transform: scale(0.75, 0.75);
}

.wheelBx .sdg-Content .ContGoal1 {
  left: 280px;
}

.wheelBx .sdg-Content .ContGoal2 {
  left: 371px;
}

.wheelBx .sdg-Content .ContGoal3 {
  top: 85px;
  left: 380px;
}

.wheelBx .sdg-Content .ContGoal4 {
  top: 180px;
  left: 450px;
}

.wheelBx .sdg-Content .ContGoal5 {
  top: 250px;
  left: 457px;
}

.wheelBx .sdg-Content .ContGoal6 {
  top: 300px;
  left: 442px;
}

.wheelBx .sdg-Content .ContGoal7 {
  top: 375px;
  left: 414px;
}

.wheelBx .sdg-Content .ContGoal8 {
  top: 400px;
  left: 340px;
}

.wheelBx .sdg-Content .ContGoal9 {
  top: 440px;
  left: 257px;
}

.wheelBx .sdg-Content .ContGoal10 {
  top: 431px;
  left: 183px;
}

.wheelBx .sdg-Content .ContGoal11 {
  top: 376px;
  left: 104px;
}

.wheelBx .sdg-Content .ContGoal12 {
  top: 308px;
  left: 45px;
}

.wheelBx .sdg-Content .ContGoal13 {
  top: 270px;
  left: 50px;
}

.wheelBx .sdg-Content .ContGoal14 {
  top: 185px;
  left: 53px;
}

.wheelBx .sdg-Content .ContGoal15 {
  top: 105px;
  left: 75px;
}

.wheelBx .sdg-Content .ContGoal16 {
  top: 52px;
  left: 134px;
}

.wheelBx .sdg-Content .ContGoal17 {
  top: 23px;
  left: 203px;
}

/*Wheel Flickring*/
#slice1, #outerSlice1,
#slice2, #outerSlice2,
#slice3, #outerSlice3,
#slice4, #outerSlice4,
#slice5, #outerSlice5,
#slice6, #outerSlice6,
#slice7, #outerSlice7,
#slice8, #outerSlice8,
#slice9, #outerSlice9,
#slice10, #outerSlice10,
#slice11, #outerSlice11,
#slice12, #outerSlice12,
#slice13, #outerSlice13,
#slice14, #outerSlice14,
#slice15, #outerSlice15,
#slice16, #outerSlice16,
#slice17, #outerSlice17 {
  visibility: hidden;
}

.wheelBx .innerLogo .circleText {
  visibility: hidden;
}

.sdgDetail .helpText {
  visibility: hidden;
}

.contactUs {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 9;
}

.contactUs:after {
  content: "";
  width: 100%;
  height: 375px;
  position: absolute;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIcAAAFbCAMAAAB4ax5aAAAC1lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8T8e+VAAAA8XRSTlMAAQIDBAUGBwgJCgsMDg8QERITFBUWFxgZGhscHR4fICEiIyQlJigpKistLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RGSUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp8fX5/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") no-repeat center 15px;
  background-size: cover;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.contactUs .leftArea {
  width: 100%;
  float: left;
}

.contactUs .leftArea img {
  margin-top: 20px;
}

.contactUs .rightArea {
  width: 80%;
  float: right;
}

.contactUs .rightArea form .js-form-item {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.contactUs .rightArea form .js-form-item > label {
  display: none;
}

.contactUs .rightArea form .js-form-item textarea {
  height: 128px;
}

.contactUs .rightArea form .js-form-item textarea,
.contactUs .rightArea form .js-form-item input[type="text"],
.contactUs .rightArea form .js-form-item input[type="email"] {
  font-size: 14px !important;
  border: 2px solid #e3e3e3 !important;
  min-height: 42px;
  padding: 10px 20px !important;
  border-radius: 20px;
  width: 100% !important;
  display: block;
}

.contactUs .rightArea form .js-form-item textarea::-webkit-input-placeholder,
.contactUs .rightArea form .js-form-item input[type="text"]::-webkit-input-placeholder,
.contactUs .rightArea form .js-form-item input[type="email"]::-webkit-input-placeholder {
  /* Edge */
  color: #cfcfcf;
}

.contactUs .rightArea form .js-form-item textarea::-ms-input-placeholder,
.contactUs .rightArea form .js-form-item input[type="text"]::-ms-input-placeholder,
.contactUs .rightArea form .js-form-item input[type="email"]::-ms-input-placeholder {
  /* Internet Explorer */
  color: #cfcfcf;
}

.contactUs .rightArea form .js-form-item textarea:-ms-input-placeholder,
.contactUs .rightArea form .js-form-item input[type="text"]:-ms-input-placeholder,
.contactUs .rightArea form .js-form-item input[type="email"]:-ms-input-placeholder {
  color: #cfcfcf;
}

.contactUs .rightArea form .js-form-item textarea::placeholder,
.contactUs .rightArea form .js-form-item input[type="text"]::placeholder,
.contactUs .rightArea form .js-form-item input[type="email"]::placeholder {
  color: #cfcfcf;
}

.contactUs .rightArea input[type="submit"] {
  width: 100%;
  display: block;
  color: #fff;
  border: 1px solid #dc3545;
  background-color: #cc3333;
  font-size: 18px;
  font-weight: 600;
  border-radius: 80px;
  padding: 11px 40px;
}

.contactUs .customForm .btnBx .btn {
  width: 100%;
  display: inline-block;
}

.contactUs .customForm .form-group {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.contactUs .customForm .form-group .form-control {
  border: 2px solid #e3e3e3;
  font-size: 14px;
  min-height: 42px;
  padding: 10px 20px;
  border-radius: 20px;
}

.contactUs .customForm .form-group .form-control::-webkit-input-placeholder {
  /* Edge */
  color: #cfcfcf;
}

.contactUs .customForm .form-group .form-control::-ms-input-placeholder {
  /* Internet Explorer */
  color: #cfcfcf;
}

.contactUs .customForm .form-group .form-control:-ms-input-placeholder {
  color: #cfcfcf;
}

.contactUs .customForm .form-group .form-control::placeholder {
  color: #cfcfcf;
}

.contactUs div[role^="contentinfo"] {
  color: #3c763d;
  background: #dff0d8;
  border: 1px solid #d6e9c6;
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 14px;
  position: relative;
  top: -20px;
  padding-top: 12px;
}

.ministerMsg {
  min-height: calc(100vh - 155px);
  padding: 50px;
  background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDdFQTk5QTM3QjM2MTFFQkI0RjZGRDU0RUNFNDRBRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0ExOTZCRkQ4MEEwMTFFQjg4MDRERDgxOUU0RThGMTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0ExOTZCRkM4MEEwMTFFQjg4MDRERDgxOUU0RThGMTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QTQyOEFGRTdEN0YxMUVCQjhGQUJFRTMzRUIyQzgzMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QTQyOEFGRjdEN0YxMUVCQjhGQUJFRTMzRUIyQzgzMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6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") repeat;
  position: relative;
  overflow: hidden;
}

.ministerMsg .leftBx {
  padding-right: 20px;
  overflow: hidden;
  margin-top: 20px;
  text-align: center;
}

.ministerMsg .leftBx img {
  width: 450px;
  height: 438px;
}

.ministerMsg .rightBx {
  padding-left: 40px;
}

.ministerMsg .rightBx h1 {
  font-size: 32px;
  padding-top: 20px;
  margin-bottom: 40px;
  font-weight: 700;
  padding: 30px 0px;
  position: relative;
  border: none;
}

.ministerMsg .rightBx h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10%;
  background: #cc3333;
  height: 6px;
}

.ministerMsg .rightBx p {
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}

.ministerMsg .rightBx .nameBx {
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  margin-top: 30px;
  padding-right: 5px;
}

.ministerMsg .rightBx .scrollBx {
  max-height: 330px;
  padding-right: 20px;
  overflow-y: auto;
}

/*ministerMsg Custom Scroll*/
.scrollBx::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #b5cab5;
  box-shadow: inset 0 0 6px #b5cab5;
  background-color: transparent;
  border-radius: 0;
}

.scrollBx::-webkit-scrollbar {
  width: 5px;
  background-color: #b5cab5;
}

.scrollBx::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #336633;
}

/*Mozila*/
.scrollBx {
  scrollbar-width: thin;
  scrollbar-color: #336633 #b5cab5;
}

.monitoring-main {
  padding-top: 80px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.monitoring-main .gird-20 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 30%;
}

/*monitoring tool Csss*/
.monitoring-main .dropdown-menu {
  -webkit-transform: translate3d(5px, 200px, 0px) !important;
          transform: translate3d(5px, 200px, 0px) !important;
  -webkit-transform: -webkit-translate3d(5px, 200px, 0px) !important;
          transform: -webkit-translate3d(5px, 200px, 0px) !important;
}

.monitoring-main .servicesBox .circleBox {
  width: 135px;
  height: 135px;
  line-height: 150px;
  color: #fff;
  background: #eee;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
  position: relative;
  text-align: center;
}

.monitoring-main .servicesBox .circleBox span[class^="icon-"] {
  font-size: 6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.monitoring-main .servicesBox .circleBox .icon-user-management {
  font-size: 4rem !important;
}

.monitoring-main .servicesBox .circleBox + span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 30px;
  display: block;
}

.monitoring-main .lightGreen .circleBox {
  background: #8dc63f;
}

.monitoring-main .lightGreen .circleBox + span {
  color: #8dc63f;
}

.monitoring-main .lightBlue .circleBox {
  background: #44c8f5;
}

.monitoring-main .lightBlue .circleBox + span {
  color: #44c8f5;
}

.monitoring-main .darkBlue .circleBox {
  background: #006cb7;
}

.monitoring-main .darkBlue .circleBox + span {
  color: #006cb7;
}

/*Hover Effects of CircleBoxes*/
.monitoring-main .gird-20 a:hover .lightOrange .circleBox {
  background: #fff;
  border: 1px solid #ffc20e;
  color: #ffc20e;
}

.monitoring-main .gird-20 a:hover .lightOrange .circleBox + span {
  color: #5091d4;
}

.monitoring-main .gird-20 a:hover .darkOrange .circleBox {
  background: #fff;
  border: 1px solid #f58220;
  color: #f58220;
}

.monitoring-main .gird-20 a:hover .darkOrange .circleBox + span {
  color: #5091d4;
}

.monitoring-main .gird-20 a:hover .lightGreen .circleBox {
  background: #fff;
  border: 1px solid #8dc63f;
  color: #8dc63f;
}

.monitoring-main .gird-20 a:hover .lightGreen .circleBox + span {
  color: #5091d4;
}

.monitoring-main .gird-20 a:hover .lightBlue .circleBox {
  background: #fff;
  border: 1px solid #44c8f5;
  color: #44c8f5;
}

.monitoring-main .gird-20 a:hover .lightBlue .circleBox + span {
  color: #5091d4;
}

.monitoring-main .gird-20 a:hover .darkGreen .circleBox {
  background: #fff;
  border: 1px solid #00a76d;
  color: #00a76d;
}

.monitoring-main .gird-20 a:hover .darkGreen .circleBox + span {
  color: #5091d4;
}

.monitoring-main .gird-20 a:hover .magenta .circleBox {
  background: #fff;
  border: 1px solid #ee3d96;
  color: #ee3d96;
}

.monitoring-main .gird-20 a:hover .magenta .circleBox + span {
  color: #5091d4;
}

.monitoring-main .gird-20 a:hover .wheat .circleBox {
  background: #fff;
  border: 1px solid #b18b4e;
  color: #b18b4e;
}

.monitoring-main .gird-20 a:hover .wheat .circleBox + span {
  color: #5091d4;
}

.monitoring-main .gird-20 a:hover .darkBlue .circleBox {
  background: #fff;
  border: 1px solid #006cb7;
  color: #006cb7;
}

.monitoring-main .gird-20 a:hover .darkBlue .circleBox + span {
  color: #5091d4;
}

.monitoring-main .dropdown-menu {
  border: none;
  border-top: 1px solid #ccc;
  width: 380px;
  padding: 0;
  position: relative !important;
  top: -200px !important;
  margin-bottom: 60px;
  border-radius: 0;
}

.monitoring-main .dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #ddd;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  position: absolute;
  left: 10px;
  top: -15px;
}

.monitoring-main .dropdown-menu:after {
  content: "";
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  position: absolute;
  left: 10px;
  top: -14px;
}

.monitoring-main .dropdown-menu a {
  width: 50%;
  float: left;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #333;
}

.monitoring-main .dropdown-menu a:hover {
  color: #658fca;
}

.monitoring-main .dropdown-menu a:before {
  content: ">";
  margin-right: 8px;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 10px;
  position: relative;
  top: 1px;
}

/*Color Changes of Dropdowns*/
/*1st circle business*/
.monitoring-main .dropdown-menu.business {
  border-top: 1px solid #8dc63f;
}

.monitoring-main .dropdown-menu.business:before {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.monitoring-main .dropdown-menu.business:after {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.monitoring-main .dropdown-menu.business a {
  border-bottom: 1px solid #8dc63f;
}

.monitoring-main .dropdown-menu.business a:before {
  color: #8dc63f;
}

.monitoring-main .dropdown-menu.business a:hover:before {
  color: #8dc63f;
}

.monitoring-main .dropdown-menu.business:before {
  border-bottom: 15px solid #8dc63f;
}

/*2nd circle data*/
.monitoring-main .dropdown-menu.data {
  border-top: 1px solid #44c8f5;
  left: inherit !important;
  right: 0;
}

.monitoring-main .dropdown-menu.data:before {
  left: inherit;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.monitoring-main .dropdown-menu.data:after {
  left: inherit;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.monitoring-main .dropdown-menu.data a {
  border-bottom: 1px solid #44c8f5;
}

.monitoring-main .dropdown-menu.data a:before {
  color: #44c8f5;
}

.monitoring-main .dropdown-menu.data a:hover:before {
  color: #44c8f5;
}

.monitoring-main .dropdown-menu.data:before {
  border-bottom: 15px solid #44c8f5;
}

/*Footer*/
footer {
  color: #fff;
  font-size: 14px;
}

footer .upperFooter {
  background: #292a40;
  padding: 15px 45px;
}

footer .upperFooter .row div[class^="col-"] div[class^="col-"] {
  width: 100% !important;
  -webkit-box-flex: inherit !important;
      -ms-flex: inherit !important;
          flex: inherit !important;
}

footer .upperFooter h3 {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 600;
}

footer .upperFooter ul {
  margin: 0;
  padding: 0;
}

footer .upperFooter ul li {
  list-style: none;
}

footer .upperFooter ul li + li {
  margin-top: 5px;
}

footer .upperFooter ul li a {
  color: #fff;
}

footer .upperFooter .footerLogo {
  padding: 20px 0px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

footer .upperFooter .footerLogo a + a, footer .upperFooter .footerLogo img + img {
  margin-left: 30px;
}

footer .upperFooter .footerLogo a:first-child img, footer .upperFooter .footerLogo img:first-child {
  width: auto;
  height: 44px;
}

footer .upperFooter .footerLogo a:last-child img, footer .upperFooter .footerLogo img:last-child {
  width: auto;
  height: 40px;
}

footer .upperFooter .socialiconBx {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}

footer .upperFooter .socialiconBx p {
  display: inline-block;
}

footer .upperFooter .socialiconBx b {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
}

footer .upperFooter .socialiconBx ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

footer .upperFooter .socialiconBx ul li {
  list-style: none;
  display: inline-block;
}

footer .upperFooter .socialiconBx ul li a {
  color: #fff;
}

footer .upperFooter .socialiconBx ul li a i {
  font-size: 20px;
}

footer .upperFooter .socialiconBx ul li + li {
  margin-left: 10px;
}

footer .upperFooter .loginButton {
  margin-top: 5px;
}

footer .upperFooter .loginButton a {
  color: #fff;
  font-size: 12px;
  border: 1px solid #fff;
  padding: 8px 15px;
  border-radius: 5px;
  text-align: center;
  font-weight: 600;
}

footer .upperFooter .loginButton a i {
  margin-right: 7px;
  font-size: 14px;
  position: relative;
  top: 1px;
}

footer .copyRight {
  background: #212233;
  width: 100%;
  display: inline-block;
  text-align: center;
}

footer .copyRight p {
  margin: 10px 0;
}

@media only screen and (max-width: 1366px) {
  .middleSection .columnGap div[class^="col-"]:first-child article,
  .middleSection .columnGap div[class^="col-"]:last-child article {
    min-height: 460px;
  }
  #content.active .wheelBx {
    width: 690px;
  }
  .sdgDetail .customRow div[class^="col-"]:first-child {
    width: 43%;
  }
  .sdgDetail .customRow div[class^="col-"]:last-child {
    width: 57%;
  }
  #content.active .svgPart .conatiner {
    width: 80%;
  }
  .ministerMsg .leftBx {
    margin-top: 40px;
  }
  .ministerMsg .leftBx img {
    width: 370px;
    height: 361px;
  }
  .ministerMsg .rightBx {
    padding-left: 60px;
  }
  .ministerMsg .rightBx .scrollBx {
    max-height: 245px;
  }
}

/* 1366px ends */
@media only screen and (max-width: 1280px) {
  .middleSection .columnGap div[class^="col-"]:first-child article,
  .middleSection .columnGap div[class^="col-"]:last-child article {
    min-height: 510px;
  }
  .fs-2 {
    font-size: 30px !important;
  }
  .sdgDetail .customRow div[class^="col-"]:first-child {
    width: 47%;
  }
  .sdgDetail .customRow div[class^="col-"]:last-child {
    width: 53%;
  }
  .libraryPage .views-exposed-form .js-form-type-select {
    width: 25%;
  }
  .libraryPage .views-exposed-form .form-actions.js-form-wrapper {
    width: 48%;
  }
  .customForm .customRadio .radio label {
    font-size: 16px;
  }
  .customForm .customRadio .radio input[type="radio"] + .radioLabel:before {
    margin-right: 10px;
  }
  .panelBx.niceSelect .customForm .row > div[class^="col-"]:first-child {
    width: 35%;
  }
  .panelBx.niceSelect .customForm .row > div[class^="col-"]:last-child {
    width: 56%;
  }
  .ministerMsg .row div[class^="col-"]:first-child {
    width: 45%;
  }
  .ministerMsg .row div[class^="col-"]:last-child {
    width: 55%;
  }
  .ministerMsg .rightBx .scrollBx {
    max-height: 310px;
  }
  .ministerMsg .rightBx h1 {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .ministerMsg .rightBx .nameBx {
    margin-bottom: 20px;
  }
  .contactUs .leftArea img {
    width: 100%;
  }
}

/* 1280px ends */
@media only screen and (max-width: 1024px) {
  /*Left sidebar*/
  #sidebar ul.components {
    max-height: 380px;
    min-height: 380px;
  }
  #sidebar .sidebar-footer img {
    height: 43px;
  }
  /*Global*/
  .panelBx h4 {
    font-size: 20px;
  }
  .innerSlider, .innerSlider img {
    height: 400px;
  }
  .innerSlider h1, .innerSlider .innerHeading {
    width: 80%;
    font-size: 70px;
  }
  h1, .headingPrimary {
    font-size: 30px;
  }
  .fs-1 {
    font-size: 20px !important;
    font-weight: 600;
  }
  .ministerMsg {
    padding: 10px 50px 50px 50px;
  }
  .ministerMsg .row div[class^="col-"]:first-child,
  .ministerMsg .row div[class^="col-"]:last-child {
    width: 100%;
  }
  .ministerMsg .leftBx,
  .ministerMsg .leftBx img {
    display: none;
  }
  .ministerMsg .rightBx {
    padding-left: 0;
  }
  .ministerMsg .rightBx .scrollBx {
    max-height: 360px;
  }
  .sdgDetail h1.text-danger.noBorder {
    text-align: center;
  }
  #content .wheelBx .svgPart .conatiner,
  #content.active .wheelBx .svgPart .conatiner {
    width: 100%;
  }
  #content.active .wheelBx {
    width: 550px;
  }
  .sdgDetail .customRow div[class^="col-"]:first-child {
    width: 100%;
  }
  .sdgDetail .customRow div[class^="col-"]:last-child {
    width: 100%;
  }
  #content .svgPart .conatiner {
    width: 60%;
  }
  #content.active .svgPart .conatiner {
    width: 45%;
  }
  .sdgDetail .row.customRow {
    margin-top: -50px;
  }
  /*Home*/
  .mainSlider .carousel-item img {
    height: 550px;
  }
  .mainSlider .scrollBottom img {
    height: 40px;
  }
  #content .middleSection .columnGap div[class^="col-"]:first-child article,
  #content .middleSection .columnGap div[class^="col-"]:last-child article {
    min-height: 630px;
  }
  #content.active .middleSection .columnGap div[class^="col-"]:first-child article,
  #content.active .middleSection .columnGap div[class^="col-"]:last-child article {
    min-height: 530px;
  }
  .columnDb {
    height: 300px;
  }
  .columnDb .contentBx .circle {
    width: 100px;
    height: 100px;
  }
  .columnDb .contentBx .circle i {
    font-size: 50px;
  }
  .columnDb .contentBx article h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .columnDb .contentBx article p {
    font-size: 16px;
    font-weight: 500;
  }
  .panelBx .customForm .row div[class^="col-"] {
    width: 100%;
    text-align: left !important;
  }
  .panelBx .customForm .row div[class^="col-"]:last-child {
    text-align: center !important;
    margin-top: 25px;
  }
  .panelBx .customForm .row div[class^="col-"]:last-child a {
    float: none !important;
  }
  .panelBx.niceSelect h1 {
    text-align: left;
  }
  .panelBx.niceSelect .customForm .row > div[class^="col-"]:first-child,
  .panelBx.niceSelect .customForm .row > div[class^="col-"]:last-child {
    width: 100%;
  }
  .libraryPage .views-exposed-form .js-form-type-select {
    width: 100%;
    padding-right: 0;
  }
  .libraryPage .views-exposed-form .form-actions.js-form-wrapper {
    width: 100%;
    top: 0;
    margin-top: 25px;
    text-align: center;
  }
  .libraryPage .views-exposed-form .js-form-type-textfield {
    margin-bottom: 10px;
  }
  .libraryPage .views-exposed-form .nice-select.form-select {
    height: 65px;
  }
  .panelBx ul.listing li {
    width: 100%;
  }
  .panelBx ul.listing li:nth-child(2) .title {
    text-align: left;
  }
  .panelBx ul.listing li .title,
  .panelBx ul.listing li span {
    width: auto;
  }
  /*monitoring*/
  .monitoring-main .dropdown-menu,
  .monitoring-main .dropdown-menu a {
    width: 100%;
  }
}

/* 1024px ends */
@media only screen and (max-width: 768px) {
  #sidebar {
    height: 100%;
    z-index: 9999;
    left: -100%;
  }
  #sidebar.active {
    min-width: 280px;
    max-width: 280px;
    left: 0;
  }
  #sidebar.active ul li a {
    padding: 10px 0;
    font-size: 16px;
    text-align: left;
  }
  #sidebar.active ul li a i {
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
  }
  #sidebar.active ul li a span {
    display: inline-block;
  }
  #sidebar.active ul.components {
    overflow: auto;
  }
  #sidebar ul.components {
    max-height: 400px;
    min-height: 400px;
  }
  #sidebar.active .sidebar-header, #sidebar.active .sidebar-footer, #sidebar.active .accord-panel {
    display: block;
    text-align: left;
  }
  #sidebar.active .sidebar-header, #sidebar .sidebar-header {
    text-align: center;
  }
  #sidebar .sidebar-footer {
    text-align: left;
  }
  #content, #content.active {
    padding-left: 0;
  }
  .ministerMsg .rightBx .scrollBx {
    max-height: 740px;
  }
  #content .wheelBx .svgPart .conatiner,
  #content.active .wheelBx .svgPart .conatiner {
    width: 100%;
  }
  #content .svgPart .conatiner,
  #content.active .svgPart .conatiner {
    width: 55%;
  }
}

/* 768px ends */
@media only screen and (max-width: 640px) {
  .landingPage .middleArea {
    top: 45%;
    width: 100%;
  }
  .landingPage .middleArea h1 {
    font-size: 60px;
    margin-bottom: 30px;
  }
  .landingPage .middleArea h2 {
    font-size: 30px;
  }
  .landingPage .middleArea h2.numberText {
    font-size: 22px;
  }
  .landingPage .middleArea h2.numberText .number {
    margin-left: -8px;
  }
  .landingPage .middleArea h2.numberText .number img {
    height: 25px;
  }
  .landingPage .middleArea p {
    font-size: 20px;
  }
  .landingPage .middleArea .exploreBx {
    margin-top: 30px;
  }
  .landingPage .middleArea .exploreBx a p {
    font-size: 30px;
    position: relative;
    top: -4px;
  }
  .landingPage .middleArea .exploreBx a img {
    margin-right: 0px;
    width: 30px;
  }
  .landingPage .logoBx {
    margin-top: 10px;
  }
  .landingPage .logoBx ul li:first-child img {
    height: 65px;
  }
  .landingPage .logoBx ul li:last-child img {
    height: 50px;
  }
  .landingPage .logoBx ul li + li {
    margin-left: 20px;
  }
  #sidebar ul.components {
    max-height: 415px;
    min-height: 415px;
  }
  #sidebar.active ul li a {
    padding: 8px 0;
    font-size: 13px;
    font-weight: normal;
  }
  #sidebar .accord-panel .accord-head a {
    font-size: 13px;
    font-weight: normal;
  }
  #sidebar .accord-panel .accord-head a i {
    display: inline-block;
    vertical-align: middle;
  }
  #sidebar .sidebar-header img {
    height: 40px;
  }
  #sidebar .sidebar-footer img {
    height: 40px;
  }
  #sidebar .accord-panel .accord-body p {
    font-size: 13px;
  }
  .loading-bar {
    height: 3px;
  }
  /*Global*/
  .btn {
    width: 100%;
    display: inline-block;
  }
  h1, .headingPrimary {
    font-size: 28px;
    padding: 30px 0px;
  }
  h2 {
    font-size: 20px;
    padding: 23px 0px;
  }
  .fs-2 {
    font-size: 25px !important;
  }
  .middleSection {
    padding: 10px 25px 30px 25px;
  }
  .innerSlider, .innerSlider img {
    height: 210px;
  }
  .innerSlider h1, .innerSlider .innerHeading {
    font-size: 45px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .innerSlider .loading-bar {
    height: 6px !important;
    margin-top: 20px;
  }
  .panelBx {
    padding: 30px 20px;
  }
  .carousel-indicators {
    display: none;
  }
  .mainSlider .scrollBottom img {
    display: none;
  }
  .mainSlider .carousel-item img {
    height: 210px;
  }
  #content .middleSection .columnGap div[class^="col-"]:first-child article,
  #content .middleSection .columnGap div[class^="col-"]:last-child article {
    min-height: auto !important;
  }
  .middleSection ul.docList li a,
  .middleSection ul.docList .badge {
    font-size: 14px;
    padding-left: 0;
    text-decoration: none !important;
    text-align: left;
  }
  .middleSection ul.docList li .text-muted {
    font-size: 13px;
    width: 100%;
    text-align: left;
  }
  .middleSection ul.docList li + li {
    border-top: 1px solid #ccc;
    padding: 10px 0px 5px 0px;
  }
  .middleSection .columnGap div[class^="col-"]:first-child {
    padding-right: 13px;
  }
  .middleSection .columnGap div[class^="col-"]:last-child {
    padding-left: 13px;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .ministerMsg .rightBx .scrollBx {
    max-height: 435px;
  }
  .sdg-Content .goalNum {
    display: none;
  }
  .middleSection.sdgDetail {
    overflow: hidden;
  }
  .sdgDetail .row.customRow {
    margin-top: -40px;
  }
  #content .svgPart .conatiner, #content.active .svgPart .conatiner {
    width: 100%;
  }
  .sdgDetail .helpText {
    font-size: 14px;
  }
  .wheelBx .innerLogo {
    width: 150px;
    margin-left: -4px;
  }
  .wheelBx .circleText .letters {
    font-size: 11px;
    line-height: 7px;
  }
  .wheelBx .circleText .letters.strong {
    font-size: 14px;
    line-height: 15px;
  }
  .wheelBx,
  #content.active .wheelBx {
    width: 320px;
  }
  .wheelBx svg {
    height: 370px;
  }
  .wheelBx .svgPart svg > g {
    -webkit-transform: translate(156px, 185px) !important;
            transform: translate(156px, 185px) !important;
  }
  .wheelBx .svgPart g.slices2 {
    -webkit-transform: scale(0.255, 0.255) !important;
            transform: scale(0.255, 0.255) !important;
  }
  .wheelBx .scaleTransfrom {
    -webkit-transform: scale(0.46, 0.46);
            transform: scale(0.46, 0.46);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .wheelBx .slices a.sliceActive .scaleTransfrom {
    -webkit-transform: scale(0.46, 0.46);
            transform: scale(0.46, 0.46);
  }
  .wheelBx .slices a.sliceSmall .scaleTransfrom {
    -webkit-transform: scale(0.46, 0.46);
            transform: scale(0.46, 0.46);
  }
  .sdg-Content .ContGoal1 .goalImg {
    width: 30px;
    top: 15px;
    left: -119px;
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  .sdg-Content .ContGoal2 .goalImg {
    width: 29px;
    top: 14px;
    left: -166px;
    -webkit-transform: rotate(37deg);
            transform: rotate(37deg);
  }
  .sdg-Content .ContGoal3 .goalImg {
    width: 36px;
    top: 13px;
    left: -146px;
    -webkit-transform: rotate(-36deg);
            transform: rotate(-36deg);
  }
  .sdg-Content .ContGoal4 .goalImg {
    width: 30px;
    top: -40px;
    left: -195px;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  .sdg-Content .ContGoal5 .goalImg {
    width: 22px;
    top: -68px;
    left: -193px;
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  .sdg-Content .ContGoal6 .goalImg {
    width: 25px;
    top: -77px;
    left: -193px;
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg);
  }
  .sdg-Content .ContGoal7 .goalImg {
    width: 30px;
    top: -115px;
    left: -193px;
    -webkit-transform: rotate(312deg);
            transform: rotate(312deg);
  }
  .sdg-Content .ContGoal8 .goalImg {
    width: 29px;
    top: -116px;
    left: -157px;
    -webkit-transform: rotate(-19deg);
            transform: rotate(-19deg);
  }
  .sdg-Content .ContGoal9 .goalImg {
    width: 30px;
    top: -147px;
    left: -116px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .sdg-Content .ContGoal10 .goalImg {
    width: 30px;
    top: -146px;
    left: -87px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .sdg-Content .ContGoal11 .goalImg {
    width: 30px;
    top: -116px;
    left: -45px;
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
  .sdg-Content .ContGoal12 .goalImg {
    width: 30px;
    top: -83px;
    left: -14px;
    -webkit-transform: rotate(335deg);
            transform: rotate(335deg);
  }
  .sdg-Content .ContGoal13 .goalImg {
    width: 33px;
    top: -89px;
    left: -31px;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  .sdg-Content .ContGoal14 .goalImg {
    width: 30px;
    top: -50px;
    left: -29px;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  .sdg-Content .ContGoal15 .goalImg {
    width: 26px;
    top: -8px;
    left: -28px;
    -webkit-transform: rotate(36deg);
            transform: rotate(36deg);
  }
  .sdg-Content .ContGoal16 .goalImg {
    width: 28px;
    top: 15px;
    left: -56px;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  .sdg-Content .ContGoal17 .goalImg {
    width: 28px;
    top: 30px;
    left: -85px;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  .wheelBxInner .svgPart {
    width: 320px;
    display: block;
    margin: 0 auto;
  }
  .wheelBxInner .svgPart svg {
    height: 370px;
  }
  .wheelBxInner .svgPart svg > g {
    -webkit-transform: translate(156px, 185px) !important;
            transform: translate(156px, 185px) !important;
  }
  .wheelBxInner .svgPart g.slices2 {
    -webkit-transform: scale(0.28, 0.28) !important;
            transform: scale(0.28, 0.28) !important;
  }
  .wheelBxInner .slices a.sliceSmall .scaleTransfrom {
    -webkit-transform: scale(0.45, 0.45);
            transform: scale(0.45, 0.45);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .wheelBxInner .slices a.sliceActive .scaleTransfrom {
    -webkit-transform: scale(0.48, 0.48);
            transform: scale(0.48, 0.48);
  }
  .sdg-Content.smallCirc .ContGoal1 .goalImg {
    width: 30px;
    top: 15px;
    left: -20px;
  }
  .sdg-Content.smallCirc .ContGoal2 .goalImg {
    width: 29px;
    top: 15px;
    left: -50px;
  }
  .sdg-Content.smallCirc .ContGoal3 .goalImg {
    width: 36px;
    top: 29px;
    left: -22px;
  }
  .sdg-Content.smallCirc .ContGoal4 .goalImg {
    width: 30px;
    top: -12px;
    left: -55px;
  }
  .sdg-Content.smallCirc .ContGoal5 .goalImg {
    width: 22px;
    top: -25px;
    left: -66px;
  }
  .sdg-Content.smallCirc .ContGoal6 .goalImg {
    width: 25px;
    top: -15px;
    left: -65px;
  }
  .sdg-Content.smallCirc .ContGoal7 .goalImg {
    width: 30px;
    top: -37px;
    left: -69px;
  }
  .sdg-Content.smallCirc .ContGoal8 .goalImg {
    width: 29px;
    top: -33px;
    left: -48px;
  }
  .sdg-Content.smallCirc .ContGoal9 .goalImg {
    width: 30px;
    top: -62px;
    left: -27px;
  }
  .sdg-Content.smallCirc .ContGoal10 .goalImg {
    width: 30px;
    top: -66px;
    left: -11px;
  }
  .sdg-Content.smallCirc .ContGoal11 .goalImg {
    width: 30px;
    top: -48px;
    left: 14px;
  }
  .sdg-Content.smallCirc .ContGoal12 .goalImg {
    width: 30px;
    top: -25px;
    left: 37px;
  }
  .sdg-Content.smallCirc .ContGoal13 .goalImg {
    width: 33px;
    top: -48px;
    left: 14px;
  }
  .sdg-Content.smallCirc .ContGoal14 .goalImg {
    width: 30px;
    top: -25px;
    left: 15px;
  }
  .sdg-Content.smallCirc .ContGoal15 .goalImg {
    width: 26px;
    top: 0px;
    left: 24px;
  }
  .sdg-Content.smallCirc .ContGoal16 .goalImg {
    width: 28px;
    top: 15px;
    left: 9px;
  }
  .sdg-Content.smallCirc .ContGoal17 .goalImg {
    width: 28px;
    top: 25px;
    left: 1px;
  }
  .db-container div[class^="col-"]:first-child {
    padding-right: 12px;
  }
  .db-container div[class^="col-"]:last-child {
    padding-left: 12px;
    margin-top: 45px;
  }
  .columnDb .contentBx .circle {
    margin-top: 40px;
  }
  .columnDb .contentBx article {
    margin-top: 20px;
  }
  /*MetaData*/
  .rightAligned .iconSet {
    top: 44px;
  }
  .rightAligned + .panelBx {
    padding-top: 60px;
  }
  .statisticalPage .panelBx h5 {
    font-size: 13px;
  }
  .statisticalPage .views-exposed-form .js-form-type-textfield {
    width: 100%;
    top: -20px;
    margin-right: 0;
  }
  .statisticalPage .views-exposed-form .js-form-type-select {
    width: 100%;
    top: 0px;
    margin-left: 0;
  }
  .statisticalPage .panelBx h4 {
    margin-bottom: 15px;
  }
  .statisticalPage .panelBx h5 {
    float: left;
    font-size: 14px;
    margin-bottom: 13px;
  }
  .statisticalPage form input[type="submit"] {
    width: 100%;
  }
  .statisticalPage form input[type="submit"] + input[type="submit"] {
    margin-top: 15px;
  }
  .statisticalPage .views-exposed-form .form-actions.js-form-wrapper input:last-child {
    margin-left: 0;
  }
  /*Library page*/
  .panelBx .bntBx a + a {
    margin-left: 0;
    margin-top: 10px;
  }
  .libraryPage .views-exposed-form .nice-select.form-select {
    height: 60px;
  }
  .libraryPage form input[type="submit"] {
    width: 100%;
    display: inline-block;
  }
  .libraryPage .views-exposed-form .form-actions.js-form-wrapper input:last-child {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
    display: inline-block;
  }
  .libraryPage .panelBx div[class^="col-"]:last-child img {
    margin-top: 40px;
  }
  /*monitoring*/
  .monitoring-main {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    padding-top: 50px !important;
  }
  .monitoring-main .gird-20 {
    margin-bottom: 30px;
    width: 100%;
  }
  .contactUs .leftArea {
    display: none;
  }
  .contactUs .rightArea {
    width: 100%;
    margin-bottom: 40px;
  }
  footer .upperFooter {
    padding: 45px 25px 15px 25px;
  }
  footer .upperFooter .footerLogo {
    text-align: left !important;
    border: none;
    border-top: 1px solid #626278;
    border-bottom: 1px solid #626278;
    margin: 30px 0px;
    padding: 30px 0px;
  }
  footer .copyRight p {
    font-size: 12px;
  }
}

/* 640 ends */
@media only screen and (max-width: 320px) {
  /*Global*/
  .innerSlider h1, .innerSlider .innerHeading {
    font-size: 35px;
  }
  .btn {
    font-size: 16px;
    padding: 11px 31px;
  }
  .wheelBx .innerLogo {
    margin-left: 2px;
    margin-top: 5px;
  }
  .wheelBx .circleText .letters.strong {
    line-height: 11px;
  }
  .sdgDetail .helpText {
    font-size: 12px;
  }
  .wheelBx,
  #content.active .wheelBx {
    width: 285px;
    margin-left: -10px;
  }
  .wheelBx svg {
    height: 310px;
  }
  .wheelBx .svgPart svg > g {
    -webkit-transform: translate(145px, 160px) !important;
            transform: translate(145px, 160px) !important;
  }
  .wheelBx .svgPart g.slices2 {
    -webkit-transform: scale(0.22, 0.22) !important;
            transform: scale(0.22, 0.22) !important;
  }
  .wheelBx .scaleTransfrom {
    -webkit-transform: scale(0.4, 0.4);
            transform: scale(0.4, 0.4);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .wheelBx .slices a.sliceActive .scaleTransfrom {
    -webkit-transform: scale(0.4, 0.4);
            transform: scale(0.4, 0.4);
  }
  .wheelBx .slices a.sliceSmall .scaleTransfrom {
    -webkit-transform: scale(0.4, 0.4);
            transform: scale(0.4, 0.4);
  }
  .sdg-Content .ContGoal1 .goalImg {
    width: 24px;
    top: 7px;
    left: -127px;
  }
  .sdg-Content .ContGoal2 .goalImg {
    width: 23px;
    top: 3px;
    left: -181px;
  }
  .sdg-Content .ContGoal3 .goalImg {
    width: 32px;
    top: 0px;
    left: -169px;
  }
  .sdg-Content .ContGoal4 .goalImg {
    width: 24px;
    top: -63px;
    left: -215px;
  }
  .sdg-Content .ContGoal5 .goalImg {
    width: 20px;
    top: -94px;
    left: -219px;
  }
  .sdg-Content .ContGoal6 .goalImg {
    width: 20px;
    top: -106px;
    left: -211px;
  }
  .sdg-Content .ContGoal7 .goalImg {
    width: 28px;
    top: -152px;
    left: -214px;
  }
  .sdg-Content .ContGoal8 .goalImg {
    width: 25px;
    top: -156px;
    left: -171px;
  }
  .sdg-Content .ContGoal9 .goalImg {
    width: 26px;
    top: -190px;
    left: -125px;
  }
  .sdg-Content .ContGoal10 .goalImg {
    width: 28px;
    top: -185px;
    left: -91px;
  }
  .sdg-Content .ContGoal11 .goalImg {
    width: 27px;
    top: -154px;
    left: -41px;
  }
  .sdg-Content .ContGoal12 .goalImg {
    width: 28px;
    top: -118px;
    left: -4px;
  }
  .sdg-Content .ContGoal13 .goalImg {
    width: 30px;
    top: -116px;
    left: -22px;
  }
  .sdg-Content .ContGoal14 .goalImg {
    width: 26px;
    top: -69px;
    left: -18px;
  }
  .sdg-Content .ContGoal15 .goalImg {
    width: 23px;
    top: -22px;
    left: -23px;
  }
  .sdg-Content .ContGoal16 .goalImg {
    width: 25px;
    top: 5px;
    left: -57px;
  }
  .sdg-Content .ContGoal17 .goalImg {
    width: 24px;
    top: 20px;
    left: -90px;
  }
  .wheelBxInner {
    margin-left: -10px;
  }
  .wheelBxInner .svgPart {
    width: 285px;
    display: block;
    margin: 0 auto;
  }
  .wheelBxInner .svgPart svg {
    height: 310px;
  }
  .wheelBxInner .svgPart svg > g {
    -webkit-transform: translate(145px, 160px) !important;
            transform: translate(145px, 160px) !important;
  }
  .wheelBxInner .svgPart g.slices2 {
    -webkit-transform: scale(0.22, 0.22) !important;
            transform: scale(0.22, 0.22) !important;
  }
  .wheelBxInner .slices a.sliceSmall .scaleTransfrom {
    -webkit-transform: scale(0.4, 0.4);
            transform: scale(0.4, 0.4);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .wheelBxInner .slices a.sliceActive .scaleTransfrom {
    -webkit-transform: scale(0.43, 0.43);
            transform: scale(0.43, 0.43);
  }
  .sdg-Content.smallCirc .ContGoal1 .goalImg {
    width: 24px;
    top: 7px;
    left: -29px;
  }
  .sdg-Content.smallCirc .ContGoal2 .goalImg {
    width: 23px;
    top: 3px;
    left: -65px;
  }
  .sdg-Content.smallCirc .ContGoal3 .goalImg {
    width: 32px;
    top: 15px;
    left: -44px;
  }
  .sdg-Content.smallCirc .ContGoal4 .goalImg {
    width: 24px;
    top: -34px;
    left: -75px;
  }
  .sdg-Content.smallCirc .ContGoal5 .goalImg {
    width: 20px;
    top: -51px;
    left: -91px;
  }
  .sdg-Content.smallCirc .ContGoal6 .goalImg {
    width: 20px;
    top: -43px;
    left: -82px;
  }
  .sdg-Content.smallCirc .ContGoal7 .goalImg {
    width: 28px;
    top: -73px;
    left: -90px;
  }
  .sdg-Content.smallCirc .ContGoal8 .goalImg {
    width: 25px;
    top: -73px;
    left: -64px;
  }
  .sdg-Content.smallCirc .ContGoal9 .goalImg {
    width: 26px;
    top: -101px;
    left: -35px;
  }
  .sdg-Content.smallCirc .ContGoal10 .goalImg {
    width: 28px;
    top: -101px;
    left: -17px;
  }
  .sdg-Content.smallCirc .ContGoal11 .goalImg {
    width: 27px;
    top: -83px;
    left: 15px;
  }
  .sdg-Content.smallCirc .ContGoal12 .goalImg {
    width: 28px;
    top: -57px;
    left: 44px;
  }
  .sdg-Content.smallCirc .ContGoal13 .goalImg {
    width: 30px;
    top: -74px;
    left: 22px;
  }
  .sdg-Content.smallCirc .ContGoal14 .goalImg {
    width: 26px;
    top: -44px;
    left: 25px;
  }
  .sdg-Content.smallCirc .ContGoal15 .goalImg {
    width: 23px;
    top: -15px;
    left: 28px;
  }
  .sdg-Content.smallCirc .ContGoal16 .goalImg {
    width: 25px;
    top: 5px;
    left: 7px;
  }
  .sdg-Content.smallCirc .ContGoal17 .goalImg {
    width: 24px;
    top: 13px;
    left: -6px;
  }
}

/* 320px ends */
/*# sourceMappingURL=bundle.css.map */