/*
@font-face {
    font-family: "ProximaNova";
    src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot");
    src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),
    url("../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "ProximaNova";
    src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot");
    src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"),
    url("../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: "ProximaNova";
    src: url("../fonts/ProximaNovaBlack/ProximaNovaBlack.eot");
    src: url("../fonts/ProximaNovaBlack/ProximaNovaBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ProximaNovaBlack/ProximaNovaBlack.woff") format("woff"),
    url("../fonts/ProximaNovaBlack/ProximaNovaBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}
*/
@font-face {
    font-family: "Lithos";
    src: url("../fonts/LithosLight/LITHOSL.eot");
    src: url("../fonts/LithosLight/LITHOSL.eot?#iefix")format("embedded-opentype"),
    url("../fonts/LithosLight/LITHOSL.woff") format("woff"),
    url("../fonts/LithosLight/LITHOSL.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Lithos";
    src: url("../fonts/LithosBold/LITHOSB.eot");
    src: url("../fonts/LithosBold/LITHOSB.eot?#iefix")format("embedded-opentype"),
    url("../fonts/LithosBold/LITHOSB.woff") format("woff"),
    url("../fonts/LithosBold/LITHOSB.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}
body{
  font-family:proxima-nova, sans-serif;
  margin:0;
  padding:0;
}
header{
  background:#f4f4f4;
  height:89px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  z-index:101;
}
a{
  color:#ec8737;
  text-decoration:none;
}
a:hover{
  color:#af631e;
  text-decoration:underline;
}

a.anchor{
  position:relative;
  top:-74px;
}
ul.primary{margin:0;border:0;}
h1{
  font-family:Lithos, sans-serif;
  font-size:40px;
  font-weight:normal;
  margin:30px 0;
}

.region-front, .region-content{
  overflow:hidden;
}

body.admin-menu header{
  top:24px;
}
body.admin-menu a.anchor{
  top:-98px;
}

.wrapper-1{
  width:960px;
  margin:0 auto;
  position:relative;
}
.wrapper-2{
  width:860px;
  margin:0 auto;
  position:relative;
}
.wrapper-3{
  width:816px;
  margin:0 auto;
  position:relative;
}

#logo{
  display:block;
  width:145px;
  position:absolute;
  left:0;
  top:12px;
}
#logo-sm{
  display:none;
  width:77px;
  position:absolute;
  left:30px;
  top:13px;
}
#logo-sm>img,
#logo>img{
  display:block;
}

#main-menu{
  position:absolute;
  left:150px;
  top:0;
  display:block;
  height:20px;
  margin:34px 0 0 0;
  font-weight:300;
  text-transform:uppercase;
}
.w-960 #main-menu{top:0;}
#main-menu>li>a{
  font-weight:300;
  color:black;
}
#main-menu>li{
  padding:0 5px;
}
#main-menu>li>a:hover,
#main-menu>li>a.active{
  color:#ec8737;
}
#main-menu-link{
    display:none;
}

#page{
  margin-top:89px;
}
body.admin-menu #page{
  margin-top:113px;
}
#page>.wrapper-2>h1{
  margin:0;
  padding-top:40px;
}

