﻿/*
	style.css : основные стили сайта
	by Yuri "AzX" Chetverikov (http://www.chetverikov.org/)
*/
/**/


/* общие стили */
/**/
body {background: #92c02a; 
    font-family:"Trebuchet MS",sans-serif,serif,Arial !important;
     }
div.clear {clear: both;}

/* шапочка */
/**/
div.top {background: url("/static/images/bg_top.jpg") no-repeat top center; height: 886px; width: 100%;position:absolute; top:0px; }
div.top h2 {text-transform: uppercase; font-size: 11px; color: #fff; padding: 95px 0 0 200px;}
div.top div.caption {width: 1000px; margin: auto;}
div.top div.serv {width: 960px; margin: auto; color: #fff;  font-size: 13px; padding: 4px 0 0 0;}
div.top div.serv a {color: #fff; text-decoration: none;}
div.top div.serv a:hover {text-decoration: underline;} 
div.top div.bnr480x100 {width: 1000px; margin: -120px auto 0 auto; padding: 61px 0 0 0; text-align: right;}

/* разметка и птаха */
/**/
div.lyo {height: 100%; width: 980px; margin:0 auto;position:relative;;top:168px; margin-bottom:30px;}
div.lyo div.blubird {background: url("/static/images/blubird_off.png") no-repeat 0 0; height: 90px; width: 137px; margin: 0 0 0 155px; }
div.lyo div.blubird_on {background: url("/static/images/blubird_on.png") no-repeat 0 0;}

/* меню */
/**/
div.lyo div.menu {font-size: 13px; background: #930000 url("/static/images/bg_menu.png") no-repeat 0 0; width: 935px; font-family: tahoma; padding: 10px 0 0 45px; text-align:center;}
div.lyo div.menu li {float: left;}
div.lyo div.menu a {color: #ffffcc; font-size: 13px; text-decoration: none; padding: 5px 0 0 30px; display: block; float: left; height: 25px; margin: 0 15px 0 0;}
div.lyo div.menu a#search {background: url("/static/images/menu/search.png") no-repeat 0 0;}
div.lyo div.menu a#best {background: url("/static/images/menu/best.png") no-repeat 0 0;}
div.lyo div.menu a#new {background: url("/static/images/menu/new.png") no-repeat 0 0;}
div.lyo div.menu a#compose {background: url("/static/images/menu/compose.png") no-repeat 0 0;}
div.lyo div.menu a#reciepe {background: url("/static/images/menu/reciepe.png") no-repeat 0 0;}
div.lyo div.menu a#pics {background: url("/static/images/menu/pics.png") no-repeat 0 0;}
div.lyo div.menu a#wpapers {background: url("/static/images/menu/wpapers.png") no-repeat 0 0;}
div.lyo div.menu a#order {background: url("/static/images/menu/order.png") no-repeat 0 0;}

/* контент */
/**/
div.lyo div.content {background: #e7e3c5; border: 1px solid #963;}
div.lyo div.content div#leftCol {width: 200px; padding: 10px; float: left; z-index:1000;}
div.lyo div.content div#leftCol div {width: 198px; border: 1px solid #999999; background: #fff; margin: 10px 0;}
div.lyo div.content div#leftCol h2 {color: #cc3333; font-family: "Trebuchet MS",Trebuchet,Tahoma; 
font-size: 17px; font-weight: normal; text-transform: uppercase; padding: 7px 0 0 30px; margin: 10px; margin-left:5px;}
div.lyo div.content div#rightCol h2 a {color: #cc6633; text-decoration: none;}
div.lyo div.content div#rightCol h2 a:link {color: #cc6633; text-decoration: none;}
div.lyo div.content div#rightCol h2 a:visited {color: #cc6633; text-decoration: none;}
div.lyo div.content div#leftCol ul {padding: 0 0 5px 5px;}
div.lyo div.content div#leftCol ul li {padding: 4px 0;}
div.lyo div.content div#leftCol ul li a {font-family: tahoma; font-size: 12px;  color: #666666; background: url("/static/images/li.png") no-repeat 0 1px; padding: 0 0 0 18px; text-decoration: none; height: 12px;}
div.lyo div.content div#leftCol ul li a:hover {text-decoration: underline;}
div.lyo div.content div#leftCol div.congratulations h2 {background: url("/static/images/congrat.png") no-repeat 0 0;}
div.lyo div.content div#leftCol div.tosts h2 {background: url("/static/images/tosts.png") no-repeat 0 0;}

/* гаджет */
/**/
div.lyo div.content div#leftCol div.gadget {background: url("/static/images/gadget.png") no-repeat 0 0; border: 1px solid #990000; height: 80px;}
div.lyo div.content div#leftCol div.gadget p {color: #fff; font-family: "Trebuchet MS",Trebuchet,Tahoma; font-size: 13px; font-weight: bold; text-align: center; padding: 5px 0 0 0;}
div.lyo div.content div#leftCol div.gadget img {margin: 10px 0 0 20px;}

/* сами поздравления */
/**/
div.lyo div.content div#rightCol {border: 1px solid #b3c396; width: 745px; float: right; background: #f6ffe5; margin: 10px 10px 10px 0;}
div.lyo div.content div#rightCol h2 {color: #cc6633; text-transform: uppercase;font-family: "Trebuchet MS",Trebuchet,Tahoma; font-size: 15px; font-weight: bold; padding: 22px 0 10px 50px; margin: 0 0 -10px 0;}
div.lyo div.content div#rightCol h2.hb {background: url("/static/images/h_hb.png") no-repeat 0 0; margin-top: 1px;}
div.lyo div.content div#rightCol h2.tost {background: url("/static/images/h_tost.png") no-repeat 0 0;}
div.lyo div.content div#rightCol h2.yub {background: url("/static/images/h_yub.png") no-repeat 0 0; padding-top: 10px; margin: 10px 0 0 0;}
div.lyo div.content div#rightCol h2.svadba {background: url("/static/images/h_svadba.png") no-repeat 0 0; padding-top: 10px; padding-bottom: 5px;}
div.lyo div.content div#rightCol h2.cal {background: url("/static/images/h_cal.png") no-repeat 0 0; padding-top: 10px; margin: 10px 0 0 0; padding-bottom: 3px;}
div.lyo div.content div#rightCol h2.new {background: url("/static/images/h_new.png") no-repeat 0 0; padding-top: 22px; padding-left: 60px; padding-bottom: 3px;}
div.lyo div.content div#rightCol h2.sms {background: url("/static/images/h_sms.png") no-repeat 0 0; padding-top: 24px; padding-left: 50px; padding-bottom: 10px;}
div.lyo div.content div#rightCol a.more {text-decoration: underline; font-family: arial; font-size: 14px; color: #cc6633; display: block; padding: 5px 0 15px 0; margin-left: 6px;}
div.lyo div.content div#rightCol ol {list-style: decimal; margin: 0 0 0 20px;}

div.lyo div.content div#rightCol div.item a.send {display: block; background: transparent url("/static/images/submit.png") no-repeat 0 0; color: #fff; font-family: verdana; font-size: 11px;  padding:2px 0 0 8px; height: 21px; width: 71px; text-decoration: none; line-height: 10px; margin: 4px 0 0 0;}
div.lyo div.content div#rightCol div.item a.minisend {background: transparent url("/static/images/minisend.png") no-repeat 0 0; color: #fff; font-family: verdana; font-size: 11px; padding:2px 0 0 10px;text-decoration: none; line-height: 10px; }

/*div.lyo div.content div#rightCol div.item span {display: block; padding-top: 2px;}
*/

div.lyo div.content div#rightCol div.desc p {padding: 5px 0;}
div.lyo div.content div#rightCol div.desc ul {list-style: square; margin: 0 0 20px 30px;}
div.lyo div.content div#rightCol div.desc li {padding: 2px 0 3px 0 ;}
div.lyo div.content div#rightCol div.map {background: #fff; border: 1px solid #cccc99; padding:0 6px 4px 6px; margin: 0 0 20px 0;}
div.lyo div.content div#rightCol div.map a {text-decoration: underline; font-family: arial; font-size: 14px; color: #cc6633;}
div.lyo div.content div#rightCol div.item2 {font-size: 14px; padding: 10px 2px 2px 6px; color: #666666; line-height: 16px;
border-bottom:1px solid #E7E3C5;


}
pre {
    width:100%;
    padding:5px;
}
.grat_info {
    margin-left:400px;
    width:200px;
    padding-top:20px;
    font-size:12px;
    margin-bottom:15px;
}

span.author{
    display:block;

    float:right;
}
div.lyo div.content div#rightCol div.item2 a.send {display: block; background: transparent url("/static/images/submit.png") no-repeat 0 0; color: #fff; font-family: verdana; font-size: 12px;  padding:2px 0 0 8px; height: 21px; width: 71px; text-decoration: none; line-height: 10px; margin: 4px 0 0 0;}
div.lyo div.content div#rightCol div.item2 a.minisend {background: transparent url("/static/images/minisend.png") no-repeat 0 0; color: #fff; font-family: verdana; font-size: 12px;  padding:2px 0 0 10px;text-decoration: none; line-height: 10px; }
div.lyo div.content div#rightCol div.item2 span {display: block; padding-top: 2px;}
div.lyo div.content div#rightCol a.more2 {text-decoration: underline; font-family: arial; font-size: 16px; color: #cc6633; padding: 5px 0 15px 0; margin-left: 6px;}

/* подписка */
/**/
div.lyo div.content div#rightCol div.subscribe {background: url("/static/images/mail_bg.png") repeat-x 0 0; padding: 10px 10px 10px 16px; color: #99ffff;  font-size: 12px;}
div.lyo div.content div#rightCol div.subscribe h3 {color: #fff; font-family: arial; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 0 0 10px 0;}
div.lyo div.content div#rightCol div.subscribe input {border: 1px solid #666666; background: #fff url("/static/images/text_bg.png") repeat-x 0 0; padding: 4px; height: 16px; margin: 0 0 0 10px; width: 120px; }
div.lyo div.content div#rightCol div.subscribe input.sbm {border: 1px solid #669900; background: #fff url("/static/images/sbm_bg.png") repeat-x 0 0; padding: 4px; height: 26px; margin: 0 0 0 4px; width: 90px; color: #fff; font-family: arial; font-size: 13px;}
div.lyo div.content div#rightCol div.subscribe p {line-height: 18px; padding-top: 10px;}
div.lyo div.content div#rightCol div.subscribe a {color: #fff; text-decoration: none;}
div.lyo div.content div#rightCol div.subscribe a:link {color: #fff; text-decoration: none;}
div.lyo div.content div#rightCol div.subscribe a:visited {color: #fff; text-decoration: none;}

div.lyo div.content div#rightCol div.left {width: 340px; float: left; padding: 10px;}
div.lyo div.content div#rightCol div.right {width: 340px; float: right; padding: 10px;}
div.lyo div.content div#rightCol div.left2 {
    width: 440px; 
    float: left; 
    padding: 20px 10px 10px 20px;
}

div.lyo div.content div#rightCol div.left3 {
    width: 220px; 
    float: left; 
    padding: 20px 10px 10px 20px;
    font-size:12px;
}
div.lyo div.content div#rightCol div.left3 li{
    padding-top:5px;
}

div.lyo div.content div#rightCol div.right2 {width: 120px; float: right; padding: 10px;}


/*div.lyo div.content div.cash {border: 1px solid #ac8924; background: #ffc614 url("/static/images/cash_bg.png") repeat-x 0 0; width: 680px; float: left; margin-top: 10px; padding: 12px; color: #663300; font-size: 14px; line-height: 16px;}
div.lyo div.content div.cash a.add {text-decoration: none; display: block; color: #fff; background: url("/static/images/btn_add.png") no-repeat 0 0; padding: 10px 0 0 45px; height: 30px; font-size: 13px; font-family: "Trebuchet MS",Trebuchet,Tahoma; font-weight: bold; float: right; width: 200px;}
*/

/* заработай */
div.lyo div.content div.cash {border: 1px solid #ac8924; background: #ffc614 url("/static/images/cash_bg.png") repeat-x 0 0; width: 721px; float: right; margin: 10px; padding: 12px;font-variant: small-caps; color: #663300; font-size: 12px; line-height: 16px;}
div.lyo div.content div.cash a.add {text-decoration: none; display: block; color: #fff; background: url("/static/images/btn_add.png") no-repeat 0 0; padding: 10px 0 0 45px; height: 30px; font-size: 14px; font-family: "Trebuchet MS",Trebuchet,Tahoma; font-weight: bold; float: right; width: 200px;}

/* подвал */
/**/
div.footer {position:relative; width:100%;top:150px;}
div.bottom {font-size:12px; background: url("/static/images/bottom.png") no-repeat center; height: 26px; padding: 120px 0 0 0; }
div.bottom ul.menu {margin: auto; width: 600px;}
div.bottom ul.menu li {display: inline; text-align: center; color: #000; font-family: tahoma; font-size: 12px; }
div.bottom ul.menu li a {color: #000; text-decoration: none;}
div.bottom ul.menu li a:hover {color: #000; text-decoration: underline;}

.tnd_font {
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #c0113b;
	font-weight:bold;
}
.tnd_topfont {
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #b23915;
}
.tnd_image{
border: 1px;
border-style: solid;
border-color: #ffdc88;
width: 68px;
height: 68px;
}
.tnd_table1{
border: 1px;
border-style: solid;
border-color: #b23915;
width: 198px;
height: 238px;
}
.tnd_table2{
border: 0px;
width: 198px;
height: 238px;
}
.tnd_tdtop{
background-color: #ffedc3;
text-align: center;
}
.tnd_tdorange{
background-color: #fff7eb;
text-align: center;
}

.tnd_font1 {
	text-decoration: underline;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9 px;
	color:#444444;
}
.tnd_topfont1 {
text-decoration: underline;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13 px;
color: #444444;
font-weight: bold;
text-align: center;
}
.tnd_table11{
border: 0px;
width: 100px;
}
.tnd_table111{
border: 0px;
}

.ldctsr {

border: none ;

background:  #FFFFFF;

margin-left:0px;

margin-top:0px;

}

.ldctsr td {

padding:0px;

}

.ldctsr2 td {

padding: 1px; 

}

.ldctsr img {

border:1px solid #000000;

margin: 5px;

}

.ldctsr a {

color: #000000;

font-weight:  bold ;

font-style:  normal ;

text-decoration:  underline ;

font-family: Arial, Helvetica, sans-serif ;

font-size: 12px;

}

.atsr {

text-align: left ;

}

h1 {
    font-weight:bold;
}

.item {
    float:left;
    width:100%;
    padding: 9px;
    background-color:#fff;
    border:1px solid gray;
    margin-bottom:10px;
    margin-top:20px;
}
.hiteml {
    width:70%;
    float:left;
	min-height:100px;
}
.hitemr {
    width:30%;
    float:right;
    font-size:11px;
    color:gray;
}
.vote {
    float:left;
    width:100%;
    float:left;
}
.votei {
    margin-top:10px;
    padding:5px;
    cursor:pointer;
    float:left;
}
.votec {
    float:left;
    font-size:18px;
    margin-top:20px;
}
.voteg {
/*    width:90px;*/
	width:100%;
    float:left;
    margin-left:10px;
	margin-top:-10px;
}


.click {
    border-bottom:1px dotted #1A3DC1;;
    cursor:pointer;
    color:#930000;
    font-weight:bold;
}
.clear {
        clear:both;

}
#gr1 {
    margin-left:-10px;
    /*height:400px;
    overflow:hidden;*/
    margin-bottom: 10px;
}

.opt_list {
    height:139px;
    overflow-x:hidden;
    width:100%;
}

.opt_block {
    margin-left:15px;
    width:180px;
    margin-top:15px;
}

#who_list {
    height:171px;
    overflow-x:hidden;
    width:100%;
}
#filters_list {
    height:171px;
    overflow-x:hidden;
    width:180px;
}
#filters {
    padding-top:10px;
}
.w100 {
    width:100%;
}


.scroll {
    overflow-y:hidden;
    margin-top:5px;
    padding-top:0px;
    margin-left:10px;
}
.scroll:hover {
    overflow-y:scroll;
}
a {
    color:#930000;
}
a:hover {
    text-decoration:none;
}


#id_section {
    width:400px;
}
label {
    float:left;
    width:100%;
    padding-top:25px;
    padding-bottom:5px;
}
.helptext {
    font-size:10px;
    float:left;
    display:block;
    width:300px;
}
select[multiple] {
    width:300px;
    padding: 5px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 200px;
}
#id_gsize{
    height:100px;
}
#id_text{
    width:400px;
}
.errorlist {
    display:block;
    margin-left:200px;
    color:red;
    position:absolute;
    margin-top:23px;
	height:50px;
}



