#container {
    /* background: green; */
    /* height: 200px; */
}
.brightness {
    /* background-color: white; */
    /* display: inline-block; */
   
}
.pic:hover {
    opacity: .5;
}

.pic {
    /* opacity: .5; */
}




/*** The loader css */
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px; 
  margin-left: -50px; 

  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #e7fbfa, 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.5), -1.8em -1.8em 0 0em rgba(231,251,250, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.7), 1.8em -1.8em 0 0em #e7fbfa, 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.5), 1.8em -1.8em 0 0em rgba(231,251,250, 0.7), 2.5em 0em 0 0em #e7fbfa, 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.5), 2.5em 0em 0 0em rgba(231,251,250, 0.7), 1.75em 1.75em 0 0em #e7fbfa, 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.5), 1.75em 1.75em 0 0em rgba(231,251,250, 0.7), 0em 2.5em 0 0em #e7fbfa, -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.5), 0em 2.5em 0 0em rgba(231,251,250, 0.7), -1.8em 1.8em 0 0em #e7fbfa, -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.5), -1.8em 1.8em 0 0em rgba(231,251,250, 0.7), -2.6em 0em 0 0em #e7fbfa, -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.5), -2.6em 0em 0 0em rgba(231,251,250, 0.7), -1.8em -1.8em 0 0em #e7fbfa;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #e7fbfa, 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.5), -1.8em -1.8em 0 0em rgba(231,251,250, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.7), 1.8em -1.8em 0 0em #e7fbfa, 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.5), 1.8em -1.8em 0 0em rgba(231,251,250, 0.7), 2.5em 0em 0 0em #e7fbfa, 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.5), 2.5em 0em 0 0em rgba(231,251,250, 0.7), 1.75em 1.75em 0 0em #e7fbfa, 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.5), 1.75em 1.75em 0 0em rgba(231,251,250, 0.7), 0em 2.5em 0 0em #e7fbfa, -1.8em 1.8em 0 0em rgba(231,251,250, 0.2), -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.5), 0em 2.5em 0 0em rgba(231,251,250, 0.7), -1.8em 1.8em 0 0em #e7fbfa, -2.6em 0em 0 0em rgba(231,251,250, 0.2), -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.5), -1.8em 1.8em 0 0em rgba(231,251,250, 0.7), -2.6em 0em 0 0em #e7fbfa, -1.8em -1.8em 0 0em rgba(231,251,250, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(231,251,250, 0.2), 1.8em -1.8em 0 0em rgba(231,251,250, 0.2), 2.5em 0em 0 0em rgba(231,251,250, 0.2), 1.75em 1.75em 0 0em rgba(231,251,250, 0.2), 0em 2.5em 0 0em rgba(231,251,250, 0.2), -1.8em 1.8em 0 0em rgba(231,251,250, 0.5), -2.6em 0em 0 0em rgba(231,251,250, 0.7), -1.8em -1.8em 0 0em #e7fbfa;
  }
}

#overlay {
  position: fixed;
  width: 100%;
  height: 200%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0.5,0.5,0.5,0.5);
  z-index: 2;
  cursor: pointer;
}




.center {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
}

.loader {
    border: 16px solid #f3f3f3; 
    border-top: 16px solid #34db55; 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    z-index: 10000;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/**** END Loader css */


@media (max-width: 990px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (max-height: 603px) {
  .hidden-height {
    display: none !important;
  }
}
  /***FOOTER STYLES */
  .site-footer
{
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
/*** END FOOTER STYLES */



  /***FOOTER STYLES */
  .site-footer
{
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
/*** END FOOTER STYLES */

/*** List items cursor hand style ***/
li{
    cursor: pointer;
}
li:hover{
    opacity: 0.63;
}