@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600,700,800");

/* Main Styles*/

html,
body {
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  color: #333333;
  line-height: 26px;
}
nav a,
a:active {
  color: #1dabe2;
  text-decoration: underline;
  outline: none;
}
nav a:hover,
a:focus {
  color: #1dabe2;
}
a,
a:active {
  color: #0062cc;
  outline: none;
}
a:hover,
a:focus {
  color: #1dabe2;
}
.wins_footer a,
nav a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  color: #1dabe2;
  text-transform: uppercase;
  font-weight: 700;
}
h6,
.h6 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  color: #666666;
/*  text-transform: uppercase;
*/  font-weight: 700;
font-size: 1.2em;
}
h2,
.h2 {
  font-size: 1.5em;
}
a.headingLink,
a.headingLink:active {
  color: #1dabe2;
  text-decoration: underline;
}
a.headingLink:hover {
  color: #007bff;
}
p {
  margin: 0 0 10px;
}
.clear {
  clear: both !important;
}
.centre {
  text-align: center !important;
}
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}
.blue_bg {
  background-color: #1dabe2;
}
.grey_bg {
  background-color: #eeee;
}

/*EDIT : Furqan*/
.dark_bg {
  background-color: #333;
}
/*EDIT END*/

.withsidebar {
  float: left;
  width: 64%;
} /*640px/1200px*/
.nav-link {
  padding: 0.1rem 0.6rem;
}
.btn-primary {
  color: #fff;
  background-color: #1dabe2;
  border-color: #1dabe2;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.btn-primary:hover {
  text-decoration: underline;
}