div.articles-item-img {
    cursor: pointer;
    float: left;
    width:100px;
}

div.articles-text-wrap {
    float: right;
    line-height: 16px;
    width: 340px;
}
#paginator{
    width:100%;
}
a.page:hover {
    text-decoration:none;
    color:#fff;
    background-color:#92C02A;
}
a.page {
    display:block;
    float:left;
    padding:5px;
    margin:3px;
    border-radius:3px;
}

a.active_page {
    text-decoration:none;
    color:#fff;
    background-color:#92C02A;
}
#id_website {
    display:none;
}
p.indent {
    text-indent: 20px;
}
.p5 {
    padding:5px;
}
#ctrlcopy {
    height: 1px;
    line-height: 0;
    margin: 5px 0 0 -1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;


}
#section_text {
    padding:10px;
    margin:10px;
    margin-top:20px;
    width:660px;
}

div.lyo div.content div#rightCol h2.home-h2 {
    padding:0px;
    padding-top:20px;
    padding-bottom:5px;
}
.left-button{display: none;}
.menu>div>img{display: none;}
@media (max-width:1000px){
    div.top div.caption,
    div.top div.bnr480x100{
        width: auto;
    }
    }
@media (max-width:980px){
    .serv>div{float: left !important; margin-top: 10px;}
    .serv>div:after{
        content:"";
        width: 100%;
        display: block;
        clear: both;
    }
    #section_text{
        width: 100%;
        margin: auto;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    #section_text img,
    #section_text textarea{
        width: 100% !important;
        height: auto;
    }
    div.lyo div.content div#rightCol div.left{width: auto !important;}
    div.top div.bnr480x100{width: auto;}
    div.top div.caption{
        width: auto;
        margin-left: 50px;
    }
    div.top div.serv{
        width: 350px;
        margin-left: 72px;
    }
    div.lyo{
        width: 768px;
    }
    div.lyo div.menu{
        width: 100%;
        background: #930000 url("/static/images/bg_menu.png") no-repeat scroll top center;
        padding-left: 0;
    }
    div.lyo div.menu li{
        margin-left: 4px;
    }
    div.lyo div.menu a{
        
        margin: auto;
        padding-left: 30px;
        
    }
    div.lyo div.content div#rightCol{
        width: 525px;
    }
    div.lyo div.content div#rightCol div.left2{
        width: 465px;
    }
    div.top{
      background: rgba(0, 0, 0, 0) url("/static/images/bg_top.jpg") no-repeat scroll -255px top;
    }
    .left3{
        display: none;
    }
   
}
@media(max-width:768px){
	#home-top {
		display:none;
	}
	.hiteml {
		width:100%;
	}
	.hitemr {
		margin-top:20px;
		width:100%;
	}
    .left-button{
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 20px;
        background: url("/static/images/left-button-bg.png"), url("/static/images/left-button2.png") 50% 50% no-repeat ;
        cursor: pointer;
        z-index: 1000;
    }
