.title_cat
{
font-size: 2em;
}
.titleincat
{
    font-size: 1.5em;
    color: #aa3e03;
    padding-left: 10px;
    padding-right: 10px;
}
.imgincat{
    width: 100%;
    max-width: 875px;
}
.contact_info
{
color: #f3f3f3;
font-size: 100%;
font-weight: bold;
padding-left: 10px;
}
.contact_text
{
color: #f3f3f3;
font-size: 100%;
padding-left: 10%;
padding-right: 10%;
}
.contact_img{
    width: 100%;
    max-width: 20px;
}
.add_comm
{
padding-left: 100px;
padding-right: 100px;
}
hr
{
background:#CCCCCC;
border-top:1px solid #CCCCCC;
color:#CCCCCC;
height:1px
}
.titlegall
{
    font-size: 150%;
    color: #ffffff;
    margin: auto;
}
.foo
{
 display: col-lg-4;
  margin-left: auto;
  margin-right: auto;
}

.imggall
{
    padding: 5px 5px 5px 5px;
    height: 100%;
    max-height: 620px;
    display: inline-block;
    margin: auto;

}
.autofoto{
    width: 90%;
    max-width: 550px;
}
.iframe, object, embed {
    max-width: 100%;
    max-height: 100%;
}
.block_ds{
    display: inline-block;
	color: black;
}
.block_sl{
    display: inline-block;
}
.logo_ds{
    margin: auto;
	background: 3a0404;
}
.logoimg{
    width: 40%;
    max-width: 300px;
}
.logosus{
    width: 100%;
    max-width: 300px;
}
.separator{
    width: 100%;
    max-width: 150px;
}
.smallcontact{
    vertical-align:top;
    float: right;
}
.sloganright{
    float: right;
	background: 3a0404;
}
.contcont{
    margin: auto;
}
.blockfv{
    display: inline-block;
    margin: auto;
}
.box1{
    width: 100%;
    margin: 0px;
    min-height: 200px;
    position:relative;
    display: inline-block;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;
    -moz-border-radius-bottomright: 6px 50px;
    border-bottom-right-radius:6px 50px;
}
.footer{
    position: relative;
    display: block;
    margin: auto;
}

.imag-contact{
  width: 40%;
    margin: 6px 0;
	
}

.body {
  
  font-family: 'Roboto Condensed', sans-serif;

}

ul {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  display:flex;
  margin:0;
  padding: 15px 10% 15px 10%;
}

ul li {
  list-style:none;
  margin:0 5px;
}

ul li a .fa {
  font-size: 40px;
  color: #262626;
  line-height:80px;
  transition: .5s;
  padding-right: 14px;
}

ul li a span {
  padding:0;
  margin:0;
  position:absolute;
  top: 30px;
  color: #262626;
  letter-spacing: 4px;
  transition: .5s;
}

ul li a {
  text-decoration: none;
  display:absolute;
  display:block;
  width:210px;
  height:80px;
  background: #fff;
  text-align:left;
  padding-left: 20px;
  transform: rotate(-30deg) skew(25deg) translate(0,0);
  transition:.5s;
  box-shadow: -20px 20px 10px rgba(0,0,0,.5);
}
ul li a:before {
  content: '';
  position: absolute;
  top:10px;
  left:-20px;
  height:100%;
  width:20px;
  background: #b1b1b1;
  transform: .5s;
  transform: rotate(0deg) skewY(-45deg);
}
ul li a:after {
  content: '';
  position: absolute;
  bottom:-20px;
  left:-10px;
  height:20px;
  width:100%;
  background: #b1b1b1;
  transform: .5s;
  transform: rotate(0deg) skewX(-45deg);
}

ul li a:hover {
  transform: rotate(-30deg) skew(25deg) translate(20px,-15px);
  box-shadow: -50px 50px 50px rgba(0,0,0,.5);
}

ul li:hover .fa {
  color:#fff;
}

ul li:hover span {
  color:#fff;
}

ul li:hover:nth-child(1) a{
  background: #3b5998;
}
ul li:hover:nth-child(1) a:before{
  background: #365492;
}
ul li:hover:nth-child(1) a:after{
  background: #4a69ad;
}

ul li:hover:nth-child(2) a{
  background: #00aced;
}
ul li:hover:nth-child(2) a:before{
  background: #097aa5;
}
ul li:hover:nth-child(2) a:after{
  background: #53b9e0;
}

ul li:hover:nth-child(3) a{
  background: #dd4b39;
}
ul li:hover:nth-child(3) a:before{
  background: #b33a2b;
}
ul li:hover:nth-child(3) a:after{
  background: #e66a5a;
}

ul li:hover:nth-child(4) a{
  background: #e4405f;
}
ul li:hover:nth-child(4) a:before{
  background: #d81c3f;
}
ul li:hover:nth-child(4) a:after{
  background: #e46880;
}