/**** Login *****/
/*

primary-color: #008CBA; 062242;
secondary-color:#e7e7e7; 164066
hover color:# 000000
active-color: #333333
alert-color:#f04124
success-color: #43AC6A
warning-color: #f08a24;
info-color:#a0d3e8

*/

body{

}

.top-bar{
  height:60px;
  padding-top: 8px;
  background-color:#062242 !important;
}

.login-box{
  background-color: #ffffff;
  width: : 500px;
  padding: 30px;
  margin-top: 30px;
}

.icons{
  margin-top: 20px;
  margin-bottom: 20px;
}
a .fa{
  color: #ffffff;
  display: block;
  margin: auto;
  font-size: 70px !important;
}


label{
  color: #ffffff;
}

.item{
  text-align:center;
  background-color: #062242;
  overflow: auto;
  width: 100%;
  height: auto;
  display:block;
  padding-top: 15px;
  padding-bottom: 10px;
}

.item:hover{
  background-color: #000000;
  text-decoration: none;
}


.item.active{
  background-color: #333333;
}

.white-bg{
  background-color:#ffffff;
  overflow: :auto;
  padding: 20px;
}


.primary-bg{
  background-color: #062242;
  overflow: auto;
  padding: 20px;
}



/*====================================================
                       ABOUT
======================================================*/

#about-bg-diagonal {
  width: 60%;
  height: 700px;
  float: right;
  background-image: url(../img/DSC05767.JPG);
  border-left: 200px solid #fff;
  border-top: 700px solid transparent;
}

#about-content-box {
  float: left;
  height: 700px;
  font-family: "Roboto Condensed", sans-serif;
}

#about-content-box-outer {
  width: 100%;
  height: 100%;
  display: table;
}

#about-content-box-inner {
  display: table-cell;
  vertical-align: middle;
}

#about .content-title h3 {
  text-align: left;
 
  border-color: #fbbf11;
  border-style: solid;
  color: #fbbf11;
    border-width: 2px;
    border-radius: 0;
    padding: 12px 26px 12px 26px;
    border-radius: 10px;
    font-weight: 400;
    
    text-align: center;
}

#about .content-title-underline {
  margin: 0 0 30px 0;
}

#about-desc p {
  margin-bottom: 30px;
  color: #64707b;
    font-size: 16px;
    font-weight: 300;
}


input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
  width: 100%;
}

/*====================================================
                        PARALLAX (Generic)
======================================================*/

.bg-parallax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@media (max-width: 767px) {
  #about-bg-diagonal {
      border-left: 0;
      border-top: 0;
      width: 100%;
      height: 350px;
      
  }

  #about-content-box {
    float: left;
    height: 550px;
    font-family: "Roboto Condensed", sans-serif;
}
}




/***Footer***/
footer{
  background-color: #062242;

  margin-top: 80px;
}

footer p{
  color: #ffffff;
  text-align: center;
  padding-top: 20px;
}








/****GENERAL STYLES *****/
.bg-dark {
    background-color: #343a40 !important;
}

.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}



img#logobig{
	padding-top:20px;
	padding-bottom:10px;
	
}
img#logosmall{
		padding-top:20px;
	padding-bottom:10px;
}

#background{
	 background:#fff url("../images/logo1.jpg") no-repeat;
height:300px;	 
}

#background .card{
	background-color: rgba(0, 0, 0, 0.7);
}

.btn-color{
   background:#ff3300; 
   color:#fff;
}

.white{
  color:#fff;
}

.red{
	color:red;
}

.no-resize{
	resize:none !important;
 }
/****END OF GENERAL STYLES *****/


/**** HOME SECTION STYLES*****/
/**Nav-Tabs**/

.nav-tabs {
 position: relative;
}

.tab-content {
 
  padding: 15px;
  margin-bottom: 20px;
  background:rgba(0, 0, 0, 0.7);
}

.nav > li > a {
  font-size: 13px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background: inherit;
}

.nav-tabs > li > a {
  outline:none;
  border-bottom: none;
   background:rgba(0, 0, 0, 0.5)!important;
  padding: 5px 15px;
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
}

.nav-tabs > li {
  margin-right: 2px;
  color:#fff !important;
  background:rgba(0, 0, 0, 0.7) !important;
}

.nav-tabs > li.active {
  color:#787570 !important;
  background:rgba(0, 0, 0, 0.7)!important;
}

.nav-tabs {
    margin-bottom:2px;
    border-bottom:none;

}

.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:active,
.nav-tabs > li.active a:focus {
  border-bottom: 0;
  border-top: 0;
  color:#787570;
}