.left-open{
    background:url("/static/images/left-button-bg.png"), url("/static/images/right-button2.png") 50% 50% no-repeat;
}
    div.lyo div.menu li{margin-left: 0;}
    .menu>div{
        text-align: right;
    }
     .menu>div>img{
        cursor: pointer;
        display: inline;}
      div.lyo div.menu{
       
        padding: 0;
        margin-left: auto;
       
    }
    div.lyo div.menu li{
        float: none;
        display: none;
        border-bottom: 1px solid #D12E2E;
    }
    div.lyo div.menu a{
        display: inline-block;
        float: none;
        width: 150px;
        text-align: left;
        margin-right: 0;
        margin: 5px 0;
    }
     div.lyo{
        width: 100%; 
    }
    div.lyo div.content{
        padding: 10px;
    }
    div.lyo div.content div#leftCol{
        display: none;
        position: absolute;
        background: #E7E3C5;
        left: 35px;
    }
    div.lyo div.content div#rightCol{
        margin: 0;
        width: 100%;
    }
    div.lyo div.content div#rightCol div.left2{
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 10px;
    }
    .item{
        width: 100%;
        margin: 0;
        margin-top: 10px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    div.lyo div.content div.cash{
        width: auto;
    }
}
@media(max-width:575px){
    div.top div.serv{
        margin-left: 10px;
        font-size: 12px;
        width: 310px;
    }
    div.lyo div.content div#rightCol h2.hb{
        background: url("/static/images/h_hb_small.png") no-repeat scroll 0 0;
    }
    div.top{
        background: url("/static/images/bg_top.jpg") no-repeat scroll -320px top ;
    }
    div.lyo{
        top:75px;
    }
    div.lyo div.blubird{
        display: none;
    }
    div.lyo div.content div#rightCol h2{
        font-size: 13px;
    }
    div.bottom ul.menu{width: auto;}
    .menu > img {
    float: right;
    }
    .menu > img:after{
        content:" ";
        display: block;
        width: 100%;
        clear: both;
    }
}
@media (max-width:350px){
    div.top h2{padding: 0;
    font-size: 10px;}
    #grattis_30101{display: none;}
}


