﻿@font-face {
    font-family: DINPro;
    src: url(../fonts/DIN/DINPro.otf);
}
@font-face {
    font-family: DINProBold;
    src: url(../fonts/DIN/DINPro-Bold.otf);
}
footer {
background: #f6f1c8;
font-family:Tahoma, sans-serif; color:black; 
font-size:10px;
}
footer p {
font-size: 10px;
color: black; }
footer a{
color: #ff0000;
font-family:Tahoma, sans-serif;
}
footer a:hover{
color: #ff0000;
}
footer .footer-title {
position: relative;
font-size: 12px;
text-transform: uppercase;
color: black; 
font-family:Tahoma;
font-weight: bold;
}
footer .footer-title:after {
content: '';
display: block;
width: 60px;
height: 1px;
background: #ff0000;
margin-top: 8px; }
footer .right-border {
border-right: 1px solid rgb(255, 255, 255); }
footer .left-border {
border-left: 1px solid rgb(255, 255, 255); }
@media (max-width: 991px) {
footer .right-border {
border-right: none; } }
@media (max-width: 767px) {
footer .right-border {
border-right: none; }
footer .left-border {
border-left: none; }
footer .navigation {
margin-top: 20px;
border-top: 1px solid white; } }
footer .footer-about {
border-bottom: 1px solid rgb(255, 255, 255);
padding-bottom: 20px; }
footer .contact-info .single {
margin: 10px 0; }
footer .contact-info .single i {
display: block;
float: left;
color: #ff0000;
margin-right: 10px;
line-height: 22px; }
footer .contact-info .single p {
margin: 0;
padding: 0;
display: block;
overflow: hidden; }
footer .social-icon {
margin-top: 20px; }
footer .social-icon li a {
display: block;
width: 50px;
height: 50px;
margin-right: 5px;
text-align: center;
border: 1px solid #ff0000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform:rotate(45deg);
transform: rotate(45deg); }
footer .social-icon li a:hover {
border-color: #3ac341;
color: #3ac341; }
footer .social-icon li a i {
line-height: 45px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform:rotate(-45deg);
transform: rotate(-45deg); }
footer .navigation li a {
text-transform: uppercase;
line-height: 20px;
text-decoration: none; 
color:black;
font-family:Tahoma, sans-serif;
}
footer .navigation li a:hover {
color: #ff0000; }
.copyright { min-height:20px; background-color:#7e6627;}
.copyright p {
            color: #FFF;
            padding: 10px 0;
            margin-bottom: 0;}
.flash {
    animation-name:flash;
    animation-duration:0.6s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
}
@keyframes flash{
    from {color:red;}
    to{color:black;}
}