#footer {padding: 0px 0 20px;background-color: #303030;overflow: hidden;}
.footer-about {
   color: #fff;
}

.footer-widget h4 {

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    margin: 0;

    position: relative;

    padding-bottom: 10px;

}

.footer-widget h4:before {

    position: absolute;

    content: " ";

    width: 40px;

    height: 2px;

    background-color: #6aaf08;

    bottom: 0px;

}

.footer-about p {

    margin-top: 20px;

    color: rgba(233,233,233,0.8);

}

.footer-about a.btn {

    color: #fff;

    margin-top: 5px;

}

.footer-about a.btn:hover {

    color: #2e3138;

    background-color: #fff;

}

.footer-widget ul {margin: 20px 0 20px;padding: 0;list-style: none;}
.footer-widget ul li {

    font-size: 15px;

    font-weight: 500;

    padding-bottom: 4px;

}

.footer-widget ul li a {

    color: rgba(233,233,233,0.8);

    -webkit-transition: color .25s;

    transition: color .25s;

    display: block;

    margin: 2px 0;

    padding-bottom: 5px;

}

.footer-widget a:hover,

.footer-widget a:focus {

    color: #fff;

}
.contact-info {

    color: #fff;

    padding: 30px 15px 0;

    border-top: 1px solid #14191B;

}

.contact-info a {

    font-size: 16px;

    font-weight: 400;

    -webkit-transition: color .25s ease;

            transition: color .25s ease;

}

.contact-info a:hover,

.contact-info a:focus {

    color: #6aaf08;

}

.contact-info i.fa {

    font-size: 20px;

    margin-right: 10px;

    vertical-align: middle;

}



#subscribeForm {

    margin-top: 25px;

}

#subscribeForm .input-box {

    width: 100%;

    padding: 8px 0 8px 12px;

    border: 1px solid #fff;

    box-shadow: none;

    outline: 0;

}

#subscribeForm .input-box:first-child {

    margin-bottom: 15px;

}

#subscribeForm .input-box.error {

    border-color: #a94442;

}

#subscribeForm .input-box.valid {

    border-color: #3c763d;

}

#subscribeForm .submit-button {

    display: block;

    width: 100%;

    margin-top: 15px;

    padding: 10px 0;

    color: #fff;

    background-color: #6aaf08;

    border: none;

    font-size: 16px;

    line-height: 20px;

    font-weight: 500;

    -webkit-transition: .35s;

            -webkit-transition: .25s;

            transition: .25s;

    outline: 0;

}

#subscribeForm .submit-button:hover {

    color: #2e3138;

    background-color: #fff;

    border-color: #fff;

}



/*------------------------------------*\

    16. COPYRGIHT AREA

\*------------------------------------*/

#copyright {

    padding: 10px 10px 40px 10px;

    color: #fff;

    background-color: #222;

    text-align: center;

}

#copyright p {

    margin-bottom: 0;

}

#copyright p.left {

    float: left;

}

#copyright p.right {

    float: right;

    font-weight: 700;

    text-transform: uppercase;

}

#copyright p a {

    display: inline-block;

    margin-top: 5px;

    color: #6aaf08;

    font-weight: 700;

}

#copyright img {

    margin-left: 20px;

    height: 24px;

}
.sm {background: #222222;padding:30px 0px;margin-bottom: 50px;}
.sm ul{padding: 0px;margin-bottom: 0px;text-align: center;}
.sm ul li{padding: 10px 20px;display: inline;}
.sm ul li a i{font-size: 32px;color: #fff; padding: 8px 10px;border-radius:2px ;}
.sm ul li a i:hover{background:#6aaf08;color: #fff;}
.sm ul li span {color: #fff;list-style-type:none;font-size:32px;display:table-cell;padding:0 30px}

@media only screen and (min-width:320px)and (max-width:479px){
    .sm{padding: 20px 0px;}
    .sm ul li{padding: 10px 0px;}
    .sm ul li a i{font-size: 22px;}
    .sm ul li span{font-size: 26px;padding: 0px;}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .sm{padding: 20px 0px;}
    .sm ul li{padding: 10px 0px;}
    .sm ul li a i{font-size: 22px;}
    .sm ul li span{font-size: 26px;padding: 0px;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .sm{padding: 20px 0px;}
    .sm ul li{padding: 10px 20px;}
    .sm ul li a i{font-size: 22px;}
    .sm ul li span{font-size: 26px;padding: 0px;}
}