/* General Layout */
.wins_wrapper {
  max-width: 1600px;
}
.wins_wrapper {
/*  background-color: white;
*/  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.wins_row {
  padding: 0;
  margin: 0;
}
.wins_contain {
  width: 75%;
  margin: 0 auto;
}

/* Sections Styles*/
.navbar-brand {
  padding: 0 15px;
}
.wins_bannerwrap {
  overflow: hidden;
  border-top: 10px solid #1dabe2;
}
.wins_banner {
  margin: 0;
  padding: 1.8125% 0;
  overflow: hidden;
}
.wins_banner_img {
  float: left;
  padding: 0 2.1875%;
}
.wins_banner_img img {
  max-width: auto;
  width: auto;
  height: 80px;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_banner_winslogo img {
  max-width: 100%;
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
  margin-top: 1.25%;
}
.wins_banner_winslogo {
  width: 20.625%;
  float: left;
  margin: 1.2% 0 0 3%;
  padding: 0;
}
.wins_banner_partnerlogo {
  float: right;
  margin-top: 1.25%;
  padding: 0;
  overflow: hidden;
}
.wins_banner_partnerlogo_item {
  display: inline-block;
  margin-right: 30px;
}
.wins_banner_partnerlogo_item_smaller {
  display: inline-block;
  margin-right: 30px;
}
.wins_banner_partnerlogo_item img {
  max-width: 100%;
  width: 90%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_banner_partnerlogo_item_smaller img {
  max-width: 100%;
  max-width: 70%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
.nav-pills .nav-link {
  color: #ffffff;
}
.nav-link-pink {
	 font-family: "Raleway", sans-serif;
  color: #ffffff;
	background: #bb1652;
	font-weight: bold;
	padding: 0.1rem 0.6rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #1dabe2;
  background-color: #fff;
}

.wins_menuwrap {
  padding: 0.9375% 0;
  max-width: 100%; /*1600px*/
  margin: 0 auto;
  background-color: #1dabe2;
}
.wins_menuwrap .navbar-default {
  background-color: #fff;
  border: none !important;
  margin: 0;
  text-align: right;
  margin-right: 2%;
}
.wins_menuwrap .navbar-center {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.wins_menuwrap .navbar-nav > li {
  font-size: 1.1em;
  padding: 3px;
  color: #1dabe2;
  text-align: left;
}
.wins_menuwrap .navbar-default .navbar-nav > li > a {
  color: #1dabe2;
  padding: 15px;
}
.wins_menuwrap .navbar-default .navbar-nav > .active > a {
  background-color: transparent;
  color: #fff;
}
.wins_menuwrap .navbar-default .navbar-nav > li > a:hover,
.wins_menuwrap .navbar-default .navbar-nav > li > a:focus {
  background-color: #f0f9fc;
  border-radius: 5px;
  color: #1dabe2;
}
.dropdown-menu {
  min-width: 220px;
}
.wins_menuwrap .dropdown-menu > li > a:hover,
.wins_menuwrap .dropdown-menu > li > a:focus {
  background-color: #1dabe2;
  color: #fff !important;
  text-decoration: none;
}
.wins_menuwrap .dropdown-menu > li > a {
  padding: 5px 20px;
  font-size: 1.1em;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #dac6ad !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #dddddd;
  color: #999;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #b0afaf;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #432a1c;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #dac6ad !important;
  font-size: 1.1em;
}
/* #nav_bar { background-color: #1dabe2;} */
.sticky-fixed {
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: auto;
/*  box-shadow: 1px 1px 9px #ccc;
*/  background-color: #1dabe2;
}
.sticky-fixed .wins_menuwrap .navbar-default .navbar-nav > li > a {
  color: #1dabe2;
  padding: 15px;
}
.sticky-fixed .wins_menuwrap .navbar-default .navbar-nav > li > a:hover,
.wins_menuwrap .navbar-default .navbar-nav > li > a:focus {
  background-color: #f0f9fc;
  border-radius: 5px;
  color: #1dabe2;
}
.nav-link {
  font-size: 0.95rem;
  font-weight: 600;
}
nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus {
  border: none;
  background: #1dabe2;
  color: #fff;
  border-radius: 0;
  transition: background 0.2s linear;
}

.nav-wrapper {
  min-height: 100px;
  height: 100px;
}

.page-header .breadcrumb > li + li::before {
  color: #e9e9e9 !important;
}
.page-header .breadcrumb a,
.page-header .breadcrumb a:active {
  color: #1dabe2;
}

.navbar h1 {
  font-size: 1.7rem;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #1dabe2;
}
.wins_sliderwrap {
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.wins_sliderwrap img {
  max-width: 100%;
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_slidercaption {
  position: absolute;
  color: #fff;
  right: 5%;
  bottom: 9%;
  background-color: rgba(57, 54, 57, 0.9);
  z-index: 8;
  padding: 4.5%;
  width: 20.5%;
  font-size: 1em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.wins_slidercaption strong {
  font-weight: 600;
  color: #3dabd7;
  text-transform: uppercase;
}

.wins_content {
  padding: 2.5% 0;
  margin: 0;
}

.wins_boxwrap {
  margin: 2.5% 5.4167% 0 2.5%;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.wins_box {
  float: left;
  width: 49%;
  margin: 0.2% 0.4%;
  padding: 4% 8%;
  color: #373737;
  font-weight: 600;
  position: relative;
  background-color: #ededed;
  box-sizing: border-box;
  clear: both;
}
.wins_box_balls {
  position: absolute;
  font-weight: 600;
  font-size: 1.875em;
  padding: 8.8%;
  text-align: center;
  color: #fff;
  top: 23%;
}
.wins_box_balls::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 8px solid #fff;
  background-color: #1dabe2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.wins_box_balls span {
  position: inherit;
  width: 100% !important;
  height: 100%;
  top: 77%;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  text-align: center;
  transform: translateY(-49%);
  -ms-transform: translateY(-49%);
  -webkit-transform: translateY(-49%);
  -moz-transform: translateY(-49%);
  -o-transform: translateY(-49%);
}
.wins_boxwrap .wins_box:nth-child(odd) .wins_box_balls {
  left: -9%;
}
.wins_boxwrap .wins_box:nth-child(even) .wins_box_balls {
  right: -9%;
}
.wins_boxwrap .wins_box:nth-child(1) {
  border-top: 8px solid #1dabe2;
}
.wins_boxwrap .wins_box:nth-child(2) {
  border-top: 8px solid #a2c52c;
}
.wins_boxwrap .wins_box:nth-child(3) {
  border-top: 8px solid #ffa94c;
}
.wins_boxwrap .wins_box:nth-child(4) {
  border-top: 8px solid #ee6069;
}
.wins_boxwrap .wins_box:nth-child(1) .wins_box_balls::before {
  background-color: #1dabe2;
}
.wins_boxwrap .wins_box:nth-child(2) .wins_box_balls::before {
  background-color: #a2c52c;
}
.wins_boxwrap .wins_box:nth-child(3) .wins_box_balls::before {
  background-color: #ffa94c;
}
.wins_boxwrap .wins_box:nth-child(4) .wins_box_balls::before {
  background-color: #ee6069;
}

.wins_highlights {
  color: #fff;
  margin: 2.5% 0;
  padding: 2.0833% 0;
  overflow: hidden;
}
.wins_highlights h2 {
  font-size: 1.5em;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
  margin-top: 0;
}
.wins_content h2 {
  font-size: 1.5em;
  font-weight: 600;
  color: #1dabe2;
  text-transform: uppercase;
}
.wins_highlights ul {
  margin: 0;
}
.wins_highlights li {
  margin-bottom: 0.8333%;
}
.wins_highlight_pub {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 2.5% 2.5% 2.5%;
  overflow: hidden;
} /*25px/1000px*/
.wins_highlight_pubitem {
  width: 17.91667%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.wins_highlight_pubitem_img {
  margin-bottom: 18px;
  display: block;
}
.wins_highlight_pubitem_img img {
  max-width: 100%;
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_highlight_pubitem_text {
  text-align: center;
}
.wins_highlight_pubitem_text a {
  color: #fff;
}
.wins_highlight_pubitem_text a:hover {
  color: #fff;
  opacity: 0.7;
}

.wins_countries {
  margin: 2.5% 0;
  padding: 0;
  overflow: hidden;
}
.wins_countries h2 {
  font-size: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
}
.wins_countries img {
  max-width: 100%;
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
/* .wins_countries_map			{ margin:0 10%;} */
.wins_countries_jqvmap {
  width: 700px;
  height: 500px;
  margin: 0 auto;
  border: 0px solid #666;
}
.wins_countries_disclaimer {
  color: #bababa;
  font-size: 0.875em;
  display: block;
  text-align: center;
}

.wins_resources {
  margin: 2.5% 0;
  padding: 2.7% 0;
  overflow: hidden;
  position: relative;
}
.wins_resources h2 {
  font-size: 1.5em;
  font-weight: 600;
  color: #1dabe2 !important;
  text-transform: uppercase;
  display: inline-block !important;
  position: absolute;
  top: 0.7%;
  left: 1%;
}
.wins_resources_pub {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 1% 3% 1%;
  overflow: hidden;
}
.wins_resources_pubitem {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.wins_resources_pubitem_img {
  margin-bottom: 18px;
  display: block;
}
.wins_resources_pubitem_img img {
  max-width: 100%;
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_resources_pubitem_text {
  font-size: 0.875em;
  font-weight: 300;
  text-align: center;
  color: #3b3b3b;
  opacity: 1;
}
.wins_resources_pubitem_text:hover {
  opacity: 0.5;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.wins_resources_pubitem_text h4 {
  text-transform: uppercase;
  color: #1dabe2;
  margin-bottom: 5px;
}
.wins_resources .owl-carousel {
  padding-top: 50px;
}
.wins_resources .owl-nav {
  position: absolute;
  top: 0;
  right: 24px;
  z-index: 1000;
}
.wins_resources_list {
  margin: 0 0 1.6667% 0;
  padding: 0;
  display: inline-block;
  float: right;
}
.wins_resources_list a {
  color: #fff;
  font-weight: 600;
  display: block;
  margin: 0;
  background-color: rgba(29, 171, 226, 1);
  padding: 14px 18px;
  border-radius: 30px;
}
.wins_resources_list a:hover {
  background-color: rgba(29, 171, 226, 0.7);
}

.wins_partners {
  overflow: hidden;
  margin: 0 0 1.6667% 0;
  padding: 0;
}
.wins_partners h2 {
  font-size: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
}

.wins_partners_item {
  display: inline-block;
  padding: 2%;
  text-align: center;
  width: 20%;
  position: relative;
  border: 0px solid #dedede;
  margin: 1%;
}
.wins_partners_item:nth-child(1),
.wins_partners_item:nth-child(2) {
  width: 24%;
}
.wins_partners_item img {
  max-width: 100%;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_partners_item {
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  color: #656565;
}
.wins_partners_item a {
  color: #656565;
}
.wins_partners_item a:hover {
  color: #1dabe2;
  opacity: 0.7;
}
.wins_partners_itemtext {
  margin-top: 9px;
  border-top: 1px dotted #dcdbdb;
  padding-top: 4px;
}
.wins_footer {
  padding: 0.8333% 2.0833%;
  overflow: hidden;
  color: #fff;
  /* font-size: 0.75em; */
  font-size: large;
}
.wins_footer a {
  color: #fff;
}
.wins_footer a:hover {
  color: #fff;
  opacity: 0.7;
}
.wins_footer_copyright {
  float: right;
  text-align: right;
}
.wins_footer_contact {
  float: left;
  text-align: left;
}
.wins_footer_contact:first-child {
  font-weight: bold;
}
/* Inner Page Section*/
.wins_innerbanner {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.wins_innerbanner img {
  max-width: 100%;
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_innerbanner_caption {
  position: absolute;
  color: #fff;
  left: 0;
  bottom: 0;
  padding: 1.6667%;
  margin: 0 12.4%;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 8;
  font-size: 2em;
  background-color: rgba(29, 171, 226, 0.9);
}
/*.wins_innerbanner_caption::before 		{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; bottom:0; right:0; background-color: rgba(29, 171, 226, 0.9); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}*/
/*.wins_innerbanner_caption span 			{ position:inherit; width:100%; height:100%; top:85%; left:0; right:0; margin:0 auto !important; width:100%; text-align:center; transform: translateY(-47%); -ms-transform: translateY(-47%); -webkit-transform: translateY(-47%); -moz-transform: translateY(-47%); -o-transform: translateY(-47%);}*/
.wins_innercontentwrap {
  overflow: hidden;
  margin: 2.5% 0;
}
.wins_innercontent {
  overflow: hidden;
}
.wins_innercontent a {
  color: #1dabe2;
}
.wins_innercontent a:hover {
  color: #1dabe2;
  opacity: 0.7;
}
.wins_innercontent li {
  margin-bottom: 10px;
}
.wins_innercontent h3 {
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}
.wins_innerimage {
  float: right;
  margin: 3px 0 7px 7px;
}
.wins_innerleftside {
  margin: 0 0 0 5%;
  width: 31%;
  float: right;
}
.wins_innerrightside {
  margin: 0 0 0 5%;
  width: 31%;
  float: right;
}
.wins_innerleftside h3 {
  font-size: 1.25em;
  font-weight: 800;
  text-transform: uppercase;
}
.wins_poster {
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
}
.wins_poster img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.wins_poster_text {
  font-size: 0.875em;
  font-weight: 300;
  text-align: center;
  color: #656565;
}
.wins_poster_text a {
  color: #656565;
}
.wins_poster_text a:hover {
  color: #656565;
  opacity: 0.7;
}

.wins_countries_wrap {
  margin: 2.0833% 3.75%;
}
.wins_countries_items {
  overflow: hidden;
  margin-bottom: 20px;
  font-size: 1em;
}
.wins_countries_items h4 {
  font-weight: 700;
  margin: 0;
}
.wins_countries_items ul,
.wins_countries_items li {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-weight: 700;
}
.wins_countries_items li a {
  color: #292929;
}
.wins_countries_items li a:hover {
  color: #292929;
  opacity: 0.6;
}
.wins_countries_items li:nth-child(n + 1) a:after {
  content: ",";
  margin-right: 5px;
  font-weight: 700;
}
.wins_countries_items li:last-child a:after {
  display: none;
}

.wins_countries_pub {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding: 2.5% 1.6667%;
  overflow: hidden;
}
.wins_countries_pubitem {
  width: 18.8%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  opacity: 1;
}
.wins_countries_pubitem_img {
  margin-bottom: 5px;
  display: block;
}
.wins_countries_pubitem_img img {
  max-width: 100%;
  width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  display: block;
}
.wins_countries_pubitem_text {
  font-size: 0.875em;
  font-weight: 600;
  color: #1dabe2;
  display: block;
  margin-bottom: 5px;
}
.wins_countries_pubitem:hover {
  opacity: 0.7;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.wins_countries_pubitem_text h4 {
  color: #1dabe2;
  margin-bottom: 5px;
}
.wins_countries_pubitem_text img {
  width: auto !important;
  margin: 0 auto;
}
.wins_innerleftside table {
  width: 100%;
}
.wins_innerleftside table tr th {
  padding: 3.2258%;
  text-align: left;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  border-bottom: 1px solid #fff !important;
}
.wins_innerleftside table tr td {
  padding: 3.2258%;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  border-bottom: 1px solid #fff !important;
  vertical-align: top;
}
.wins_innerleftside table tr td:first-child {
  width: 80%;
}

.wins_innerleftside table tr:nth-child(odd) {
  background-color: #3A3838;
}
.wins_innerleftside table tr:nth-child(even) {
  background-color: #3A3838;
}
.wins_innerleftside table tr:first-child {
  background-color: #fff !important;
}
.wins_innerleftside table tr.multimedia {
  background-color: #fff !important;
  color: #4b4b4b !important;
}
.wins_innerleftside table tr.multimedia td {
  olor: #4b4b4b !important;
}
.wins_innerleftside table th {
  background-color: #1dabe2 !important;
}
.wins_fact_source {
  overflow: hidden;
  font-size: 0.79em;
  color: #7d7c7c;
  margin: 6px 8px 6px 8px;
}
.wins_fact_source h4 {
  font-weight: 700;
  margin: 0;
  color: #7d7c7c;
  text-transform: uppercase;
}
.wins_contacts {
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
  font-size: 0.9em;
  color: #1dabe2;
}
.wins_contacts a {
  color: #1dabe2;
}
.wins_contacts a:hover {
  color: #1dabe2;
  opacity: 0.7;
}
.download-resource {
  text-align: center;
  display: block;
  margin-top: 20px;
}

/* E-Course Page Styles */
.ui-widget-content a {
  color: #1dabe2;
}
.ui-widget-content a:hover,
.ui-widget-content a:focus {
  color: #1dabe2;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-radius: 0;
}
.ui-widget-content,
.ui-state-default {
  border: none;
}
.ui-state-default:hover {
  border: none;
}
.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 {
  background: #1dabe2;
}

#intro {
  background: url("../images/slide4-zambia.jpg") 50% 0 no-repeat; /*fixed */
  color: white;
  height: auto;
  min-height: 350px;
  /* margin: 0 auto;
	padding: 0; */
}
.large-text {
  font-size: 58px;
  line-height: 70px;
  font-weight: 900;
  text-shadow: 0 0 11px rgba(0, 0, 0, 0.5);
}
select.form-control.kit:not([size]):not([multiple]) {
  height: calc(4.25rem + 2px);
}
select.form-control.kit {
  font-size: 1rem;
  line-height: 2.5;
  color: #1dabe2;
  font-weight: 700;
}
.projectDetails p {
  font-size: 14px;
  line-height: 20px;
}
.btn-primary.emergency {
  background-color: #66bb6a;
  border-color: #66bb6a;
}
.btn-primary.humanitarian {
  background-color: #1dabe2;
  border-color: #1dabe2;
}
.btn-primary.peace {
  background-color: #1dabe2;
  border-color: #1dabe2;
}

.kitItem {
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 7px;
  box-shadow: 1px 1px 5px #ccc;
  padding: 25px;
  flex: 1;
}
.kitItem .number {
  background-color: #bb1552;
  color: #fff;
  font-weight: 700;
  /* border: 2px solid #ccc; */
  border-radius: 50%;
  padding: 6px 15px;
  font-family: sans-serif;
}
.kitItem .title {
  font-weight: bold;
  line-height: 19px;
}

.kitItem .description {
  /*padding-left: 35px;*/
  line-height: 19px;
  font-size: 0.95rem;
text-align: center;
  padding-top: 10px;
}
.kitItem .description1 {
  /*padding-left: 35px;*/
  line-height: 19px;
  font-size: 0.95rem;
text-align: center;
  padding-top: 10px;
	background-color: #bb1552;
}

.kitItem button {
  padding: 0.01rem 0.5rem;
  font-size: 0.9rem;
  float: right;
  background-color: #fff;
  border: none;
  color: #1dabe2;
}
.page-header-custom-background {
  background-image: url("../images/girlChildBg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.headerOverlay {
  background: rgb(0, 0, 0);
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.85) 15%,
    rgba(0, 0, 0, 0.65) 45%,
    rgba(0, 0, 0, 0) 85%
  );
}
.headerOverlay.vertical {
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.75) 15%,
    rgba(0, 0, 0, 0.45) 30%,
    rgba(0, 0, 0, 0) 85%
  );
}
.headerOverlay .container {
  height: 33rem; /*20*/
}
.page-header-custom-background h1 {
  color: #ffffff;
}
.page-header-custom-background .breadcrumb.dark {
  background-color: rgba(0, 0, 0, 0.7); /* rgba(51,122,183,0.8);*/
  padding: 0 10px;
}
.page-header-custom-background .breadcrumb li.active {
  color: #fff;
  opacity: 0.7;
}
.page-header .breadcrumb > li {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  text-shadow: none;
}
.page-header .breadcrumb > li + li::before {
  color: inherit;
  opacity: 0.5;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  padding: 0 7px 0 5px;
}
.breadcrumb {
  padding: 0.25rem 1rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.page-header-custom-background .breadcrumb {
  text-align: left;
  float: left;
}

.flex-direction-nav li .prev,
.flex-direction-nav li .next {
  background-color: #1dabe2;
  opacity: 0.8;
}
.flex-direction-nav li .prev {
  left: -30px;
}
.flex-direction-nav li .next {
  right: -30px;
}

.toggle.btn-sm {
  margin-right: 8px;
  margin-bottom: 8px;
}
.selContexts .toggle {
  display: block;
  margin-top: 4px;
}
.selInterventions .toggle {
  margin-top: 8px;
}
.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
  border-radius: 20rem;
}
.toggle.ios .toggle-handle {
  border-radius: 20rem;
}
.btn-outline-info {
  color: #1dabe2;
  border-color: #1dabe2#1dabe2 !important;
}
.btn-outline-info:hover {
  background-color: #1dabe2#1dabe2 !important;
  border-color: #1dabe2#1dabe2 !important;
}
.btn-outline-warning {
  color: #212529 !important;
}
.shop .thumb {
  background-color: #fff;
  height: auto; /*180px*/
  border-top: 1px solid #d9d9d9;
  text-align: center;
}
.shop .buy {
  left: 33px;
}
.shop .buynow {
  padding: 5px 15px;
}
.shop .languages {
  font-size: small;
}
.shop > li {
  height: auto;
  width: 100%;
} /* height: 250px; */

/* flags */
.countries {
  background-color:#E7E6E6;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.countries .row {
  margin-top: 20px;
  justify-content: space-around;
  margin-left: 0;
  margin-right: 0;
}
.country {
  display: flex;
  flex-direction: column;
}
.country .flag {
  width: 72px;
  height: 54px;
}
.country a{
	color: #333333;
}
.country span {
  align-self: center;
  text-align: center;
}
div.tooltip {
  width: 470px;
}

div.tooltip-inner {
  max-width: 480px;
}
.tabs-wrapper {
  width: 100%;
}
.uf-wrapper {
  display: flex;
  flex-direction: row;
}
.uf-wrapper .sidebar {
  float: none;
}
.uf-list {
  padding-left: 0;
}
.uf-filter .uf-tags a {
  height: auto !important;
}
.uf-filter .uf-tags a {
  color: #1dabe2;
  font-size: 11px;
  text-align: left;
  text-transform: capitalize;
}
.shop {
  margin-bottom: 0;
}
.shop .thumb,
.shop .name {
  background-color: transparent;
  text-align: left;
  padding-left: 0px;
  padding-right: 5px;
}
.uf-list {
  min-height: auto;
}
.tab-content {
  width: 100%;
}
/* .nav-tabs .nav-link {
    font-size: 1.2rem;
}
.nav-tabs a.nav-link {
    color: #4b4b4b;
}
.nav-tabs .nav-link.active {
    color: #fff;
    border-color: #1dabe2 #1dabe2 #fff;
    background-color: #1dabe2;
} */
nav > .nav.nav-tabs {
  border: none;
  color: #fff;
  background: #272e38;
  border-radius: 0;
}
nav > div a.nav-item.nav-link {
  border: none;
  padding: 20px 25px;
  color: #fff;
  background: #272e38;
  border-radius: 0;
}
nav > div a.nav-item.nav-link.active {
  color: #fff;
  background: #1dabe2;
}

nav > div a.nav-item.nav-link.active:after {
  content: "";
  position: relative;
  bottom: -60px;
  left: -20%;
  border: 15px solid transparent;
  border-top-color: #1dabe2;
}
.tab-content {
  background: #fdfdfd;
  line-height: 25px;
  border: 1px solid #ddd;
  border-top: 5px solid #1dabe2;
  border-bottom: 5px solid #1dabe2;
  padding: 30px 25px;
}

.listIcons {
  list-style: none;
  padding-left: 0;
}
.listIcons li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 30px;
}

.listIcons .icon {
  width: 70px;
}
.listIcons .text {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  border-left: 2px solid #ccc;
}
.icon img {
  max-width: 50px;
}

.adicon {
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
}
.adicon.energy1 {
  background-image: url("../images/Icons/Energy-level/energy1.png");
  width: 20px;
  margin-top: 11px;
}
.adicon.energy2 {
  background-image: url("../images/Icons/Energy-level/energy2.png");
  width: 20px;
  margin-top: 11px;
}
.adicon.energy3 {
  background-image: url("../images/Icons/Energy-level/energy3.png");
  width: 20px;
  margin-top: 11px;
}
.adicon.energy4 {
  background-image: url("../images/Icons/Energy-level/energy4.png");
  width: 20px;
  margin-top: 11px;
}
.adicon.energy5 {
  background-image: url("../images/Icons/Energy-level/energy5.png");
  width: 20px;
  margin-top: 11px;
}

.adicon.build-connections {
  background-image: url("../images/Icons/approaches/build-connections.png");
}
.adicon.build-on-the-positive {
  background-image: url("../images/Icons/approaches/build-on-the-positive.png");
}
.adicon.challenge-encourage-adolescents {
  background-image: url("../images/Icons/approaches/challenge-encourage-adolescents.png");
}
.adicon.expression-creativity {
  background-image: url("../images/Icons/approaches/expression-creativity.png");
  width: 17px;
}
.adicon.Improvise-adapt {
  background-image: url("../images/Icons/approaches/Improvise-adapt.png");
}
.adicon.Include-all-adolescents {
  background-image: url("../images/Icons/approaches/Include-all-adolescents.png");
}
.adicon.listen {
  background-image: url("../images/Icons/approaches/listen.png");
}
.adicon.reach-out {
  background-image: url("../images/Icons/approaches/reach-out.png");
}
.adicon.structure-support {
  background-image: url("../images/Icons/approaches/structure-support.png");
}
.adicon.take-the-lead {
  background-image: url("../images/Icons/approaches/take-the-lead.png");
}

.adicon.communication {
  background-image: url("../images/Icons/competencies/communication.png");
  width: 21px;
}
.adicon.cooperation-teamwork {
  background-image: url("../images/Icons/competencies/cooperation-teamwork.png");
  width: 18px;
}
.adicon.coping {
  background-image: url("../images/Icons/competencies/coping.png");
  width: 20px;
}
.adicon.creativity-innovation {
  background-image: url("../images/Icons/competencies/creativity-innovation.png");
  width: 18px;
}
.adicon.critical-thinking-decision-making {
  background-image: url("../images/Icons/competencies/Critical-thinking-decision-making.png");
}
.adicon.empathy {
  background-image: url("../images/Icons/competencies/empathy.png");
  width: 22px;
  margin-top: 10px;
}
.adicon.hope {
  background-image: url("../images/Icons/competencies/hope.png");
}
.adicon.Identity-self-esteem {
  background-image: url("../images/Icons/competencies/Identity-self-esteem.png");
}
.adicon.leadership {
  background-image: url("../images/Icons/competencies/leadership.png");
  width: 17px;
}
.adicon.problem {
  background-image: url("../images/Icons/competencies/problem.png");
  width: 16px;
}

.adicon.connecting {
  background-image: url("../images/Icons/phases/connecting.png");
  width: 16px;
}
.adicon.knowing-ourselves {
  background-image: url("../images/Icons/phases/knowing-ourselves.png");
  width: 16px;
}
.adicon.starting-circle {
  background-image: url("../images/Icons/phases/starting-circle.png");
  width: 16px;
}
.adicon.taking-action {
  background-image: url("../images/Icons/phases/taking-action.png");
  width: 16px;
}

tr.multimedia td,
td.map {
  padding: 0px !important;
  width: 100%;
}
.wins_innerleftside a {
  color: #ffffff;
}

#cboxOverlay {
  background-color: #4d4d4d !important;
}

#form-content label {
  margin-bottom: 0.1rem;
  color: #1dabe2;
  font-size: small;
  font-weight: bold;
}
.btn-send {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

.help-block.with-errors {
  color: #ff5050;
  margin-top: 5px;
}
.ui-widget-header {
  background: #1dabe2 !important;
}
.ui-dialog-titlebar .ui-dialog-title {
  text-transform: uppercase;
  font-weight: bolder;
  color: #fff;
  text-align: center;
}
.navbar-expand-lg {
/*  width: 1400px;
*/  margin: 0 auto;
}
.nav-outer-wrap {
  display: flex;
  flex-direction: column;
}
.nav-logo-title {
  display: flex;
}
.nav-menu{
  display: flex;
}

/**/
@media only screen and (max-width: 1250px) {
  .navbar-brand img {
    max-height: 50px !important;
  }
  .nav-wrapper {
    min-height: 84px;
    height: auto;
  }
  .navbar h1 {
    font-size: 1rem;
  }
  .nav-link {
    font-size: 0.85rem;
  }
  .nav-link {
      padding: 0.1rem 0.4rem;
  }
  .shop .buynow {
    padding: 2px 7px;
  }
  .shop .name {
    font-size: 0.75rem;
  }
  .download a {
    font-size: 0.8rem;
  }
  .download a.buynow {
    font-size: 0.7rem;
  }  
}

/* tablets */
@media only screen and (max-width: 992px) {
  .nav-wrapper {
    height: auto;
    min-height: 79px;
  }
  .nav {
    display: inline-block;
  }
  .navbar h1 {
    font-size: 1.3rem;
    flex:auto;
  }
  .uf-wrapper .sidebar {
    display: none;
  }
  .navbar-expand-lg {
    width: auto;
  }
  .nav-outer-wrap {
    flex-direction: row;
  }
}

/* smart phones */
@media only screen and (max-width: 768px) {
  /* .nav-wrapper {
    min-height: 89px;
  } */
  .navbar h1 {
    font-size: 1.1rem;
  }
  .headerOverlay .container {
    height: 19rem;
  }
  .sidebar {
    display: none;
  }
  .shop{
    width: 100%;
  }

  .ml-3, .mx-3 {
    margin-left: 0.5rem!important;
  }
  .mr-3, .mx-3 {
    margin-right: 0.5rem!important;
  }
  .shop .languages {
    display: none !important;
  }
  .shop .name {
    max-width: 40%;
    line-height: 1.2rem;
  }

  .adicon.starting-circle {
    width: 11px;
  }
  .adicon.cooperation-teamwork, .adicon.knowing-ourselves, .adicon.leadership, .adicon.connecting, .adicon.taking-action {
    width: 13px;
  }
  .adicon.problem {
    width: 12px;
  }
  .adicon.energy1, .adicon.energy2, .adicon.energy3, .adicon.energy4 {
    width: 17px;
    margin-top: 10px;
  }
  .adicon.communication {
    width: 17px;
  }
  .adicon.critical-thinking-decision-making, .adicon.hope, .adicon.creativity-innovation {
    height: 14px;
  }
  .adicon.Identity-self-esteem {
    height: 15px;
  }
  .adicon.coping{
    height: 16px;
  }
  .adicon.empathy{
    width: 18px;
  }

}


/* smaller phones */
@media only screen and (max-width: 420px) {
  .navbar-brand {
    padding: 0;
  }
  .navbar h1 {
    width: 180px;
  }
}

/* Style of table */
.div1{
	border: 0px;
	border-left: 3px;
    border-color:#8d8d8d;
		  height: auto;
    border-style: solid;
}
.div2{
	border: 0px;
	height: auto;
	text-align: right;

}
.div3{
	border: 0px;
	border-left: 3px;
    border-color:#bb1552;
		  height: auto;
    border-style: solid;
}
.div33{
	border: 0px;
	border-left: 10px;
    border-color:#bb1552;
		  height: auto;
    border-style: solid;
}
    .div-1 {
      /*background-color: #c9cccd;*/
		padding-top: 20px;
		padding-bottom: 20px;
		background-image: url("../images/background-supply1.png")
    }
    
    .div-2 {
    	/* background-color: #dfe1e2; */
		padding-top: 20px;
		padding-bottom: 20px;
		background-image: url("../images/background-supply.png")
    }
    
    .Adapted-pink {
    	background-color: #ec008c;
    }
    .Adapted-green {
    	background-color: #b4c852;
    }
    .Adapted-orange {
    	background-color: #eca83b;
    }
.tempht{
	
	margin-top: 9rem;
}
.res-img {
  width: 100%;
  height: auto;
}