﻿/*Footer Style*/
.footer{
    /*position:relative;*/
    background:#24262b;
    box-sizing:border-box;
    margin:0;
    padding:70px;
    padding-top:70px;
    padding-bottom:70px;
    margin-left:-20px;

}

 

.footer .Container{
    /*max-width:1260px;*/
    /*background-color:rgba(0, 0, 0, 0.2);*/
    margin:auto;

}
.footer .Container ul{
    list-style:none;
}
.footer .Container ul li{
   padding:0;
   margin:0;
   font-size:18px;
    color:#fff;
    font-weight:500;
    text-decoration:none;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.footer-col
{
    width: 100%;
    padding:0px 10px;
}
.footer-col h4{
    font-size:24px;
    color:#fff;
    text-transform:capitalize;
    margin-bottom:30px;
  font-weight:500;
  position:relative;
 
}
.footer-col h4::before {
  content :'';
  box-sizing:border-box;
  height:5px;
  left:0;
  bottom:-20px;
  width:50px;
}
.footer-col ul li:not(:last-child) {
    margin-bottom:10px;
}
.footer-col ul li a {
    font-size:16px;
    text-transform:capitalize;
    /*color:#ffffff;*/
    text-decoration:none;
    font-weight:300;
    color:#bbbbbb;
    display:block;
    transition:all 0.3s ease;
}
.footer-col ul li a:hover{
     color:#ffffff;
     padding:10px;
}
.footer-col  .social-links a{
    display:inline-block;
    height:40px;
    width:40px;
    background-color:rgba(255, 255, 255, 0.2);
    margin:0 10px 10px 0;
    text-align:center;
    line-height:40px;
    border-radius:50%;
    color:#ffffff;
    transition:all 0.5s ease;
}
.footer-col  .social-links a:hover{
    color:#24262b;
    background:#ffffff;
}

/*Responsive*/
/*@media(max-width:800px)
{
    .footer-col{
        width:50%;
        margin-bottom:30px;
    }
}*/
/* Larger screens */
@media (min-width: 801px) {
  .footer-col {
    width: 33.333%; /* e.g. three columns on tablet/desktop */
    margin-bottom: 0;
  }
}
.copyRight{
   /*color:rgba(227, 23, 30, 0.4);*/
    font-weight:500;
    box-sizing:border-box;
    float:right;
    padding:20px; 
   color:#bbbbbb;
   font-size:small;
}

.copyRight2{
    /*color:rgba(227, 23, 30, 0.4);*/
    position:relative;
    font-weight:500;
    box-sizing:border-box;
    float:left;
    padding:20px; 
    color:#bbbbbb;
   font-size:small;
}