.avatar{
    width:40px;
    height:40px;
    border-radius:20%;
    overflow:hidden;
	margin-left:5px;
} 
.gwho {
	max-height: 45px;
	overflow:hidden;
}
.gwho:hover {
	position:relative;
	max-height:90px;
	overflow-y:scroll;
}
.pointer {
	cursor:pointer;
}
.vk_form{  
	position: fixed;
	width: 300px;
	height: 250px;
	top: 50%;
	left: 50%;
	margin-top: -100px; /* Negative half of height. */
	margin-left: -150px; /* Negative half of width. */
	display:none;
	border:10px solid #92C02A;
	border-radius:5px;
	background-color:#fff;
	z-index:1000;
	padding:20px;
	text-align:center;
}​
#vk_error {
	color:red;
	font-weigth:bold;
}
.player button:hover {
	background-color: #fff;
}

.player button {
	border-radius:40px;
	cursor:pointer;

	background-color: #e6e6e6;
    border: 0 none rgba(0, 0, 0, 0);
    border-radius: 40px;
    color: rgba(0, 0, 0, 0.8);
    font-family: inherit;
    font-size: 100%;
    text-decoration: none;
}
#payform label{
	padding-top:5px;
	font-family: sans-serif;
}

#voice_form{  
	position: fixed;
	width: 600px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -200px; /* Negative half of height. */
	margin-left: -300px; /* Negative half of width. */
	display:none;
	border:10px solid #92C02A;
	border-radius:5px;
	background-color:#fff;
	z-index:1000;
	padding:20px;
	font-size:12px;
}
@media (max-width:768px){
	#voice_form {
		width:100%;
		left:0px;
		top:0px;
		padding:0;
		margin:0;
		padding:20px;
		box-sizing: border-box;
		min-height: 550px;
	}
}