header div.social{
  position:absolute;
  right:0;
  height:51px;
  padding:19px 0 0 0;
  color:#aeaeae;
  font-size:12px;
  text-transform:uppercase;
  text-align:center;
  width:160px;
}
header.small div.social{
  padding-top:9px;
}
div.social>a.social{
  display:inline-block;
  width:21px;
  height:21px;
  margin:5px 2px;
  background:url(../images/social.png) -2px 0 no-repeat;
}
div.social>a.social-fb{
  background:url(../images/social.png) -27px 0 no-repeat;
  display: none;
}
div.social>a.social-tw{
  background:url(../images/social.png) -52px 0 no-repeat;
  display: none;
}
div.social>a.social-yt{
  background:url(../images/social.png) -77px 0 no-repeat;
  margin:5px 5px 5px 0px;
}
div.social>a.social-ig{
  background:url(../images/social.png) -107px 0 no-repeat;
  display: none;
}
.node-banner{
  position:relative;
  background:no-repeat 50% 50%;
  background-size:cover;
  height:450px;
}
.node-banner>.wrapper{
  position:absolute;
  left:50%;
  top:0;
  margin-left:-408px;
  width:816px;
  height:450px;
}
.node-banner>.wrapper>.descr{
  margin:0;
  position:absolute;
  left:0;
  top:50px;
  color:white;
  width:300px;
}
.node-banner>.wrapper>.descr>h2{
  font-size:46px;
  font-family:proxima-nova, sans-serif;
  text-align:left;
  font-weight:normal;
  line-height:50px;
  margin:0 0 10px 0;
}
.node-banner>.wrapper>.descr>p{
  font-size:13px;
  font-weight:normal;
}
.node-type-project .node-banner>.wrapper>.descr>h2{margin-top:70px;}
.node-type-project .node-banner>.wrapper>.descr>p{display:none;}

ul.parallax{
  width:100%;
  height:450px;
  overflow:hidden;
  margin:0;
}
ul.parallax>li{
  width:100%;
  height:100%;
}
ul.parallax>li>div{
  position:relative;
  width:100%;
  height:100%;
  left:0%;
  top:0%;
  background-repeat:no-repeat;
}

.flexslider{
  border:0;
  margin:0;
  overflow:hidden;
  background:transparent;
}
/*.block-gallery .flexslider .slides>li{
  background:#ccc;
}*/
.flexslider .slides img {
    height: auto;
    max-height:600px;
    width:auto;
    display:block;
    margin:auto;
}
.flex-control-nav{
  bottom:25px;
  z-index:1;
}
.flex-control-paging li a {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-radius: 20px;
    box-shadow: 0 0 6 rgba(0, 0, 0, 0.2) inset;
    border:1px solid rgba(255, 255, 255, 1);
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}
.flex-control-paging li a:hover {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}
.flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    cursor: default;
}
.flex-direction-nav a {
    text-indent:-9999px;
    width: 22px;
    height: 40px;
    margin: 0;
    background:url(../images/arrows.png) no-repeat 0 0;
    content: "";
}
.flex-direction-nav a::before {
    content: "";
}
.flex-direction-nav a.flex-next::before {
    content: "";
}
.flex-direction-nav .flex-prev {
}
.flex-direction-nav .flex-next {
    background-position:-22px 0;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    left: 30px;
    opacity: 0.7;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 30px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.store-button{
  display:block;
  width:155px;
  height:60px;
  position:absolute;
  bottom:75px;
  background:transparent no-repeat 50% 50%;
  left:-8px;
}

.button-steam{
  background-image:url(../images/steam.png);
}
.button-appstore{
  background-image:url(../images/appstore.png);
}
.button-googleplay{
  background-image:url(../images/googleplay.png);
}
.button-appstore+.button-googleplay, .button-steam+.button-appstore, .button-steam+.button-googleplay{
  left:150px;
}
.button-steam+.button-appstore+.button-googleplay{
  left:308px;
}

.field-name-field-similar-games .field-label,
.field-name-field-ref-workers .field-label,
.block h2{
  font-family:Lithos, sans-serif;
  font-size:40px;
  font-weight:normal;
  margin:30px 0;
  text-align:center;
}

#block-block-2{
  padding:10px 0 80px 0;
  background:#ec8737 url(../images/bg-news.png) 70% 100% no-repeat;
}
#block-block-2 .wrapper{
  width:860px;
  margin:auto;
}
#block-block-2>.wrapper-2>.content{
  width:900px;
  margin-left:-40px;
}
#block-block-2 h2{
  color:white;
}
.node-news-teaser{
  color:white;
  float:left;
  width:260px;
  margin-left:40px;
}
.node-news-teaser:nth-child(3n-2){
  clear:left;
}
#block-block-9 .node-news-teaser:nth-child(3n-2){
  margin-left:0;
}
.node-news-teaser a{
  color:white;
  text-decoration:none;
}
.node-news-teaser a:hover{
  text-decoration:underline;
}
.node-news-teaser h3{
  font-size:22px;
  font-weight:normal;
  margin:15px 0;
  line-height:24px !important;
}
.node-news-teaser .content{
  font-size:13px;
  font-weight:300;
}

