@font-face{
  font-family: rubik;
  src: url(/sufalam/assets/fonts/Rubik-Medium.ttf)
}
@font-face{
  font-family: quicksand-bold;
  src: url(/sufalam/assets/fonts/Quicksand-Bold.otf)
}
p{  font-family: 'rubik';}
.header-area-back{
  background-color: white;
  box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    height: 72px;
}
.header-area-back .main-nav .nav{margin-top: 10px;}

.main-nav .nav{margin-right: -80px;}

.header-area .main-nav .nav li a{
  font-size: 1em;
  color:#000000;
  font-family: 'rubik';
}

.header-area .main-nav .nav li a:hover,  .header-area .main-nav .nav li a:focus{
  color: #1b95da;
    border-bottom: 3px solid #df761c;
}
.header-area .main-nav .nav li a.active{ color: #1b95da;
  border-bottom: 3px solid #df761c;}
  .welcome-area .right-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .70;
    background-image: linear-gradient(135deg, #cdff46 20%, #4295da 100%);
}
.center-heading .section-title,.left-heading .section-title{
  color: #1b95da;
  font-size: 2em;
}
.span-txt span{
  color: #df761c;
  font-size: 2em;
  font-family: 'rubik';
}
.span-txt {
  font-family: 'rubik';
  font-size: 1.2em;
}

.features-small-item .icon .hexagon-bg{background: none;box-shadow:none;}
.features-small-item .icon .hexagon-bg:after{content: none;}
.features-small-item .icon .hexagon-bg:before{content: none;}

.left-text p,.left-text ul li{
  font-family: rubik;
}
.page .cover {
  margin-top: 80px;
  min-height: 180px;
  position: relative;
  overflow: hidden;
}

.testimonial .pic {
  width: 120px;
  height: 120px;
   border-radius: 0; 
  overflow: hidden;
  margin: 40px auto;
  padding: 4px;
  line-height: 6.5;
  /*filter: grayscale(0.9);*/
}
.parallax-counter {
  min-height: 180px;}
.parallax-counter .parallax-content{top:55%;}
.footer-social{margin-top: 20%;}
.footer{background: #222;color: #818285;padding: 30px 0 10px; font-size: 16px;}
.footer-address{margin-top: 10%;}
.footer a{color:#f7fafd; text-decoration: none;}
.footer a:hover{color: #4295da;}
.footer .footer-social .icon:nth-of-type(1) { background-color: #f7fafd; color:#222;}
.footer .footer-social .icon:nth-of-type(2) { background-color: #f7fafd;color:#222;}
.footer .footer-social .icon:nth-of-type(3) {background-color: #f7fafd;color:#222;}
.footer .footer-social .icon:nth-of-type(4) {background-color: #f7fafd;color:#222;}
.footer .footer-social .icon {
  -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    color: #222;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
}
.footer .footer-social .icon:hover {
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
@media (max-width: 991px){
.header-area .logo {
    margin-top: 7px !important;
    margin-left: 30px;
}
}
@media (max-width: 767px){
  .footer-social{margin-top: 5%;}
}
.contact .contact-info .item .mg-lt {
    padding-left: 45px !important;
}

/* Table Css */
table{
  border-collapse: collapse;
  width: 100%;
}
table td, table th {
  border: 1px solid #a6ce38;
  padding: 8px;
}
table th{
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4295da;
  color: white;
  text-align: center;
}
table tr:nth-child(even){background-color: #f2f2f2;}
table tr:hover {background-color: #ddd;}