@font-face {
font-family: "Arimo-Bold";
font-style: normal;
font-weight: normal;
src: url("../fonts/Arimo-Bold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Arimo-Bold.woff") format("woff"),
url("../fonts/Arimo-Bold.ttf") format("truetype"),
url("../fonts/Arimo-Bold.svg#JournalRegular") format("svg");
}

@font-face {
font-family: "Roboto-Medium";
font-style: normal;
font-weight: normal;
src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/Roboto-Medium.woff") format("woff"),
url("../fonts/Roboto-Medium.ttf") format("truetype"),
url("../fonts/Roboto-Medium.svg#JournalRegular") format("svg");
}

body {
    background: url(../background.jpg) top center no-repeat;
}

#canvas{
    position:absolute;
	left:0px;
	top:0px
}

.main-blokc{
    position:absolute;
	left:0px;
	top:0px;
    width:100%;
    height:100%;}

.first{
    font-family: Roboto-Medium;
    color: #348b99;
    font-size: 20px;
    width: 840px;
    text-align: center;
    margin: 0 auto;
    padding-top: 10%;
}

.tecama{
    color: #4c505f;
    text-decoration: none
}

.second{
    font-family: Arimo-Bold;
    color: #4c505f;
    font-size: 170px;
    text-align: center;
    margin: 50px 0;
    text-transform: uppercase;
}

.third{
    font-family: Arimo-Bold;
    color: #505463;
    font-size: 17px;
    text-align: center;
    margin-top: 100px;
}

.icons{
    width: 520px;
    height: 100px;
    margin: 0 auto;
}

.vk {
    background: url("../vk.png") center center no-repeat;
    width: 104px;
    height: 104px;
    display: block;
    float: left;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.vk:hover{
    border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.instagram {
    background: url("../instagram.png") center center no-repeat;
    width: 104px;
    height: 104px;
    display: block;
    float: left;
        -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.instagram:hover{
        border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.fb {
    background: url("../fb.png") center center no-repeat;
    width: 104px;
    height: 104px;
    display: block;
    float: left;
        -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    }

.fb:hover{
        border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.twitter {
    background: url("../twitter.png") center center no-repeat;
    width: 104px;
    height: 104px;
    display: block;
    float: left;
        -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    }

.twitter:hover{
        border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.ok {
    background: url("../ok.png") center center no-repeat;
    width: 104px;
    height: 104px;
    display: block;
    float: left;
        -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    }

.ok:hover{
        border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.soc_icons{
   margin: 50px auto 10px;
   width:500px;
   height:50px
}

.soc_icon{
   display:inline-block
}
.fb_iframe_widget span {
  height: 25px !important;
}