#block-bean-owl-about-company,
#block-bean-about{
  padding-bottom:50px;
  background:url(../images/bg-about.png) repeat-x 50% 100%;
}
.about-loaded{
  float:right;
  width:270px;
  height:450px;
  position:relative;
  text-align:center;
  background:url(../images/about-loaded.png) no-repeat 50% 50%;
}
.about-loaded:after{
  clear:both;
}
.about-loaded>div{
  position:absolute;
  left:30px;
  top:30px;
  width:105px;
  color:#888;
  font-size:16px;
  font-weight:300;
}
.about-loaded>div>span{
  font-size:44px;
  font-weight:300;
  line-height:44px;
}
.about-loaded>.about-loaded-appstore{
  left:136px; top:105px;
}
.about-loaded>.about-projects{
  top:178px; left:30px;
}
.about-loaded>.about-coffe{
  top:245px; left:136px;
}
#block-bean-owl-about-company .read-more-about,
#block-bean-about .read-more-about{
  display:none;
}
#block-bean-owl-about-company .about-text,
#block-bean-about .about-text{
  float:left;
  width:590px;
  overflow:hidden;
}

#block-block-3{
  background:#769236;
  padding:1px 0 60px;

}
#block-block-3 h2{
  color:white;
}
#block-block-3 .text{
  color:white;
  width:640px;
  font-size:15px;
  font-weight:300;
  text-align:center;
  margin:0 auto;
}

.node-worker-teaser{
  width:204px;
  float:left;
  margin:30px 0 0 0;
  min-height:270px;
}
.node-worker-teaser h3{
  font-weight:normal;
  font-size:18px;
  color:white;
  text-align:center;
  text-align:center;
  margin:15px 0 0 0;
}
.field-name-field-worker-photo{
  background:url(../images/worker-photo-wrapper.png) no-repeat 50% 50%;
  width:164px;
  height:164px;
  padding:11px;
  position:relative;
}
.field-name-field-worker-photo .field-item{
  display:none;
  width:164px;
  margin:auto;
  border-radius:82px;
  overflow:hidden;
}
.field-name-field-worker-photo:hover .field-item{
  display:block;
}
.field-name-field-worker-photo img{
  display:block;
}
.field-name-field-worker-photo .worker-eye{
  width:106px;
  height:106px;
  position:absolute;
  left:40px;
  top:40px;
  z-index:1;
  background:url(../images/worker-photo-eye.png) 0 0 no-repeat;
}
.field-name-field-worker-photo:hover .worker-eye{
  display:none;
}
.field-name-field-position{
  font-size:15px;
  color:#cdcdcd;
  text-align:center;
}
.banner-more-link,
.show-all-news,
.show-full-team{
  color:white;
  display:block;
  border-radius:2px;
  border:1px solid white;
  margin:15px auto;
  width:110px;
  padding:5px 15px;
  text-align:center;
  text-decoration:none;
}
.banner-more-link:hover,
.show-all-news:hover,
.show-full-team:hover{ background:white; text-decoration:none; }
.show-all-news:hover{ color:#EC8737; }
.show-full-team:hover{ color:#769236; }
.banner-more-link:hover{ color:black; }

.banner-more-link{
  margin:15px 0;
}

#block-block-4>.wrapper-2{
  position:relative;
  min-height:250px;
  padding-bottom:50px;
}
#block-block-4>.wrapper-2>.content,
#block-block-4>.wrapper-2>.node-vacancy-teaser{
  margin-left:290px;
}