/****Join Network Event****/

#join-network-event .join-network-event-border{
	border-right:2px #ccc dotted;
}

#join-network-event .card-img-overlay  h5.heading a{
	text-decoration:none;
	color:#fff;"
}

#home-section-card.card-shadow{
box	-shadow:5px 8px 20px #444;
}

.heading{
	position:absolute;
	top:70px;
	right:15px;
	font-size:14px;
	letter-spacing:1px;
	background:#222;
	width:70%;
	cursor:pointer;
	opacity:.7;
	transition:all .5s;
}

.heading:hover{
	opacity:1;
}

/**** The Third Card (Events)******/
.post{
	background:white;

	margin:15px 0px;
}

.post .post-date{
	padding:3px;
	text-align:center;
}

.post .post-date .day{
	font-size:30; 
	color:#24A7CF;
}

.post .post-date .year{
	font-weight:100;
}

.post .post-title{
	padding:3px 3px 0px 10px;
		border-left:5px solid #E3E3E3;
}

.post .post-title span{
	color:#24A7CF;
	font-weight:100;
	margin-left:10px;
}

/*** End of JOIN NETWORK EVENT ***/


/**Quote colors**/
.color-quote{
 color:#bbbbbb;
}

/**End of Quote colors**/


/**** Partners Section ******/
#partners-section.partners {
  background: #fff;
}

#partners-section.partners .logos {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
}
 
#partners-section.partners .logos li {
  list-style: none;
  margin-right: 0;
  text-align: center;
}
 .partners .logos li img {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  margin: 0 auto;
}
 .partners .logos li img:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
 .partners .carousel-control {
  background: none;
  width: auto;
  top: 20px;
  text-shadow: none;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
 .partners .carousel-control .fa {
  color: #e8e8e8;
  font-weight: bold;
}
 .partners .carousel-control:hover .fa {
  color: #999;
}
/*** End of Partners Section ***/	





footer .row-footer{
	padding: 25px 0px;
}

.quicklinks span.footer-a-color a{
	color:#fff; 
	opacity: 0.6;
}

.footer-color{
 color:#fff; opacity: 0.4;
}

.color-of{
	color:#cccccc;
}
/***End of FOOTER***/


/*****Jumbotron SECTION*******/
.jumbotron {
    margin-bottom: 0rem !important;
}
/*****End of Jumbotron SECTION*******/


/* CARD*/
#profile-section-card .card {
position: relative;
border: 0.1rem solid #e5e5e5;
border-radius: 0.4rem;
position: relative;
background-color: #FFF;
}

#profile-section-card .card-img-top {
border-radius: 0.4rem 0.4rem 0 0;
}

#profile-section-card .card-block {
padding: 1.25rem;
}

#profile-section-card .card-block img.card-img {
top: 50%;
margin-top: -80px;
width: 20%;
border: 3px solid #FFF;
border-radius: 0.4rem;
float: left;
z-index: 99;
}

#profile-section-card .card-block .card-title {
float: left;
margin: 0;
margin-left: 0.5em;
}
#profile-section-card  .card-block .card-title small {
display: block;
}
#profile-section-card .card-block .card-text {
clear: both;
padding-top: 0.25em;
margin-bottom: 1.5em;
}

#profile-section-card .card-block ul a:hover {
text-decoration: none;
}

#profile-section-card .card-block ul .profile-stats {
color: #777;
display: block;
text-transform: uppercase;
font-size: 0.63em;
}
#profile-section-card .card-block ul .profile-value {
color: #000;
font-size: 1.2em;
font-weight: bold;
color: #2F92CA;
}

#profile-section-card .works-step {
    margin-bottom: 50px;
}

#profile-section-card .works-step div {
    color: #ff3300;
    font-size: 100%;
    height: 44px;
    width: 44px;
    border: 2px solid #ff3300;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 25px;
    float: left;
    padding: 5px;
}

#profile-section-card .works-step{
	    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 17px;
    text-rendering: optimizeLegibility;
}


/*** End of works-step ***/

/*** Task List ***/
.task-border-left{
	background:#f0f0f0;
	border-left:3px solid #f66436;
}

/*** End of Task List ***/

.doclinks{
	color:#ccc;
}





#myCarousel .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 42rem !important;
}

#myCarousel .carousel-item{
  height: 42rem !important;
}
/********end*****/

.works-step {

    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
  
    text-rendering: optimizeLegibility;

}

.works-step h4 {

    color: #ff3300;
    font-size: 100%;
    height: 44px;
    width: 44px;
    border: 2px solid #ff3300;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 25px;

    padding: 10px;

}