/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons-big {
   margin: 0;
   padding: 0; 
}

.social-icons-big li {
  background:none;
   list-style: none;
   margin-right: 3px;
   margin-bottom: 5px;
   text-indent: -9999px;
   display: inline-block;
}

.social-icons-big li a, a.social-icon {
   width: 28px;
   height: 28px;
   display: block;
   background-position: 0 0;
   background-repeat: no-repeat;
   transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
}

.social-icons-big li:hover a {
   background-position: 0 -37px;
}

.social-icons-big-color li a {
  opacity: 0.7;
  background-position: 0 -37px !important;
  -webkit-backface-visibility: hidden; /*For Chrome*/
}

.social-icons-big-color li a:hover {
  opacity: 1;
}
.social-icons-big li:after{
  content:none !important;
}

/*Icons
------------------------------------*/
/*Social Icons*/
.tech-icon {
   margin: 0;
   padding: 0; 
}

.tech-icon li {
  background:none;
   list-style: none;
   margin-right: 3px;
   margin-bottom: 5px;
   text-indent: -9999px;
   display: inline-block;
}

.tech-icon li i, i.tech-icon {
   width: 32px;
   height: 32px;
   display: block;
   background-position: 0 0;
   background-repeat: no-repeat;
}


.tech-icon i:after{
  content:none !important;
}
.portfolio-box-v1 .tech-icon li:after {

    content: none !important;
}
.title-v1 h2 {
  color: #444;
  font-size: 34px;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
}

.intro-section {
  background: url(../img/backdraw.png) no-repeat;
  background-size:cover;
  background-position: center center;
}
.tech_prolog {background: url(../img/icons/tech/prolog.png) no-repeat;}
.tech_opengl {background: url(../img/icons/tech/opengl.png) no-repeat;}
.tech_cplus {background: url(../img/icons/tech/cplus.png) no-repeat;}
.tech_android {background: url(../img/icons/tech/android.png) no-repeat;}
.tech_java {background: url(../img/icons/tech/java.png) no-repeat;}
.tech_pico8 {background: url(../img/icons/tech/pico8.png) no-repeat;}
.tech_blender {background: url(../img/icons/tech/blender.png) no-repeat;}
.tech_html5 {background: url(../img/icons/tech/html5.png) no-repeat;}
.tech_node {background: url(../img/icons/tech/node.png) no-repeat;}
.tech_sfml {background: url(../img/icons/tech/sfml.png) no-repeat;}
.tech_unity {background: url(../img/icons/tech/unity.png) no-repeat;}
.tech_xbone {background: url(../img/icons/tech/xbone.png) no-repeat;}
.tech_ios {background: url(../img/icons/tech/apple.png) no-repeat;}
.tech_switch {background: url(../img/icons/tech/switch.png) no-repeat;}
.tech_ps4 {background: url(../img/icons/tech/ps4.png) no-repeat;}
.social_www {background: url(../img/icons/social/www.png) no-repeat;}
.social_www_big {background: url(../img/icons/social/www_big.png) no-repeat;}
.social_youtube_big {background: url(../img/icons/social/youtube_big.png) no-repeat;}
.social_github_big {background: url(../img/icons/social/github_big.png) no-repeat;}

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);
.demo a {
  bottom: 20px;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}
#section05 a {
  padding-top: 70px;
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}