ul.vacancy-tabs{
  float:left;
  width:235px;
  padding:0;
  margin:0;
  list-style:none;
}
ul.vacancy-tabs>li{
  font-size:18px;
  line-height:32px;
  font-weight:300;
  width:235px;
  color:#333;
  padding:0 15px;
  white-space:nowrap;
  cursor:pointer;
}
ul.vacancy-tabs>li:hover{
  background:transparent;
}
ul.vacancy-tabs>li.active{
  background:url(../images/vacancy-tab.png) 0 0 no-repeat;
  width:262px;
  color:white;
}
.node-vacancy-teaser{display:none;}

.wanna-to-team, .wanna-to-team-2{
  display:block;
  width:170px;
  background:#ec8737;
  text-align:center;
  margin:15px 0 15px 290px;
  padding:5px 10px;
  font-size:22px;
  font-weight:300;
  color:white;
  border:1px solid #ec8737;
  border-radius:2px;
  text-decoration:none;
}
.wanna-to-team:hover, .wanna-to-team-2:hover{
  background:white;
  color:#ec8737;
  text-decoration:none;
}

#block-block-5{
  background:#eae9e9;
  padding:1px 0 50px 0;
}
#block-block-5>.wrapper-2 h2{
  text-align:left;
  width:350px;
}
#block-block-5>.wrapper-2>.content{
  width:475px;
  min-height:280px;
  float:left;
}
#block-block-5>.wrapper-2>.content:after{
  clear:left;
}

#node-16,
#node-62{
  width:350px;
  float:right;
  padding-top:30px;
}
#node-16:after,
#node-62:after{
  clear:right;
}
#node-16>h2,
#node-62>h2{
  font-family:proxima-nova, sans-serif;
  font-size:32px;
  font-weight:300;
  margin:21px 0 15px;
  text-align:left;
  color:#333;
}

input.form-submit,
input.form-text, textarea{
  box-sizing:border-box;
  font-family:proxima-nova, sans-serif;
  font-size:18px;
  font-weight:300;
  color:#444;
  width:100%;
  border:1px solid #888;
  border-radius:3px;
  padding:8px 13px;
  background:transparent;
}

input.form-submit{
  color:#ec8737;
  border:1px solid #ec8737;
  width:auto;
  cursor:pointer;
}
input.form-submit:hover{
  color:white;
  background:#ec8737;
}

.node-form input.form-submit{
  margin-right:20px;
}

footer{
  background:#4c4c4c;
  height:115px;
}
.region-footer{
  width:860px;
  margin:auto;
}
#block-block-6{
  float:left;
  color:white;
  width:230px;
  padding-top:25px;
}
#block-block-6 a{color:white;}
#block-block-7{
  margin-left:250px;
  color:#d4863f;
  padding-top:25px;
}
#block-block-7 ul.menu>li{
  list-style:none;
  padding:0;
}

.field-name-field-blocks>.field-items>.field-item{
  margin:0;
  padding:0;
}
.field-name-field-blocks>.field-items>.field-item>.field-collection-view{
  margin:0;
  padding:0;
  border:0;
}

.field-name-field-blocks>.field-items>.field-item .field-collection-item-field-blocks{
  padding:40px 0;
}
.field-name-field-blocks>.field-items>.field-item .field-collection-item-field-blocks p{
  margin:0;
}

.block-text-left .block-text{
  float:left;
  margin-right:20px;
}
.block-text-right .block-text{
  float:right;
  margin-left:20px;
}
.block-text-right .block-ntext{
  float:left;
  margin-right:20px;
}
.block-text-left .block-ntext{
  float:right;
  margin-left:20px;
}
.block-text-left .block-ntext:after,
.block-text-right .block-text:after{
  clear:both;
}

