@CHARSET "UTF-8";


body {
    background-color: #f5f5f5;
  }
#wrapper{
    background-color: #f5f5f5;
}
  .login {
    position: relative;
    max-width: 570px;
    padding: 19px 29px 29px;
    margin: 40px auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
  }
  .login .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 10px;
  }
  .login input[type="text"],
  .login input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
  }
  
.form-horizontal .control-group {
    margin-bottom: 0px;
}
.form-inline .checkbox {    
    padding-left: 5px;

}
.form-login{
    margin-top: 10px;
}
.reg-link{
    margin-left: 180px;
    margin-top: 10px;
}
.social-bnts{
    position: relative;
}
.social-bnts ul{
    list-style: none;
    margin: 20px 0 40px 6px;
    padding: 20px 0 0 0;
    border-top: 1px solid #e5e5e5;
}
.social-bnts ul li {
    float: left;
    margin-right: 10px;
}
.social-bnt{
    padding: 6px 5px;
    font-size: 14px;    
}
.social-or{
    position: absolute;
    left: 50%;
    top: -9px;
    background-color: #fff;
    font-weight: bold;
    padding: 0 3px;
}

.social-login-cancel{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
/*linked*/
.socia-table{
    table-layout:fixed;
}

.socia-table td{
    height: 36px;
    border: 0;
    vertical-align: middle;
    overflow: hidden;
}
.soc-links li{
    margin-top: 5px;
}

.full-name{
    vertical-align: middle;
    font-size: 14px;
}
.captcha-input{
    margin-top: 20px;
}
.terms-and-conditions{
    float: left;
}
.account-error{
    margin-left: 180px;
    margin-bottom: 10px!important;
}

@media (min-width: 591px) and (max-width: 767px) { 
    .container, #wrapper, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span12 {
        width: auto;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: auto;
    }
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
        margin-right: 0px;
    }
    #wrapper-all{
        min-width: 0px;
    }
    #wrapper-content{
        padding: 0px 0px 200px 0px !important;
    }
    footer .container{
        height: auto;
    }
    footer .right{
        text-align: center;
    }
    .span8{
        width: 100%;
        margin-left: 0px;
    }
    .social-bnts ul{
        margin: 20px 0 40px 5px;
    }
    .social-bnts ul li {
        margin-right: 5px;
        margin-top: 10px;
    }
    .menu-lang{
        float: none;
    }
    
    .nav-collapse .dropdown-menu{
        display: block;
    }
    .menu-lang a {
        display: block;
    }
    .lang-top{
        display: none;
    }
    
}
    

@media (max-width: 590px) { 
    .container, #wrapper, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span12 {
        width: auto;
    }
    #wrapper-all {
	   margin: 0 auto;
	   min-height: 100%;
	   height: auto !important;
	   height: 100%;
       min-width: 0px;
    }
    #wrapper .containe1r{
        padding-left: 10px;
        padding-right: 10px;
    }
    .form-horizontal .control-label {
        float: none;
        text-align: left;
    }
    .form-horizontal .controls{
        margin-left: 0;
    }
    .span8{
        width: 100%;
        margin-left: 0px;
    }
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
        margin-right: 0px;
    }
    .reg-link{
        margin-left: 40px!important;
    }
    footer .container{
        height: auto;
    }
    footer .right{
        text-align: center;
    }
    .social-bnts ul{
        margin: 20px 0 40px 0px;
    }
    .social-bnts ul li {
        margin-right: 5px;
        margin-top: 10px;
    }
    .login{
       padding: 19px 29px 110px 10px;
       margin: 5px;
    }
    #wrapper-content{
        padding: 0px 0px 200px 0px !important;
    }
    
    .box-loginza-registr .box-icons-widget{
        margin-left: 5px;
    }
    
    .menu-lang{
        float: none;
    }
    
    .nav-collapse .dropdown-menu{
        display: block;
    }
    
    .login1{
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .menu-lang a {
        display: block;
    }
     .lang-top{
        display: none;
    }
    footer .row {
        margin-left: 0px;
    }
    footer {
        padding-left: 0px;
    }
}
/***/
.providers_ico_sprite {background-position:0 0;background-repeat:no-repeat;background-image:url('/img/providers_ico_sprite.png');display:inline-block;width:16px;height:16px;}
.google_ico {background-position:0 0}
.yandex_ico {background-position:0 -16px}
.mailruapi_ico, .mailru_ico {background-position:0 -32px}

