@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);
html, body, html * {
  font-family: 'Roboto', sans-serif;
}

.content-padding {
  padding: 0 20rem !important;
}

.nav-link img {
  width: 1.5rem;
}

a:link {
  text-decoration: none;
  color: black;
}

p {
  line-height: 1.8;
}

.href-style {
 color: black  !important;
 font-weight: 600;
 text-decoration: none;
}

.footer-button {
  background-color: transparent;
  color: #686868;
  font-size: 1.5rem;
  padding: 5px;
  border: none;
  transition: ease-in-out .15s;
}

.footer-button:hover {
  color: #FD9429;
}

.cc-dep {
  color: #FD9429 !important;
}

.publish {
  border-radius: 10px;
  border: 2px solid #f59736;
  font-size: smaller;
  color: #f59736;
  padding: 3px 5px;
  font-weight: bold;
}

.media-name {
  display: none;
  margin-left: 10px;
  margin-top: 30px;
}

.spread-btn {
  width: 10rem;
  background-color: transparent;
  padding: 5px 10px;
  font-weight:500;
  border-radius: 20px;
  border: 1px solid rgb(114, 114, 114);
  font-size: larger;
  transition: all .15s;
}

.spread-btn:hover {
  transform: translateY(-5px);
  box-shadow: rgba(0, 0, 0, 0.533) 0px 3px 8px;
}

.spread-btn:hover a, .spread-btn:hover i {
  color: white !important;
}

a:nth-child(1):hover .spread-btn {
  background-color: #4c68d4 !important;
  color: white !important;
}

 a:nth-child(2):hover .spread-btn {
  background-color: #2c75b3 !important;
  color: white !important;
}

.spread-btn:nth-child(3):hover {
  background: rgb(60,153,227);
  background: -moz-linear-gradient(90deg, rgba(60,153,227,1) 0%, rgba(87,174,83,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(60,153,227,1) 0%, rgba(87,174,83,1) 100%);
  background: linear-gradient(90deg, rgba(60,153,227,1) 0%, rgba(87,174,83,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c99e3",endColorstr="#57ae53",GradientType=1);
  color: white;
}

.spread-btn:nth-child(1):hover a, .spread-btn:nth-child(3):hover i, .spread-btn:nth-child(2):hover i {
  color: white !important;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 100%;
  background-color: #353535e1;
  color: #db5755;
}

.telwat {
  transition: all .15s;
}

.telwat:hover {
  transform: scale(1.4);
}

@media only screen and (max-width: 1399px) {
  .content-padding {
    padding: 0 13rem !important;
  }
}

@media only screen and (max-width: 991px) {
  .media-name {
    display:inline;
  }
  .nav-item {
    margin-top: 20px;
  }

  .content-padding {
    padding: 0 .5rem !important;
  }
}

@media only screen and (max-width: 768px) {
  
  .spread-btn:nth-child(1) {
    background-color: #4c68d4 !important;
    color: white;
  }

  .spread-btn:nth-child(2) {
    background-color: #2c75b3 !important;
    color: white;
  }

  .spread-btn:nth-child(3) {
    background: rgb(60,153,227);
    background: -moz-linear-gradient(90deg, rgba(60,153,227,1) 0%, rgba(87,174,83,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(60,153,227,1) 0%, rgba(87,174,83,1) 100%);
    background: linear-gradient(90deg, rgba(60,153,227,1) 0%, rgba(87,174,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c99e3",endColorstr="#57ae53",GradientType=1);
    color: white;
  }

  .spread-btn {
    width: 6rem;
    font-size:medium;
  }

  .spread-btn .fa-brands {
    display: none;
  }
}