.block-text-left.block-lr-width-10 .block-text, .block-text-left.block-lr-width-90 .block-ntext { max-width:82px; }
.block-text-left.block-lr-width-20 .block-text, .block-text-left.block-lr-width-80 .block-ntext { max-width:164px; }
.block-text-left.block-lr-width-30 .block-text, .block-text-left.block-lr-width-70 .block-ntext { max-width:246px; }
.block-text-left.block-lr-width-40 .block-text, .block-text-left.block-lr-width-60 .block-ntext { max-width:328px; }
.block-text-left.block-lr-width-50 .block-text, .block-text-left.block-lr-width-50 .block-ntext { max-width:410px; }
.block-text-left.block-lr-width-60 .block-text, .block-text-left.block-lr-width-40 .block-ntext { max-width:492px; }
.block-text-left.block-lr-width-70 .block-text, .block-text-left.block-lr-width-30 .block-ntext { max-width:574px; }
.block-text-left.block-lr-width-80 .block-text, .block-text-left.block-lr-width-20 .block-ntext { max-width:656px; }
.block-text-left.block-lr-width-90 .block-text, .block-text-left.block-lr-width-10 .block-ntext { max-width:738px; }

.block-text-right.block-lr-width-10 .block-ntext, .block-text-right.block-lr-width-90 .block-text { max-width:82px; }
.block-text-right.block-lr-width-20 .block-ntext, .block-text-right.block-lr-width-80 .block-text { max-width:164px; }
.block-text-right.block-lr-width-30 .block-ntext, .block-text-right.block-lr-width-70 .block-text { max-width:246px; }
.block-text-right.block-lr-width-40 .block-ntext, .block-text-right.block-lr-width-60 .block-text { max-width:328px; }
.block-text-right.block-lr-width-50 .block-ntext, .block-text-right.block-lr-width-50 .block-text { max-width:410px; }
.block-text-right.block-lr-width-60 .block-ntext, .block-text-right.block-lr-width-40 .block-text { max-width:492px; }
.block-text-right.block-lr-width-70 .block-ntext, .block-text-right.block-lr-width-30 .block-text { max-width:574px; }
.block-text-right.block-lr-width-80 .block-ntext, .block-text-right.block-lr-width-20 .block-text { max-width:656px; }
.block-text-right.block-lr-width-90 .block-ntext, .block-text-right.block-lr-width-10 .block-text { max-width:738px; }

.block-text>img, .block-ntext>img, .block-ntext>div{width:100%;}
.block-ntext>iframe{margin:auto;display:block;}

.field-collection-container{
  margin:0;
  border:0;
}
.field-name-field-ref-workers>.field-label,
.field-name-field-similar-games>.field-label{
  margin:40px 0 0 0;
}
.field-name-field-ref-workers{
  padding:1px 0;
  background:#eaeaea;
  min-height:420px;
}
.field-name-field-similar-games>.field-items,
.field-name-field-ref-workers>.field-items{
  width:860px;
  margin:auto;
  text-align:center;
  padding-bottom:40px;
}
.field-name-field-similar-games>.field-items{
  padding-top:30px;
}
.field-name-field-ref-workers>.field-items>.field-item{
  display:inline-block;
  height:300px;
  width:206px;
  margin-left:12px;
}
.field-name-field-ref-workers>.field-items>.field-item:first-child{
  margin-left:0;
}
.node-project .node-worker-teaser{
  width:206px;
}
.node-project .field-name-field-worker-photo{
  padding:21px;
  background:white;
  border-radius:103px;
}
.node-project .field-name-field-worker-photo .field-item{
  display:block;
}
.node-project .node-worker-teaser h3{color:black;}
.node-project .field-name-field-position {color:#666;}

.news-zastavka{
  padding:40px;
  height:300px;
}

.news-zastavka h2{
  text-align:left;
  font-size:46px;
  font-family:proxima-nova, sans-serif;
  text-align:left;
  font-weight:normal;
  line-height:50px;
  margin:0 0 10px 0;
  width: 400px;
}

.news-zastavka .field-name-field-short{
  text-align:left;
  width:600px;
}

#block-block-9{
  background:#eaeaea;
  padding:1px 0 30px 0;
  margin-bottom:50px;
}
#block-block-9 .node-news-teaser h3 a{
  color:black;
}
#block-block-9 .node-news-teaser{
  color:#666;
}

