@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

html {height:100%} 
body {min-height:100%}
#wrapper{
  min-height:100%
}

::selection {
  color: white;
  background: rgb(83, 78, 224);
}

body {
  background-size: 150px;
  background-attachment: fixed;
  margin: 0px;
}

.wrapper {
  position: relative;
  padding: 0 0px 0 0px;
  width: 92%;
  margin-top: 0;
  margin: auto;
  height: auto;
  /*font-family: "Roboto";*/
  font-size: 1em;
}


/* Content */
#main-content {
  width: 100%;
  height: auto;
}

/* Posts */

#posts {
  float: right;
  width: 79%;
  padding: 2px 20px;
}

.cv-content {
  width: 100%;
}

.cv-posts {
  width: 100%;
  padding: 10px;
}

.post {
  margin-bottom: 10px;
}

.post .title {
  padding: 0 0 5px 20px;
  color: #ff8400;
  font-variant: small-caps;
}

.post .meta {

  padding: 20px 20px;
  background: url(../images/pattern.png) repeat;
  font-size: 18px;
}

.post .meta p {
  margin: 0;

}

.post .story {
  padding: 10px 5px;
  line-height: 30px;
  text-align: justify;
}

/* Sidebar */

#sidebar {
  float: left;
  width: 20.5%;
  /* margin-right: 10px; */
}


/* Footer */

.footer-distributed {
  background-color: #2c292f;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: bold 16px sans-serif;
  padding: 50px 50px 60px 50px;
  margin-top: 80px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
  display: inline-block;
  vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left {
  width: 30%;
  padding-left: 50px;
  padding-top: -10px;
}

.footer-distributed h3 {
  color: #ffffff;
  color: #000;
  font: normal 36px 'Cookie', cursive;
  margin: 0;
}

/* The company logo */

.footer-distributed .footer-left img {
  padding-left: 50px;
  width: 20%;
}

.footer-distributed h3 span {
  color: #e0ac1c;
}

/* Footer links */

.footer-distributed .footer-links {
  color: #ffffff;
  color: #000;
  margin: 20px 0 12px;
}

.footer-distributed .footer-links a {
  display: inline-block;
  line-height: 1.8;
  text-decoration: none;
  color: inherit;
}

.footer-distributed .footer-company-name {
  color: #3f4041;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center {
  width: 35%;
}


.footer-distributed .footer-center i {
  background-color: #33383b;
  color: #ffffff;
  font-size: 25px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  margin: 10px 15px;
  vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope {
  font-size: 17px;
  line-height: 38px;
}

.footer-distributed .footer-center p {
  display: inline-block;
  color: #000;
  vertical-align: middle;
  margin: 0;
}

.footer-distributed .footer-center p span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
}

.footer-distributed .footer-center p a {
  color: blue;
  text-decoration: none;
  ;
}


/* Footer Right */

.footer-distributed .footer-right {
  width: 30%;
}

.footer-distributed .footer-company-about {
  line-height: 20px;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-align: justify;
}

.footer-distributed .footer-company-about span {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer-distributed .footer-icons {
  margin-top: 25px;
}

.footer-distributed .footer-icons a {
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color: #33383b;
  border-radius: 2px;

  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 35px;

  margin-right: 3px;
  margin-bottom: 5px;
}

#footer {
  width: 100%;
  padding: 10px 0 10px 0;
  /* background: #c3c837 url(../images/img16.gif) repeat-x; */
  background-color: #76a9fa;
}

@media (max-width: 880px) {

  .footer-distributed .footer-left,
  .footer-distributed .footer-center,
  .footer-distributed .footer-right {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }

  .footer-distributed .footer-center i {
    margin-left: 0;
  }
  .nav-link{
    font-size: 12px!important
  }

}




/* old */
/* Three columns side by side */
.st-row {
  width: 100%;
}

.st-column {
  float: left;
  width: 30.3%;
  margin-bottom: 16px;
  padding: 0 8px;
  color: #383a3d;
}

.st-img:hover {
  cursor: pointer;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
  .st-column {
    border-radius: 50px;
    width: 100%;
    display: block;
  }
  .nav-link{
    font-size: 12px!important
  }
 
}


/* Add some shadows to create a card effect */
.st-image {
  width: 50%;
  height: 50%;
}

.st-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.parallel{
  height:70px;
}

/* Some left and right padding inside the container */
.st-container {
  padding: 0 16px;
}

/* Clear floats */
.st-container::after,
.st-row::after {
  content: "";
  clear: both;
  display: table;
}

.st-title {
  color: black;
  margin: 2px;
}

.st-h2 {
  text-align: center;
  text-transform: capitalize;
  font-variant: small-caps;
  margin: 2px;
}



/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 1200px) {
  .contact1-pic {
    width: 33.5%;
  }

  .contact1-form {
    width: 44%;
  }
  .nav-link{
    font-size: 12px!important
  }
}

@media (max-width: 992px) {
  .container-contact1 {
    padding: 90px 80px 88px 90px;
  }

  .contact1-pic {
    width: 35%;
  }

  .contact1-form {
    width: 55%;
  }
  .nav-link{
    font-size: 12px!important
  }
}

@media (max-width: 768px) {
  .container-contact1 {
    padding: 90px 80px 88px 80px;
  }

  .contact1-pic {
    display: none;
  }

  .contact1-form {
    width: 100%;
  }
  .nav-link{
    font-size: 12px!important
  }
}

@media (max-width: 576px) {
  .container-contact1 {
    padding: 90px 15px 88px 15px;
  }
  .nav-link{
    font-size: 12px!important
  }
}


/*------------------------------------------------------------------
[ Alert validate ]*/

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}



@media only screen and (min-width: 468px) {
  #sidebar {
    width: 20%;
  }

   
  
}

@media only screen and (min-width: 992px) {
  #sidebar {
    width: 20.5%;
  }

 
}

@media only screen and (max-width: 1500px) {
  #sidebar {
    width: 20.5%;
  }

 
}

@media only screen and (max-width: 992px) {
  #sidebar {
    width: 20.5%;
  }


  
}

.side-nav-a{
    color: floralwhite!important;
}


/* 25-05-2022 */

.rounded-lab{
  border-top-left-radius: 1rem!important;
  border-top-right-radius: 1rem!important;
}
.footer-icons a{
  padding: 10px;
}


.card1{
  height: 390px;
}