.voice-text {
	display:none;
}

#voice_form label {
	padding-top:5px;
}

.send-btn {
	color: #C06644;
	padding-top:2px;
	float:left;
	margin-right:10px;
}
.send-div {
	margin-top:15px;
	float:left; 
	width:70%; 
	text-align:left;
}
.send-div img{
}
.added-info {
	padding-top:15px;
	float:right;
	color: gray;
    font-size: 11px;
	width:29%;
}
.info {
	font-size:11px;
}
#phone-form label {
	color: #C06644;
}
#phone-form label.pay {
	display:block;
	float:left;
	width:90px;
	color:gray;
	font-size:11px;
	text-align:center;
}
.r-inp, r-inp-img {
	float:left;
}
.r-inp-img {
	margin-top:-20px;
	margin-right:10px;
}
.price {
	color:gray;
	font-size:12px;
}


#qr_code_div{  
	position: fixed;
	width: 400px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -200px; /* Negative half of height. */
	margin-left: -200px; /* Negative half of width. */
	display:none;
	border:10px solid #92C02A;
	border-radius:5px;
	background-color:#fff;
	z-index:1000;
	padding:20px;
}
#voice_form .errorlist{
	width:200px;
	background-color:#FFFBDA;
	padding:20px;
	top: 50%;
	left: 50%;
	margin-top: -100px; /* Negative half of height. */
	margin-left: -100px; /* Negative half of width. */

	margin-left:
}




/* new year */

body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;}

.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
   position:absolute;
   top:0;
   left:0;
   display:block;
   height:115px;
   width:100%;
   overflow:hidden;
   background:url(https://stost.ru/static/images/balls/b-head-decor_newyear.png) repeat-x 0 0
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}

.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n1.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n5.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_n9.png) no-repeat}
.b-ball_i1 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(https://stost.ru/static/images/balls/b-ball_i6.png) no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}