#block-block-10>.wrapper-2>.content{
  text-align:center;
  padding:0 0 30px 0;
}
.node-project.node-teaser{
  display:inline-block;
  margin:0 20px;
  vertical-align:middle;
}

#block-block-11{
  padding:0 0 30px 0;
}

#popup-bg{
  background:rgba(0, 0, 0, 0.5);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  z-index:198;
}
#block-webform-client-block-92,
#block-webform-client-block-26{
  display:none;
  width:500px;
  background:white;
  position:fixed;
  padding:30px 0;
  left:50%;
  top:50%;
  margin-left:-250px;
  margin-top:-220px;
  z-index:199;
}
#block-webform-client-block-92>h2,
#block-webform-client-block-26>h2{
  font-family:proxima-nova, sans-serif;
  font-size:32px;
  font-weight:300;
  margin:0;
}
#block-webform-client-block-92>.content,
#block-webform-client-block-26>.content{
  padding:0 50px;
}
a.close{
  display:block;
  position:absolute;
  right:-40px;
  top:-40px;
  width:33px;
  height:33px;
  background:url(../images/close.png) no-repeat;
}
.webform-component--position{
  margin-top:0;
}
#edit-submitted-position{
  border:0;
  padding:0;
  text-align:center;
}

.share-social{
  font-size:24px;
  color:#E38742;
  font-weight:300;
  margin:60px auto;
  position:relative;
}
.share-social>img{
  display:inline-block;
  vertical-align:middle;
  margin-left:15px;
  cursor:pointer;
}

div.social-groups{
  font-size:24px;
  color:#E38742;
  font-weight:300;
  float:none;
  margin:0 auto 80px auto;
  position:relative;
  top:60px;
}
div.social-groups a{
  position:relative;
  top:10px;
}

#block-system-main .pluso{
  display:none;
  position:absolute;
  top:-60px;
  left:185px;
  z-index:9;
  background:#eee;
  border-radius:15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
#block-system-main .pluso-more{
  display:none;
}

#user-login,
#block-user-login{
  width:300px;
  margin:auto;
}
.page-node-edit #block-system-main,
.page-node-add #block-system-main,
.page-user #block-system-main,
.page-admin #block-system-main{
  width:960px;
  padding:0 0 30px 0;
  margin:auto;
}

#block-block-11{
  border-top:10px solid #eee;
  padding:30px 0;
  text-align:center;
}
.blog-filter{
  line-height:40px;
  position:relative;
}
.node-blog.node-teaser{
  margin:30px 0;
  text-align:justify;
}
.node-blog.node-teaser .field-name-field-blog-image{
  width:530px;
  padding:5px 0 0 0;
}

.node-blog.node-teaser .field-name-field-short,
.node-blog.node-teaser .field-name-body{
  margin-left:0;
}

.node-blog.node-teaser .field-name-field-short h3,
.node-blog.node-teaser .field-name-body h3{
  margin:20px 0 5px 0;
}

.node-blog.node-teaser .field-name-field-short h3 a,
.node-blog.node-teaser .field-name-body h3 a{
  color:#2e2e2e;
  font-size:22px;
}
.node-blog .blog-author{
  margin:5px auto;
}
.node-blog .blog-author>span{
  color:#b2b2b2;
  margin-left:10px;
}



@-webkit-keyframes wiggle10 {
  0% { -webkit-transform: rotate(10deg); }
  100% { -webkit-transform: rotate(-10deg); }
}
@-moz-keyframes wiggle10 {
  0% { -moz-transform: rotate(5deg); }
  100% { -moz-transform: rotate(-5deg); }
}
@keyframes wiggle10 {
  0% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}

