.spacng
{margin:70px 33px;
}
.no-spacing{
padding:0;
background: #ffffff;
}
.no-spacng{
padding:0;
}
.spacng-top{
margin-top:30px;
}
.spacng h3 {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #1e7dd8;
    margin-bottom: 11px;
}
.spacng h3{
font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
	    color: #1e7dd8;
		margin-bottom: 11px;
}
hr {
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #eaeaea;
}
p.source {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}
span.sourcee {
    font-weight: 600;
    font-size: 16px;
    color: #f8a014;
    padding-left: 0;
}
/*-----------------------date and time--------------------------- */
/*.clock {
  margin-left:auto;
  width:283px;
  margin-top: 20px;
  color:#fff;
  border: 1px solid #4d9db5;
 padding: 5px 7px;
text-align: left;
}

#Date {
   font-family: 'Source Sans Pro', sans-serif;
  font-size:13px;
  text-align:right;
  display: inline-block;
  background: url("../img/calendarr.png") no-repeat left 0px center;
  background-size: 15px;
  width: 172px;
}

ul.clockk {
  width:88px;
  margin:0 auto;
  float: right;
  padding:0px;
  list-style:none;
  text-align:right;
  display: inline-block;
  background: url("../img/clock.png") no-repeat left 0px center;
  background-size: 15px;
}

ul.clockk li {
  display:inline;
  font-size:13px;
  text-align:center;
  font-family: 'Source Sans Pro', sans-serif;
}

#point {
  position:relative;
  -moz-animation:mymove 1s ease infinite;
  -webkit-animation:mymove 1s ease infinite;
  padding-left:2px; padding-right:2px;
}

@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }    
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }    
}*/

/*---------------------//date and time--------------------------- */

/*-----------------------new navbar--------------------------- */
.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  padding: 0px;
  margin-left: auto;
  float: right;
}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu > li {
  margin: 0 1rem;
}
ul.menu a.nav-linkk {
    color: #ffffff !important;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 500;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  -webkit-transform: rotate(405deg);
          transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  -webkit-transform: rotate(-405deg);
          transform: rotate(-405deg);
}

@media (max-width: 700px) {
  .menu-button-container {
    display: flex;
  }

  .menu {
    position: absolute;
    top: 0;
    margin-top: 50px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 2.5em;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .menu > li {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: white;
    background-color: #222;
  }

  .menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
  }
}
/*---------------------//new navbar--------------------------- */