@font-face {
    font-family: fnormal;
    src: url(../fonts/Open_Sans_Condensed/OpenSansCondensed-Light.ttf);
}
@font-face {
    font-family: head;
    src: url(../fonts/18806.ttf);
}
@font-face {
    font-family: fbold;
    src: url(../fonts/Open_Sans_Condensed/OpenSansCondensed-Bold.ttf);
}
@font-face {
    font-family: fitalic;
    src: url(../fonts/11917.ttf);
}
@font-face {
    font-family: fhand;
    src: url(../fonts/12421.ttf);
}
h1,h2,h3,h4,h5,h6{
  font-family: fbold;
}
#block2,#block3,#block4,#block5,#block6{
  padding-top: 50px;
}
h1{
  font-family: head;
  font-size: 60px;
}

.block-title{
  font-family: fbold;

  text-align: center;
 margin-bottom: 45px;
 margin-top: 45px;
 text-transform: uppercase;
 position: relative;
 letter-spacing: 3px;

}
/*
.block-title:before {
    position: absolute;
    content: '';
    left: 30%;
    width: 200px;
    height: 40px;
    top: 10px;
    z-index: -1;
    background: linear-gradient(45deg, transparent 0%, transparent 20%, #e08989 20%, #fff5f5 80%, transparent 80%, transparent 100%);
}
*/

.slideanim-down{
  opacity: 0;
  transform: translateY(150px);
  transition: 1.3s;
}
.slideanim-down.anim{
  opacity: 1;
  transform: translateY(0);
}
.slideanim-up{
  opacity: 0;
  position: relative;
  top: -150px;
  transition: 1.3s;
}
.slideanim-up.anim{
  opacity: 1;
  top: 0;

}

.slideanim-right{
  opacity: 0;
  transform: translateX(-150px);
  transition-delay: 1.3s;
  transition: 0.8s;
}
.slideanim-right.anim{
  opacity: 1;
  transition-delay: 1.3s;
  transform: translateX(0);
}
.page-content{
  font-family: fnormal;
  font-size: 14pt;
}
.button1 {
  position: relative;
  color: white;
 // font-weight: bold;
 font-family: fbold;
 letter-spacing: 2px;
 text-transform: uppercase;
 font-size: 16pt;
  text-decoration: none;
  text-shadow: -1px -1px #e33;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  background-color: #e33;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.button1:active {
  top: 1px;
  box-shadow: none;
}
.button1:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
.button1-sm.button1{
  font-size: 10pt;
}

/*---------------------------*/
button.button-2{
  font-family: fnormal;
    width:200px;
    height:70px;
    background: linear-gradient(to left top, #e1ac15 50%, #dd5818 50%);
    border-style: none;
    color:#fff;
    font-size: 23px;
    letter-spacing: 3px;
   // font-family: 'Lato';
    font-weight: 600;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}
button.button-2 span{
    position: absolute;
    display: block;
}
button.button-2 span:nth-child(1){
    height: 3px;
    width:200px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

@keyframes span1{
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
button.button-2 span:nth-child(2){
    height: 70px;
    width: 3px;
    top:-70px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2{
    0%{
        top:-70px;
    }
    100%{
        top:70px;
    }
}
button.button-2 span:nth-child(3){
    height:3px;
    width:200px;
    right:-200px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3{
    0%{
        right:-200px;
    }
    100%{
        right: 200px;
    }
}

button.button-2 span:nth-child(4){
    height:70px;
    width:3px;
    bottom:-70px;
    left:0px;
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 2s linear infinite;
    animation-delay: 4s;
}
@keyframes span4{
    0%{
        bottom: -70px;
    }
    100%{
        bottom:70px;
    }
}

button.button-2:hover{
    transition: all .5s;
    transform: rotate(-3deg) scale(1.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
}
button.button-2:hover span{
    animation-play-state: paused;
}
@media screen and (max-width: 580px){
  .block-title{
    font-size: 20pt;
  }
}