/*------------------------------------------------------------------
Project:    Nantes - multi purpose one-page template
Version:    1.0
Last change:    18/02/2016 [...]
Designed by:    MOOZ Themes / www.MOOZthemes.com
Primary use:    One page
-------------------------------------------------------------------*/
/* main font for menu. */
@import url(http://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900);
/* font for headings, text, tags */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);
/*--------------------
1. General
--------------------*/
* {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  box-sizing: border-box;
}

h4 {
  font-size: 18px;
  font-weight: bold;
  color: #003366; /* Dark blue color */
}

p, li {
  font-size: 16px;
  line-height: revert;
  letter-spacing: 0.3px;
  color: black;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.project {
  color: #003366; /* Dark blue text color */
  font-size: large;
  background-color: #ADD8E6; /* Light blue background color */
}

/*------------------
nav
--------------------*/
.nav {
  background: #1a6194;
  justify-content: space-around;
  display: flex;
}

.nav a {
  font-size: 16px;
  color: white;
  padding: 12px;
}

.nav a:hover {
  background-color: #666;
  text-decoration: none;
  color: white;
}

.logo {
  width: 35%;
  margin: 8% 0 0 24%;
}

.background {
  background-image: url("images/logo.png");
  position: absolute;
  opacity: 0.3;
  top: 40%;
  left: 40%;
}

/*-------------------
slider
--------------------*/
.banner {
  width: 100%;
  padding: none;
}

.slider {
  width: 100%;
  height: 410px;
  overflow: hidden;
}

.mySlides img {
  width: 100%;
  height: 410px;
}

.hpopular_inner {
  float: left;
  width: 100%;
  background: #f2f2f2;
  margin-top: 35px;
}

.hpopular_head {
  float: left;
  width: 100%;
  padding: 30px 20px;
  text-align: center;
  background: #1a6194;
}

.mb-4 {
  color: white;
  font-size: 65px;
}

.hpopular_det {
  float: left;
  width: 100%;
  padding: 10px 15px;
  font-size: 15px;
  text-align: left;
  height: 200px;
  overflow-y: hidden;
}

.hpopular_head h3 {
  float: left;
  width: 100%;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}

.popcou_icon a {
  float: left;
  width: 100%;
  background: #083b4a;
  color: #fff;
  padding: 6px 0px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}

#back-top a {
  width: 60px;
  height: 60px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  background: #A9A9B1;
  transition: 1s;
  position: absolute;
  margin: -5% 0 0 84%;
}

#back-top i {
  margin-top: 15px;
  font-size: 28px;
}

.thirukkural {
  font-weight: bolder;
  color: slateblue;
  margin-top: 25px;
}

/*--------------------
5. Footer
--------------------*/
footer {
  background-color: #1a6194;
  margin-top: 8px;
}

.footlogo {
  width: 100%;
  padding: 24px;
  margin: 14px;
}

/*----------
about us
------------*/
span {
  font-size: 17px;
  font-weight: 600;
}

.btnn {
  width: 30%;
  font-size: large;
  margin: 8px;
  padding: 14px;
  border-radius: 20pc;
  border: none;
}

.flowchart {
  font-size: 16px;
  text-align: center;
  padding: 16px;
  color: #003366; /* Dark blue color */
  font-weight: bold; /* Makes the text bold */
}
.border-success {
  border-color: #003366 !important;
}

.secretary {
  background: #ADD8E6; /* Light blue background */
  width: 46%;
  margin-left: 31%;
  padding: 8px;
  border-radius: 20pc;
}

.Vice {
  background: #ADD8E6; /* Light blue background */
  width: 37%;
  margin-left: 36%;
  padding: 8px;
  border-radius: 20pc;
}

.cef {
  background: #ADD8E6; /* Light blue background */
  width: 33%;
  margin-left: 38%;
  padding: 8px;
  border-radius: 20pc;
}

.accounts {
  background: #ADD8E6; /* Light blue background */
  color: #003366; /* Dark blue text color */
  padding: 12px;
  border-radius: 20pc;
}


.nodal {
  background: #ADD8E6; /* Light blue background */
  padding: 12px;
  border-radius: 20pc;
}

.nadp {
  background: #ADD8E6; /* Light blue background */
  padding: 12px;
  border-radius: 20pc;
}

.vl {
  border-left: 3px solid #003366; /* Dark blue line */
  height: 48px;
  margin-left: 53%;
}

hr {
  border: 1px solid #003366; /* Dark blue line */
  width: 117%;
  margin: 34px 0px 0px -10%;
}

.line hr {
  width: 142%;
  margin: 34px 0 0 -24%;
}

.vr .vl {
  margin-left: 34%;
}

.vrline .vl {
  margin-left: 60%;
}

.fas {
  position: absolute;
  font-size: 33px;
  display: flex;
  margin-left: -13px;
  margin-top: 27px;
  color: #003366; /* Dark blue color */
}

.faleft {
  position: absolute;
  font-size: 33px;
  display: flex;
  color: #003366; /* Dark blue color */
  margin: -10% 0 0 -10%;
}

.faright {
  position: absolute;
  font-size: 33px;
  display: flex;
  color: #003366; /* Dark blue color */
  margin: -21% 0 0 73%;
}

.scheme p {
  font-size: 12pt;
  padding: 8px;
  font-weight: initial;
}

.scheme li, h1 {
  font-size: 15pt;
  font-weight: bold;
  color: #003366; /* Dark blue color */
}

/*------------------------
pi chart
-------------------------*/
@media (min-width: 992px) {
  .svg-item {
    width: 100%;
  }
}

.donut-segment-2 {
  stroke: #003366; /* Dark blue color */
}
.donut-segment-3 {
  stroke: #ed1e79; 
}

.donut-segment-4 {
  stroke: #ed1e79;
}

.donut-segment-5 {
  stroke: #FF6200;
}

.donut-segment-6 {
  stroke: #d31ae4;
}

.donut-text-1 {
  fill: #003366; /* Dark blue color */
}

.donut-text-2 {
  fill: #ed1e79;
}

.donut-text-3 {
  fill: #ed1e79;
}

.donut-text-4 {
  fill: #FF6200;
}

.donut-text-5 {
  fill: #d31ae4;
}

.donut-data {
  font-size: 3px;
  fill: #666;
}

.team-item h3 {
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
}

.left {
  margin-left: 12%;
  margin-top: -3%;
}

.svg-item {
  display: inline-block;
  width: 13%;
  margin-left: 5%;
}

.right {
  margin-top: -4%;
  margin-right: 15%;
  float: right;
}

figure {
  cursor: pointer;
}

figure:hover {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.1);
}