.vkontakte_ico {background-position:0 -48px}
.facebook_ico {background-position:0 -64px}
.twitter_ico {background-position:0 -80px}

.loginza_ico {background-position:0 -96px}
.myopenid_ico {background-position:0 -112px}
.webmoney_ico {background-position:0 -128px}

.rambler_ico {background-position:0 -144px}
.flickr_ico {background-position:0 -160px}
.lastfm_ico {background-position:0 -176px}

.openid_ico {background-position:0 -192px}
.verisign_ico {background-position:0 -208px}
.aol_ico {background-position:0 -224px}
.steam_ico {background-position:0 -240px}
.livejournal_ico {background-position:0 -256px}
.odnoklassniki_ico {background-position:0 -272px}
.linkedin_ico {background-position:0 -288px}

.providers_sprite {background-position:0 0;background-repeat:no-repeat;background-image:url('/img/providers_sprite.png');display:inline-block;width:90px;height:25px;}
.google {background-position:0 0}
.yandex {background-position:0 -25px}
.mailruapi {background-position:0 -50px}

.vkontakte {background-position:0 -75px}
.facebook {background-position:0 -100px}
.twitter {background-position:0 -125px}

.loginza {background-position:0 -150px}
.myopenid {background-position:0 -175px}
.webmoney {background-position:0 -200px}

.rambler {background-position:0 -225px}
.flickr {background-position:0 -250px}
.lastfm {background-position:0 -275px}

.openid {background-position:0 -300px}
.verisign {background-position:0 -325px}
.aol {background-position:0 -350px}

.mailru {background-position:0 -375px}
.steam {background-position:0 -400px}
.livejournal {background-position:0 -425px}
.odnoklassniki {background-position:0 -450px}
.linkedin {background-position:0 -475px}
.prettytasks {background-repeat:no-repeat;background-image:url('/img/pr_icon.png');display:inline-block;width:16px;height:16px;}
.prettytasks_logo {background-repeat:no-repeat;background-image:url('/img/pr_logo.png');display:inline-block;width:90px;height:25px;}
.providers_set {text-align:center;}
.providers_set .providers_sprite {margin: 7px 0px;}
.provider {float: center; margin: 4px; display: inline-block;}


.social-buttons span {
    background: url(/img/sprite/socials_sprite.png) no-repeat;
    height: 50px;
    width: 50px;
    display:block;
}
.social-buttons a, .social-buttons a:hover {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration:none;
    float: left;
}
.social-buttons a {
    width: 50px;
    height: 50px;
    margin:5px 5px 0 0;
}
.s-btns {
    width: 275px;
    margin: 0 auto;
}
.social-buttons a:hover {
    background:#f4f3f2;
}

.social-buttons .google {
    background-position: 0 -473px;
}

.social-buttons .odnoklassniki {
    background-position: -51px -473px;
}
.social-buttons .vkontakte {
    background-position: 0 -525px;
}
.social-buttons .facebook {
    background-position: -51px -525px;
}
.social-buttons .mail {
    background-position: 0 -577px;
}
.social-buttons .twitter {
    background-position: -51px -577px;
}

.social-buttons .yandex {
    background-position: 0px -629px;
}

.social-buttons .linkedin {
    background-position: -51px -629px;
}

.social-buttons .live {
    background-position: -0px -681px;
}

.social-buttons .yahoo {
    background-position: -51px -733px;
}


.social-avatar{
    text-align: center;
}
.social-avatar img{
    border: 1px solid #c0c0c0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    margin: 10px;
}

.image-control {
  position: absolute;
  height: 100%;
  cursor: pointer;
  opacity:0.5;
}
.image-prev {
  left: 0;
  width: 20%;
  top:0;
}
.image-next {
  right: 0;
  width: 20%;
  top:0;
}