@-webkit-keyframes wiggle5 {
  0% { -webkit-transform: rotate(5deg); }
  100% { -webkit-transform: rotate(-5deg); }
}
@-moz-keyframes wiggle5 {
  0% { -moz-transform: rotate(5deg); }
  100% { -moz-transform: rotate(-5deg); }
}
@keyframes wiggle5 {
  0% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}



.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
  width:240px;
  margin-right:10px;
  text-align:left;
}
.jq-selectbox__select {
	height: 32px;
	padding: 0 45px 0 10px;
	border: 1px solid #888;
	border-radius: 3px;
	background: #fff;
	font-size:16px;
  line-height:32px;
	color: #333;
}
.jq-selectbox__select:hover {
	border: 1px solid #333;
}
.jq-selectbox__select:active {
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
	border: 1px solid #000;
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox .placeholder {
	color: #888;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
}

.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 14px;
	right: 12px;
	width: 0;
	height: 0;
	border-top: 7px solid #888;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top-color: #333;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	border-top-color: #AAA;
}
.jq-selectbox__dropdown {
	box-sizing: border-box;
	width: 100%;
	margin: 2px 0 0;
	padding: 0;
	border: 1px solid #888;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	border: 1px solid #CCC;
	border-radius: 3px;
	outline: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
	min-height: 18px;
	padding: 5px 10px 6px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
	color: #231F20;
}
.jq-selectbox li.selected {
	background-color: #A3ABB1;
	color: #FFF;
}
.jq-selectbox li:hover {
	background-color: #08C;
	color: #FFF;
}
.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}

#block-system-user-menu{
  position:fixed;
  z-index:9999;
  right:0;
  bottom:0;
  padding:5px;
  width:180px;
  opacity:0.75;
}
#block-system-user-menu ul{
  padding:0;
}
.wrapper-2>#user-login-form{display:none;}
.wrapper-2>#user-login-form .form-item-name{width:410px;float:left;}
.wrapper-2>#user-login-form .form-item-pass{width:410px;float:left;margin-left:40px;}
.wrapper-2>#user-login-form .item-list{clear:left;float:left;width:320px;}
.wrapper-2>#user-login-form .item-list li{list-style:none;margin:0 30px 0 0;}
.wrapper-2>#user-login-form .social_login{width:220px;float:left;position:relative;top:-20px;}
.wrapper-2>#user-login-form .form-actions{text-align:right;}
.social_login iframe{height:50px;}

.action-links{
  width:280px;
  float:left;
  clear:left;
  margin:30px 0;
}

.blog-list{
  position:relative;
}

.blog-list>.blog-filter{
  width:280px;
  margin:0;
  position:absolute;
  top:30px;
}
.blog-list>.region-content{
  width:530px;
  margin-left:330px;
}
.page-blog #block-system-main{width:530px;}

#blog-categories-links{
  padding:0 0 10px 0;
  width:240px;
}
#blog-categories-links>li{
  display:block;
  list-style:none;
  height:30px;
  line-height:30px;
  padding:0 10px;
  font-size:18px;
  border-radius:3px;
}
#blog-categories-links>li:first-child{
  margin-bottom:6px;
}
#blog-categories-links>li.active{
  background:#D4863F;
  color:white;
}
#blog-categories-links>li.active>a{
  color:white;
}
#blog-categories-wr{display:none;}

.blog-tags{margin:20px auto;}
.blog-tags .field-item{float:left;padding:0 5px 0 10px;}

.region-lang { position:absolute; top:60px; right:40px; padding-top:7px;}
.language-switcher-locale-url{
  font-size:12px;
  list-style:none none;
  padding:2px;
  display:block;
  text-align:right;
  background-color:#FFFFFF;

}
.language-switcher-locale-url li{
  display:inline-block;
  margin: 0 5px;
}

#block-menu-menu-bottomenu ul {
	list-style:none none !important;
	padding:37px 30px 0 0;
}

#block-menu-menu-bottomenu li {
  list-style-image:none !important;
  list-style-type:none !important;
}



.node-work>a {
  position:absolute;
  left:0;
  top:-100px;
}