/*Start Global Styles*/
*
{
  outline: none;
    box-sizing: border-box;
}

 .container-fluid {
   padding-left: 60px;
   padding-right: 60px;
   padding-left: 0 auto;
   padding-right: 0 auto;
  }


body {
  font-family: OpenSans,sans-serif;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: #353535;
  position: relative;
}

h1, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
}


h2 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: OpenSans, sans-serif;
}

h1
{
  font-size: 35px;
  font-family: OpenSans, sans-serif;
}

h2 {
  font-size: 25px;
}


h3 {
  font-size: 18px;
  font-family: OpenSans, sans-serif;
}


h4 {
  font-size: 17px;
}


p
{
  font-family: OpenSans, sans-serif;
  font-size: 16px;
  text-align: justify;
}


.flex 
{
  display: flex;
  justify-content: space-between;
}


a 
{
  color: #346e9e;
    text-decoration: none;
}

a:hover 
{
  text-decoration: underline;
  color: #000;
}

li
{
  font-size: 16px;
}

strong
{
  color: #FF336E;
  font-weight: 600;
}
/*End of the Global Styles*/


/*------------------------------------------------------------------------------------------------
---------------------------------------index.php style--------------------------------------------
-------------------------------------------------------------------------------------------------*/
#main
{
  margin: 15px 0;
}

.heading-block
{
  margin: 20px 0;
}

.heading-block h2
{
  color: #FF336E;
  font-weight: 600;
}

.heading-block span
{
  margin: 5px 0;
  width: 8%;
  background: #FF336E;
  height: 3px;
  position: absolute;
}

/*------------------------------------------------------------------------------------------------
---------------------------------------index.php style--------------------------------------------
-------------------------------------------------------------------------------------------------*/
 #homepage-content .homepage-banner
 {
  margin: 15px 0;
 }

 #homepage-content .homepage-banner img
 {
  position: relative;
  width: 100%;
  height: 410px;
 }

 #homepage-content .homepage-banner .banner-marketing
 {
  position: absolute;
  top: 8%;
  left: 5%;
  padding: 15px;
  background: rgba(0,0,0,0.5);
  width: 90%;
 }

 #homepage-content .homepage-banner .banner-marketing h1
 {
  color: #FFF;
  font-size: 40px;
  font-weight: 600;
 }

 #homepage-content .homepage-banner .banner-marketing a
 {
  margin: 15px 0;
  background:#FF336E;
  color: #FFF;
 }

 #homepage-content .homepage-banner .banner-marketing p
 {
  margin: 10px 0;
  color: #FFF;
 }

 #homepage-content .homepage-info
 {
  margin: 20px 0;
 }

 #homepage-content .homepage-info .homepage-description
 {
  padding: 10px 0;
 }

 #homepage-content .homepage-info .homepage-description li
 {
  padding: 5px 0;
 }

 #homepage-content .homepage-info .homepage-description .description-image
 {
  padding: 20px 0;
 }

 #homepage-content .homepage-info .homepage-description .description-image img
 {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
 }

/*------------------------------------------------------------------------------------------------
--------------------------------Research pages Advertisements-------------------------------------
-------------------------------------------------------------------------------------------------*/

.advertisements
{
  margin: 0 0 15px;
}

.advertisements img
{
  width: 100%;
  margin: 0 0 20px;
}



/*------------------------------------------------------------------------------------------------
----------------------------------------Filter Menu Style-----------------------------------------
-------------------------------------------------------------------------------------------------*/

    .filter-menu
    {
      margin: 15px 11px 0;
      width: 100%;
      padding: 0;
      /*border: 1px solid #FFF;*/
    }

    .filter-menu h3
    {
      text-transform: uppercase;
      text-align: center;
      font-family: Serif;
      color: #FFF;
      padding: 6px 0;
      /*border: 2px solid #CCC;*/
      font-size: 17px;
      font-weight: bold;
      background: #2C3E50;
    }

    .filter-menu .filter-elements
    {
      padding: 9px;
      border-bottom: 2px solid #CCC;
    }

    .filter-menu .form-group
    {
      margin: 0;
    }

    /*.filter-menu .form-group .form-control
    {
      border: 2px solid #CCC;      
    }*/

    .filter-menu .filter-elements select
    {
      margin: 0;
      /*height: 30px;*/
      font-size: 14px;
      background: #F1F1F1;
      border-radius: 30px;
    }

    .filter-menu .filter-elements select option
    {
      padding: 10px 0;
    }

    .filter-menu .filter-elements input[type=text]
    {
      margin: 10px 0 0;
      font-size: 14px;
      padding: 10px 15px;
      border: 1px solid #CCC;
      border-radius: 30px;
      background: #F1F1F1;
    }



/*------------------------------------------------------------------------------------------------
-------------------------------Research organizations List Style----------------------------------
-------------------------------------------------------------------------------------------------*/

#research-collaboration .research-content
{
  margin: 15px 0;
}

#research-collaboration .heading
{
  margin: 5px 0 25px;
}

#research-collaboration .heading h2
{
  font-weight: bold;
  color: #FF336E;
}

