h1,h2,h3,h4,h5,h6{font-family:'Oswald';}
body{   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;}
.slider{ height:400px; background:transparent url(http://www.feierboristi.org/fei/wp-content/uploads/law2.jpg) center center no-repeat;background-size:cover; }
.slider .container{position:relative;height:100%; }
.slider img{

-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
opacity:0.0; 
bottom:50px;
position:absolute;
right:40px; }
.slider img.king{
bottom:65px;
animation:king 0.5s;
-webkit-animation:king 0.5s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 opacity:0.0; 
}
.slider img.queen{ right:90px; 
animation:regina 0.5s;
-webkit-animation:regina 0.5s;
animation-delay:1.4s;
-webkit-animation-delay:1.4s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
bottom:140px;
}
.slider img.tower{  bottom:60px; 
animation:torre 0.5s;
-webkit-animation:torre 0.5s;
animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 opacity:0.0; right:380px;
}
.slider img.alfiere{ right:200px;bottom:30px; 
animation:alfiere 0.5s;
-webkit-animation:alfiere 0.5s;
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 }
.slider .content{position:absolute;  top:200px; left:0px; }
.slider .content h2{
opacity:0.0;
-webkit-animation: fadeIn 0.7s; 
animation-delay:0.4s;
-webkit-animation-delay:0.4s; 
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
box-shadow:-2px 2px 3px #222;
background:#f7f7f7;
font-size:30px;
color:#d37200;
display:inline-block;
padding:7px;
}
.slider .content h1{
opacity:0.0;
-webkit-animation: fadeIn2 0.7s; 
animation-delay:0.4s;
-webkit-animation-delay:0.6s; 
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
box-shadow:-2px 2px 3px #222;margin:0px; margin-top:5px; background:#f7f7f7; font-size:50px; color:#d37200; display:inline-block; padding:7px;}
.socials{font-size:29px;  opacity:1.0; margin-top:60px; color:#f8f8f8;
opacity:0.0;
-webkit-animation: fadeIn3 0.7s; 
animation-delay:0.8s;
-webkit-animation-delay:0.8s; 
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
 
@keyframes handshake
{
0% {zoom: 100%; opacity:0.0;}
50% {zoom:150%;right:-50px;  top:-10px; }
100% {zoom:100%;  opacity:1.0; }
}

@-webkit-keyframes handshake /* Safari and Chrome */
{
0% {zoom: 100%; opacity:0.0;}
50% {zoom:150%;right:-50px;  top:-10px; }
100% {zoom:100%;  opacity:1.0; }
}

@keyframes fadeIn
{
0% { margin-left:-80px; opacity:0.0; }
100% {margin-left:0px;opacity:1.0; }
}

@-webkit-keyframes fadeIn 
{
0% { margin-left:-100px; opacity:0.0; }
100% {margin-left:0px;opacity:1.0; }
}
@media(min-width:980px) and (max-width:1170px){
@-webkit-keyframes torre
{
0% { right:310px; opacity:0.0; }
100% { right:220px; opacity:1.0; }
}
@keyframes torre
{
0% { right:310px; opacity:0.0; }
100% { right:250px; opacity:1.0; }
}
}

@media(min-width:1171px) {
@-webkit-keyframes torre
{
0% { right:380px; opacity:0.0; }
100% { right:310px; opacity:1.0; }
}
@keyframes torre
{
0% { right:380px; opacity:0.0; }
100% { right:310px; opacity:1.0; }
}
}

@-webkit-keyframes regina
{
0% { bottom:130px; opacity:0.0; }
100% { bottom:50px; opacity:1.0; }
}
@keyframes regina
{
0% { bottom:130px; opacity:0.0; }
100% { bottom:50px; opacity:1.0; }
}

@-webkit-keyframes alfiere
{
0% { margin-left:-40px; opacity:0.0; }
100% {margin-left:0px;opacity:1.0; }
}
@keyframes alfiere
{
0% { margin-top:-40px; opacity:0.0; }
100% {margin-top:0px;opacity:1.0; }
}

@-webkit-keyframes king
{
0% { margin-right:-40px; opacity:0.0; }
100% {margin-right:0px;opacity:1.0; }
}
@keyframes king
{
0% { margin-right:-40px; opacity:0.0; }
100% {margin-right:0px;opacity:1.0; }
}


@keyframes fadeIn2
{
0% { margin-left:100px; opacity:0.0; }
100% {margin-left:0px;opacity:1.0; }
}

@-webkit-keyframes fadeIn2
{
0% { margin-left:100px; opacity:0.0; }
100% {margin-left:0px;opacity:1.0; }
}


@keyframes fadeIn3
{
0% { margin-left:100px; opacity:0.0; }
100% {margin-left:5px;opacity:1.0; }
}

@-webkit-keyframes fadeIn3
{
0% { margin-top:60px; opacity:0.0; }
100% {margin-top:5px;opacity:1.0; }
}

.silos{border:1px solid #ddd; min-height:228px; color:#222; padding:5px 15px; padding-top:15px; background:#fff7ee; border-bottom: 3px solid #d37200; margin-bottom:10px; }
.title-box{ text-align:center;  font-weight:300; padding:14px 0px; border-bottom:1px dotted #ccc;}
.silos .silos-header{font-size:20px; color:#d37200; font-weight:400; text-align:center; margin:0px; padding:7px; }
.slide .item{background-size:cover; background-position:center center; background-repeat:no-repeat; height:450px;}
.profile h4{font-weight:300; font-size:35px; margin:0px; } 
.fa-ul{   margin-top:10px; }
.map-wrapper{float:left;width:50%;}
.map-wrapper .map-title{margin-bottom:10px; padding:10px 40px; text-align:center;}

.blog h3 a{color:#d37200; }
.blog h3 small{display:block;margin-top:5px; }