#research-collaboration .heading h2::after
{
  content: '';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 0.4em;
    background-color: #FF336E;
}

#research-collaboration .research-content .research-text-description
{
  padding: 0 10px;
}

#research-collaboration .research-content .research-blocks
{
  margin: 30px 0;
  padding: 5px 15px;
  box-shadow: 0 0 13px rgba(0,0,0,0.4);
  border-left: 2px solid #FF336E;
}

#research-collaboration .research-content .research-blocks .collaboration-title
{
  margin: 0 0 10px;
  padding: 13px 0;
  border-bottom: 1px solid #FF336E;
}

#research-collaboration .research-content .research-blocks .collaboration-title h3
{
  font-size: 19px;
  font-weight: 700;
  color: #FF336E;
}

#research-collaboration .research-content .research-blocks strong
{
  color: #FF336E;
}

#research-collaboration .research-content .research-blocks .pdf-file
{
  padding: 8px 0;
  margin: 0 0 10px;
  text-align: center;
}

#research-collaboration .research-content .research-blocks .pdf-file h4
{
  font-weight: bold;
}

#research-collaboration .research-content .research-blocks .pdf-file a
{
  color: #FF336E;
  text-decoration: none;
}

#research-collaboration .research-content .research-blocks .website
{
  color: #FF336E;
  padding: 8px 0;
  margin: 0 0 10px;
  text-align: center;
}

#research-collaboration .research-content .research-blocks .website a
{
  color: #FF336E;
  font-weight: bold;
}

#research-collaboration .research-content .research-blocks .website a:hover
{
  text-decoration: none;
  color: #121212;
}







#research-collaboration .research-content .research-collaboration-section
{
  margin: 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

#research-collaboration .research-content .research-collaboration-section .content-image img
{
  width: 100%;
}

#research-collaboration .research-content .research-collaboration-section .content-info h3
{
  padding: 15px 20px 0;
  font-weight: 700;
}

#research-collaboration .research-content .research-collaboration-section .content-info h4
{
  padding: 15px 10px;
}

#research-collaboration .research-content .research-collaboration-section .content-info a
{
  padding: 0 10px;
}





#research-collaboration .disclaimer
{
  background: #c1f3cd;
  padding: 15px 10px;
  border: 1px solid green;
  border-radius: 5px;
}

#research-collaboration .disclaimer h2
{
  padding: 0 0 10px;
  font-weight: bold;
  color: #B31217;
}

#research-collaboration .disclaimer p
{
  padding: 0 5px;
}

#research-collaboration .disclaimer ul
{
  margin: 30px 0 0;
}

#research-collaboration .disclaimer ul li
{
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 5px;
}






.asscoiations-list
{
  width: 100%;
}

.associations
{
  margin: 10px 12px;
}

.associations h4
{
  margin: 0 0 10px;
  font-size: 17px;
  font-family: Serif;
  font-weight: bold;
}

.associations .collapsible {
  background-color: #FFF;
  color: black;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border: 1px solid #CCC;
  margin: 7px 0 0;
}

.associations .collapsible span {
  color: blue;
  }

.associations .collapsibleactive, .collapsible:hover {
  border: 2px solid #FF336E;
}

.associations .collapsible:after {
  content: '\002B';
  color: black
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.associations .collapsibleactive:after {
  content: "\2212";
}

.associations .content {
  padding: 0 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FFF;
  width: 100%;
}



/*------------------------------------------------------------------------------------------------
------------------------------------------add research page Style----------------------------------
-------------------------------------------------------------------------------------------------*/
#add-research
{
  margin: 15px 0;
}

#add-research .research-list 
{
  padding: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

#add-research .research-list .block-heading
{
  padding: 10px;
  border-bottom: 2px solid #FF336E;
}

#add-research .research-list .block-heading h2
{
  color: #FF336E;
}

#add-research .research-list .research-images
{
  margin: 10px 0 0;
}

#add-research .research-list .research-images img
{
  width: 100%;
}

#add-research .research-list .research-details
{
  margin: 10px 0 0;
}

#add-research .research-list .research-details a
{
  color: #FF336E;
  font-weight: 600;
}

#add-research .research-list .research-details a:hover
{
  text-decoration: none;
  color: #121212;
}

/*---------------------------------------------------------------
Contact Page
-----------------------------------------------------------------*/

#contact
{
  padding: 20px 0;
}

#contact .info .info-details p
{
  font-size: 17px;
}

#contact .info .info-details .website
{
  margin: 25px 0;
}

#contact .info .info-details .website h3
{
  color: #FF336E;
  font-weight: 900;
  margin: 0 0 8px;
} 

#contact .info .info-details .website a
{
  text-decoration: none;
  transition: 0.3s;
}

#contact .info .info-details .email
{
  margin: 25px 0;
}

#contact .info .info-details .email h3
{
  color: #FF336E;
  font-weight: 900;
  margin: 0 0 8px;
} 


#contact .info .info-details .email a
{
  text-decoration: none;
  transition: 0.3s;
  color: #121212;
}