@font-face {
    font-family: DesignosaurItalic; 
    src: url("../fonts/Designosaur-Italic.ttf") format("truetype-aat"), 
        url("../fonts/Designosaur-Italic.otf") format("opentype");
}
@font-face {
    font-family: Designosaur; 
    src: url("../fonts/Designosaur-Regular.ttf") format("truetype-aat"), 
        url("../fonts/Designosaur-Regular.otf") format("opentype");
}
@font-face {
    font-family: ProximaNovaCond; 
    src: url("../fonts/ProximaNovaCond-Regular.otf") format("opentype");
}

*{
    outline: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.clear{
    clear: both;
}
.hide{
    display: none;
}
section{
    /*border-top: 3px solid #088f45;*/ /* После НГ, как выключу гирлянду - раскомментить */
    /* min-width: 1000px; */
    overflow: hidden;
    /* padding: 0 15px; */
}
header{
    padding: 15px 0;
    height: auto;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 1px 0 3px rgba(0,0,0,0.1);
    overflow: hidden;
}
.back_to_main{
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    background: url("../img/back.png") no-repeat left center;
    padding-left: 26px;
    width: 230px;
    line-height: 50px;
    color: #189010;
}
.center{
    max-width: 996px;
    margin: auto;
    overflow: hidden;
    padding: 0 15px;
}

.center .logo {
    width: 300px;
    float: left;
    font-size: 20px;
    text-decoration: none;
    color: #000;
}

.center .logo img {
    width: 110px;
    margin-right: 10px;
    float: left;
    vertical-align: top;
}

.center .logo span {
    margin-top: 20px;
    display: inline-block;
}

#logo{
    margin-left: 7px;
    margin-right: 21px;
    0height: 55px;
	height: 100px
}
.deliv_info{
    width: 246px;
    color: #495068;
    font-style: italic;
    font-size: 14px;
    font-family: Georgia;
    text-shadow: 0 0 2px rgba(0,0,0,0.2); 

}
.deliv_info .mark{
    margin-top: 2px;
    color: #000;
    background: url("../img/mark.png") no-repeat left top;
    padding-top: 2px;
    padding-left: 5px;
    line-height: 16px;
    height: 34px;
    margin-bottom: 8px;
}
.deliv_info span{
    /*margin-left: 3px;*/
}
.free-delivery{
	display: none;
	position: absolute;
	left: 40px;
	bottom: 30px;
	z-index: 3;
}
.call{
    width: 242px;
    margin-top: 2px;
	margin-left: 13px;
}
footer .center .call {
	margin-left: 0px;
}
.phones{
    font-family: Designosaur;
    font-size: 32px;
    line-height: 30px;
}
.phones small{
    font-size: 22px;
    font-family: DesignosaurItalic;
	line-height: 33px;
}
.call_me{
    color: #f61106;
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    padding-left: 29px;
    background: url("../img/phone.png") no-repeat left center;
    cursor: pointer;
    margin-top: 7px;
    line-height: 23px;
}
.call_me span{
    border-bottom: 1px dashed #e50a3b;
}/*
.call_me2{
    margin-top: 0px;
    text-align: right;
    padding-left: 17px;
    background: url("../img/phone.png") no-repeat left center;
    color: #f61106;
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    line-height: 50px;
    cursor: pointer;
    width: 142px;
    float: right;
    text-decoration: underline;
}*/
.call_me2 span{
    /*border-bottom: 1px dashed #e50a3b;*/
}
header input[type=button]{
    margin-top: 3px;
}
input[type=button]:active, input[type=button].order2:active{
    box-shadow:  2px 3px 0px 0px #961c1f;
}
input[type=button],input[type=submit]{
    width: 218px;
    height: 47px;
    border: none;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/order.png"), -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #E73D34),
        color-stop(1, #C72B2B)
        );
    background-image: url("../img/order.png"), -o-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order.png"), -moz-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order.png"), -webkit-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order.png"), -ms-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order.png"), linear-gradient(to bottom, #E73D34 0%, #C72B2B 100%);
    box-shadow:  2px 4px 0px 0px #961c1f;
}
input[type=button]:hover, input[type=submit]:hover{
    background-image: url("../img/order2.png"), -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #C72B2B),
        color-stop(1, #E73D34)
        );
    background-image: url("../img/order.png"), -o-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order.png"), -moz-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order.png"), -webkit-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order.png"), -ms-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order.png"), linear-gradient(to bottom, #C72B2B 0%, #E73D34 100%);
}
input[type=button].order2, input[type=submit].order2{
    width: 235px;
    height: 47px;
    border: none;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/order2.png"), -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #E73D34),
        color-stop(1, #C72B2B)
        );
    background-image: url("../img/order2.png"), -o-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order2.png"), -moz-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order2.png"), -webkit-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order2.png"), -ms-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background-image: url("../img/order2.png"), linear-gradient(to bottom, #E73D34 0%, #C72B2B 100%);
    box-shadow:  2px 4px 0px 0px #961c1f;
}
input[type=button].order2:hover, input[type=submit].order2:hover{
    background-image: url("../img/order2.png"), -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #C72B2B),
        color-stop(1, #E73D34)
        );
    background-image: url("../img/order2.png"), -o-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order2.png"), -moz-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order2.png"), -webkit-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order2.png"), -ms-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background-image: url("../img/order2.png"), linear-gradient(to bottom, #C72B2B 0%, #E73D34 100%);
}


input[type=button].order3, input[type=submit].order3{
    width: 190px;
    height: 47px;
    border: none;
    border-radius: 4px;
    background-position: ;
    background: url("../img/order3.png") no-repeat 3px center, -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #E73D34),
        color-stop(1, #C72B2B)
        );
    background: url("../img/order3.png") no-repeat 3px center, -o-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background: url("../img/order3.png") no-repeat 3px center, -moz-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background: url("../img/order3.png") no-repeat 3px center, -webkit-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background: url("../img/order3.png") no-repeat 3px center, -ms-linear-gradient(bottom, #E73D34 0%, #C72B2B 100%);
    background: url("../img/order3.png") no-repeat 3px center, linear-gradient(to bottom, #E73D34 0%, #C72B2B 100%);
    box-shadow:  2px 4px 0px 0px #961c1f;
}
input[type=button].order3:hover, input[type=submit].order3:hover{
    background: url("../img/order3.png") no-repeat 3px center, -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #C72B2B),
        color-stop(1, #E73D34)
        );
    background: url("../img/order3.png") no-repeat 3px center, -o-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background: url("../img/order3.png") no-repeat 3px center, -moz-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background: url("../img/order3.png") no-repeat 3px center, -webkit-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background: url("../img/order3.png") no-repeat 3px center, -ms-linear-gradient(bottom, #C72B2B 0%, #E73D34 100%);
    background: url("../img/order3.png") no-repeat 3px center, linear-gradient(to bottom, #C72B2B 0%, #E73D34 100%);
}



.text-center{
    text-align: center;
}
h1{
    font-family: Designosaur;
    font-size: 40px;
    font-weight: normal;
    margin: 0;
    padding-top: 20px;
}
h3{
    font-family: Designosaur;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
}
h2{
    font-family: ProximaNovaCond;
    font-weight: normal;
    font-style: normal;
    color: #495068;
    margin: 0;
    font-size: 24px;
    line-height: 19px;
}
.steps{
    margin-top: 10px;
}
.deliv_date{
    font-family: Georgia;
    color: #e73c34;
    font-size: 16px;
    margin-top: -3px;
    margin-left: 2px;
}
.deliv_date strong{
    font-family: Designosaur;
    font-size: 15px;
    font-weight: normal;
    color: #000;
}
.calc_col{
    /* width: 515px; */
    width: 52%;
    margin-top: 25px;
}
.preview_col{
    width: 44%;
    position: relative;
    height: 520px;
    background: url("../img/girl.png") no-repeat right bottom;
}
.preview_col_ng{
    width: 475px;
    position: relative;
    height: 520px;
    background: url("../img/dedushka.jpg") no-repeat right bottom;
}
.calc{
    font-size: 14px;
    font-family: Arial;
}
.sale{
    position: absolute;
    top: 120px;
    left: 10px;
    z-index: 50;
    transition: all 0.5s ease;
    display: none;
}


.gallery_colors .left{
    max-width: 400px;
}
.item_color, .item_types{
    width: 78px;
    float: left;
    margin-right: 2px;
    color: #656363;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
    letter-spacing: -1px;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 5px;
    height: 90px;
}
.item_color img{
    height: 52px;
}
.item_color img, .item_types img{
    border: 3px solid transparent;
    display: block;
    margin: auto;
    margin-bottom: 4px;
    transition: all ease 0.25s;
}
.item_color:hover img, .item_types:hover img, .item_color.checked img, .item_types.checked img{
    border: 3px solid #088f45;
    transition: all ease 0.35s;
}
.item_types:hover, .item_color:hover{
    cursor: pointer;
}

.item_types{
    width: 102px;
    height: 100px;
}



.calc .descr{
    width: 107px;
    float: left;
    margin-top: 9px;
}
.calc .handler{
    margin-bottom: 4px;
    position: relative;
}
.items_inf{
    width: 564px;
}
.shadow{
    margin-left: -6px;
    margin-bottom: 10px;
    margin-top: 6px;
}
.grey{
    color: #80838b;
}
.height_sel{
    /*background: url("../img/height.png") no-repeat;*/
    width: 124px;
    /*height: 88px;*/
    margin-left: 5px;
    padding-top: 8px;
    position: relative;
    z-index: 50;
}
/*.checkbox{
    width: 113px;
    float: left;
    color: #524b4b;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    padding-left: 22px;
    background: url("../img/checkbox.png.html") no-repeat 0 5px;
    margin-top: 6px;
    margin-left: 4px;
    position: relative;
    z-index: 10;
}*/
.height_sel label{
    width: 55px;
    height: 18px;
    background: url("../img/checkbox2.png") no-repeat;
    font-family: 'Georgia';
    display: block;
    margin-left: 18px;
    margin-top: 5px;
    padding-left: 22px;
    cursor: pointer;
    line-height: 14px;
}
.height_sel label.checked{
    background-position: 0 -19px;
}
.height_sel input{
    display: none;
}
.height_sel label.hide {
    display: none;
}
.days12{
    font-family: Georgia;
    font-size: 13px;
    font-style: italic;
    margin-left: 30px;
    margin-top: 10px;
    background: url("../img/underline.png") no-repeat bottom left;
    padding-bottom: 6px;
    padding-left: 3px;
}
.girl{
    position: absolute;
    right: 60px;
    bottom: 3px;
    z-index: 3;
}
.middle_bg{
    height: 122px;
    background: url("../img/bg_w.png") repeat-x;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    position: relative;
    z-index: 5;
    /* padding-bottom: 0; */
}
.middle_bg .arrow{
    margin-top: 22px;
}
.middle_bg .arrow{
    font-family: Designosaur;
    font-size: 36px;
    line-height: 31px;
    margin-left: 16px;
    padding-top: 0;
    margin-top: 10px;
}


.summ_order {
    font-family: Designosaur;
    font-size: 36px;
    line-height: 31px;
    margin-left: 16px;
    padding-top: 18px;
}
.summ_order small{
    color: #80838b;
    font-size: 21px;
    margin-left: 3px;
}
.summ_order span.cur{
    font-size: 18px;
}
.info_block{
    margin-top: 6px;
    margin-right: 15px;
    margin-left: 8px;
}
.info_block:last-child{
    margin-right: 0;
}
.self-delivery {
    margin: 18px 0 0 0;
    font-size: 24px;
}
.self-delivery .selection {
    text-transform: uppercase;
    color: #088f45;
}
.best{
    /* height: 968px; */
    /* background: url("../img/bg2.jpg") no-repeat center bottom; */
    position: relative;
    margin-bottom: 30px;
}
.best .center{
    position: relative;
}
.best .best_info{
    position: absolute;
    z-index: 1;
    top: 0;
    right: -105px;
}
.best h3{
    padding-top: 78px;
    padding-right: 20px;
}
.red{
    color: #fa071e;
}
.best p.red{
    font-family: Georgia;
    font-style: italic;
    font-size: 16px;
    margin-top: 2px;
    padding-right: 20px;
}

.garant {

background: url("../img/bg2.jpg") no-repeat 48% top;

width: 100%;

height: 636px;
}


.order_bottom{
    /* margin-top: 595px; */
    position: relative;
    PADDING-left: 22px;
    /* background: url("../img/bg2.jpg") no-repeat center bottom; */
    display: block;
    width: 300px;
    margin: 0 auto;
}


.order_bottom .arrow{
    position: absolute;
    top: -40px;
    left: 0;
}
.order_bottom p{
    margin-top: 16px;
    font-family: Arial;
    font-size: 14px;
    color: #666;    
}




.video_block{
    background: #eeeeee url("../img/bg_bottom.jpg") no-repeat center 40px ;
    height: 270px;
    border-bottom: 1px solid #FFF;
}
.video_block p{
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
    line-height: 20px;
}
.player{
    display: block;
    cursor: pointer;
    padding-top: 34px;
}
.just_line{
    position: absolute;
    bottom: 124px;
    left: 0;
}
footer{
    background: #dcdcdc;
    height: auto;
    border-bottom: 3px solid #419667;
    padding-top: 27px;
    padding-bottom: 30px;
}
footer .col1{
    width: 233px;
    margin-left: 18px;
}
footer .col2{
    width: 218px;
    margin-right: 36px;
    font-family: Georgia;
    font-size: 16px;
    margin-top: 2px;
    font-style: italic;
}
footer .col1 small{
    display: block;
    color: #646363;
    margin-left: 6px;
    margin-top: 20px;
    font-size: 12px;
    font-family: Arial;
}
footer .col2 img{
    display: block;
    margin-top: 10px;
}
footer .deliv_info{
    margin-left: 5px;
    margin-top: 34px;
    width: 240px;
}
footer .call_me{
    font-size: 16px;
    line-height: 25px;
}

#slider{
    width: 285px;
    margin-top: 27px;
    background: #eeeeee;
    border: 0;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
    border-radius: 8px;
    float: left;
    margin-left: 10px;
    position: relative;
}
.ui-slider-horizontal{
    height: 10px;
}
.ui-slider .ui-slider-handle{
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: url("../img/handle.png") no-repeat;
    border: none;
    cursor: pointer;
    margin-top: -1px;
    position: absolute;
    z-index: 8;
}
.ui-slider-horizontal .ui-slider-range-min{
    background: url("../img/handle_active.png");
    border-radius: 8px;
    z-index: 5;
    position: relative;
}
.handler input[type=text]{
    padding: 7px 14px;
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: inset 1px 2px 2px rgba(0,0,0,0.1);
    width: 40px;
    float: left;
    border: none;
    margin-left: 19px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: 13px;   
}

.counts{
    float: left;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
    text-align: center;
    background: url("../img/keys.png") no-repeat;
}
.counts.active{
    color: #e42b39;
}
.c1{
    width: 45px;
    padding-left: 40px;
    background-position: 23px -106px;
}
.active.c1{
    background-position: 23px -69px;
}
.c2{
    width: 120px;
    padding-left: 15px;
    background-position: 29px -179px;
}
.active.c2{
    background-position: 29px -142px;
}
.c3{
    width: 75px;
    padding-left: 30px;
    background-position: 34px -32px;
}
.active.c3{
    background-position: 34px 1px;
}
.tips{

}
.v_min{
    position: absolute;
    left: 8px;
    top: 4px;
    color: #6f6f6f;
    font-family: Arial;
    font-size: 11px;
}
.v_line0{
    position: absolute;
    top: 27px;
    left: 14px;
    z-index: 2;
    height: 10px;
    width: 2px;
    background: #57af7b;
}
.v_line1{
    position: absolute;
    top: 27px;
    left: 55px;
    z-index: 2;
    height: 10px;
    width: 2px;
    background: #57af7b;
}
.v_line2{
    position: absolute;
    top: 28px;
    left: 58px;
    z-index: 2;
    height: 8px;
    width: 2px;
    background: #57af7b;
}
.v_line3{
    position: absolute;
    top: 28px;
    left: 133px;
    z-index: 2;
    height: 8px;
    width: 2px;
    background: #57af7b;
}
.v_line4{
    position: absolute;
    top: 28px;
    left: 215px;
    z-index: 2;
    height: 8px;
    width: 2px;
    background: #57af7b;
}
.v_line5{
    position: absolute;
    top: 28px;
    left: 289px;
    z-index: 2;
    height: 8px;
    width: 2px;
    background: #57af7b;
}
.v_line0 div{
    width: 34px;
    height: 30px;
    background: url("../img/tip-1-2.png");
    position: absolute;
    top: -35px;
    left: -36px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.v_line1 div, .v_line2 div, .v_line3 div,  .v_line4 div,  .v_line5 div{
    width: 34px;
    height: 30px;
    background: url("../img/tip2.png");
    position: absolute;
    top: -35px;
    left: -16px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.v_line3 div {
    left: -14px;
}
.v_line5 div {
    left: -9px;
}
.setval{
    cursor: pointer;
}
.tip_current{
    width: 34px;
    height: 30px;
    background: url("../img/tip1.png");
    position: absolute;
    top: -29px;
    left: -6px;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}
.modal{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(19,21,19,0.85);
    z-index: 100;
    display: none;
}
.modal>div{
    margin: auto;
    margin-top: 135px;
    position: relative;
    display: none;
}
#call_block{
    width: 380px;
    padding: 34px 32px 24px;
    background: #96b453;
}
#video{
    width: 640px;
    height: 360px;
    background: #000;
}
.close{
    position: absolute;
    top: -11px;
    right: -11px;
    z-index: 5;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.modal>div h1{
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    padding: 0;
    margin-bottom: 18px;
    line-height: 1;
}
.modal input[type=text]{
    width: 65%;
    line-height: 27px;
    padding: 10px 20px;
    border-radius: 4px;
    border: 0;
    margin-bottom: 11px;
    margin-top: 6px;
    border: 2px solid transparent;
}
.modal input[type=text]:first-of-type{
    margin-bottom: 0px;
}
.modal input[type=text].err{
    border: 2px solid #fab6c1;
}
.form_text{
    text-align: center;
}
.white{
    font-family: Arial;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    text-decoration: underline;
}
.white a{
    color: #FFF;
}
.order3{
    display: block;
    margin: 4px auto 30px auto;
}
form label{
    float: left;
    width: 326px;
    text-align: right;
    margin-right: 20px;
    font-family: Designosaur;
    font-size: 24px;
    line-height: 28px;
    cursor: pointer;
}
.form_field{
    float: left;
    width: 640px;
}
.form_field b{
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
}
.form_field .red small{
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    left: 20px;
    top:0;
    width: 245px;
    line-height: 20px;
}
.required{
    position: relative;
}
.form_field small{
    font-size: 14px;
}
.form_field .label{
    display: block;
    width: 190px;
    margin-top: 4px;
    float: left;
}
.comment{
    font-size: 12px;
    display: block;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.order_form a{
    color: #e63c33;
}
.big_shadow{
    width: 100%;
    height: 21px;
    margin-bottom: 8px;
    background: url("../img/big_shadow.png") no-repeat;
}
input.small{
    width: 50px;
}
.bigger{
    font-size: 30px;
    border-bottom: 5px solid #000;
}
.order_form{
    margin-top: 20px;
}
.order_form strong{
    font-family: Arial;
    font-size: 18px;
    line-height: 36px;
}
.mt0{
    margin-top: 0;
}
.ml16{
    margin-left: 16px;
}
.ml10{
    margin-left: 10px;
}
.our_address{
    font-family: Arial;
    font-size: 14px;
    display: block;
}
input[type=text],input[type=email],input[type=password],select{
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 16px;
    background: #FFF;
}
input.datepicker{
    margin-bottom: 7px; 
    width: 212px;
}
textarea{
    width: 500px;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-style: italic;
    font-size: 14px;
}
textarea.h180{
    height: 180px;
}
textarea.h70{
    height: 70px;
}
.user_info{
    margin-top: 6px;
}
.user_info input, .user_info textarea{
    width: 382px;
    padding: 12px;
    margin-bottom: 8px;
    font-style: italic;
    font-size: 14px;
    float: left;
}
.select.error{
    border: 2px solid #fab6c1;
}
.user_info input.error{
    border: 2px solid #fab6c1;
    padding: 11px;
    color: #f11c12;
}
.user_info textarea{
    height: 85px;
}
h1.green{
    color: #38810c;
    font-size: 30px;
    margin-top: 0;
    padding-top: 4px;
}
.required{
    font-size: 30px;
    font-family: Designosaur;
    display: block;
    float: left;
    margin-top: 11px;
    margin-left: 5px;
    line-height: 30px;
}
.padb60{
    padding-bottom: 60px;
}
input[name=order_pay]{
    margin-left: 18px;
    display: block;
}
.lh30{
    line-height: 30px;
}
.text-left{
    text-align: left;
}
#yandex_map, #yandex_map_spb {
    width: 750px;
    height: 450px;
    background: #FFF;
}
.show_yandex_map, .show_yandex_map_spb{
    cursor: pointer;
}
.table td{
    padding: 5px;
}
.table td:last-child{
    font-weight: bold;
}
.letter{
    width: 698px;
    height: 373px;
    background: url("../img/letter.png") no-repeat;
    margin: 100px auto;
    padding-left: 46px;
    padding-top: 55px;
}
.letter h1{
    font-size: 30px;
    margin-bottom: 20px;
}
.letter table td{
    padding: 4px;
}
.letter table td:last-child{
    font-weight: bold;
}
.email-info {
    margin-top: 0;font-size: 11px;padding-left: 5px;
}
.h-grid {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}
.h-col1 {
    display: inline-block;
    width: 28%;
    text-align: left;
    background: url("../img/teplica.png") no-repeat;
    padding-left: 55px;
    /* float: left; */
    margin-bottom: 10px;
}
.h-col2 {
    display: inline-block;
    width: 28%;
    text-align: left;
    background: url("../img/bottle.png") no-repeat;
    padding-left: 45px;
    /* float: left; */
    margin-left: 20px;
    margin-bottom: 10px;
    vertical-align: top;
}
.h-col3 {
    display: inline-block;
    width: 27%;
    text-align: left;
    background: url("../img/heart.png") no-repeat;
    padding-left: 35px;
    /* float: left; */
}
h4 {
    font-family: Designosaur;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
}
.mark-uni {
    color: #000;
    background: url("../img/mark-uni.png") repeat;
    width: 120px;
    padding: 3px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 8px;
    font-style: italic;
    font-size: 14px;
}
.mark2 {
    margin-top: -32px;
    color: #000;
    background: url("../img/mark.png") no-repeat scroll left top transparent;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    float: right;
    margin-right: 50px;
}
.go-back-to-main-site {
    background: lightgoldenrodyellow;
    height: 30px;
    margin: 0;
    text-align: center;
}
.go-back-to-main-site-a {
    text-decoration: underline;
    font-style: italic;
    font-size: 24px;
    color: black;
}
#basket-utm-source, #basket-utm-campaign {
    display: none;
}.order_form a {
color: #e63c33;
font-size: 16px;
font-weight: bold;
}
.call {
    width: 345px;
    margin-left: 13px;
}
header .call p {
    margin: 0;
}
.quick-call {
    font-size: ;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dashed #d5332f;
    color: #d5332f;
}
.call.right {
    text-align: right;
}
footer .call {
    margin-top: 40px;
}
.h-grid2 {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}
.h-cos1 {
    display: inline-block;
    width: 30%;
    text-align: 1px;
    height: 262px;
    /* padding-left: 0px; */
    /* float: left; */
    /* margin-left: -40px; */
}
.h-cos2 {
    display: inline-block;
    width: 33%;
    text-align: 1px;
    height: 262px;
    /* padding-left: 45px; */
    /* float: left; */
    /* margin-left: -40px; */
}
.h-cos3 {
    display: inline-block;
    width: 33%;
    text-align: 1px;
    height: 262px;
    /* padding-left: 45px; */
    /* float: left; */
    /* margin-left: -40px; */
}

.h-cos1 , 
.h-cos2 , 
.h-cos3  {
    height: auto;
}

.h-cos1 h5, 
.h-cos2  h5, 
.h-cos3  h5 {
    margin: 0;
}

.h-cos1 a, 
.h-cos2  a, 
.h-cos3  a {
 display: block;
}
.h-cos1 img , 
.h-cos2  img, 
.h-cos3  img {
    max-width: 100%;
    height: auto;
} 

.h-cos4 {
    display: inline-block;
    width: 33%;
    text-align: 1px;
    
	height: 262px;
    padding-left: 45px;
    float: left;
    margin-left: -40px;
}

h5 {
    font-family: Designosaur;
    font-size: 20px;
    font-weight: normal;
    margin: 0px -55px -18px -40px;
	color: #000;
}
a img{
    border: 3px solid transparent;
}



img.steps {
    max-width: 100%;
}

.oSteps {
    background: #088F45;
    display: none;
    text-align: center;
    margin: 15px 0;
    padding: 15px;
}

.oSteps>.e {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 172px;
    height: 47px;
    /* border: 1px dashed #fff; */
    padding: 5px;
    margin: 0 0 15px 0;
}

.oSteps>.e b {
    color: #f3f70d;
    font-size: 53px;
    font-family: Designosaur;
    line-height: 35px;
    /* float: left; */
    display: table-cell;
}

.oSteps>.e .txt {
    font-family: Designosaur;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    /* float: left; */
    /* margin-left: 7px; */
    padding-left: 10px;
    display: table-cell;
    width: 150px;
    text-align: left;
    vertical-align: middle;
    text-decoration: underline;
}






/*a:hover img  {
    border: 3px solid #088F45; /* Рамка при наведении на ссылку курсора мыши */
/*}*/

#sendmail {
    width: 420px;
    padding: 20px;
    position: relative;
    text-align: left;
    background: rgba(0, 0, 0, 0.65);
    background-size: 100%;
}

#quick-call {
    width: 420px;
    padding: 20px;
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0.65);
}

#sendmail label,
#quick-call label {
    width: auto;
    display: block;
    float: none;
    text-align: left;
    font-family: 'Georgia';
    font-size: 16px;
    color: #fff;
}

#quick-call label {
    width: auto;
    margin-left: 18px;
    display: block;
    float: none;
    text-align: left;
    font-family: 'Georgia';
    font-size: 16px;
    color: #fff;
}

#quick-call p,
#quick-call h3 {
    color: #fff;
}

#sendmail input[type="text"],
#quick-call input[type="text"] {
    padding: 7px 14px;
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: inset 1px 2px 2px rgba(0,0,0,0.1);
    width: 390px;
    border: none;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

#sendmail input[type="submit"] {
    width: 218px;
    height: 47px;
    margin: 0 auto;
    display: block;
    line-height: 47px;
    font-size: 24px;
    border-radius: 2px;
    background: #d5332f;
    color: #fff;
}

#quick-call input[type="submit"] {
    height: 47px;
    line-height: 47px;
    font-size: 24px;
    border-radius: 2px;
    background: #d5332f;
    color: #fff;
}

#sendmail textarea {
    padding: 7px 14px;
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: inset 1px 2px 2px rgba(0,0,0,0.1);
    width: 390px;
    height: 50px;
    border: none;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

#sendmail .close,
#quick-call .close {
    width: 23px;
    height: 24px;
    position: absolute;
    top: -11px;
    right: -12px;
    cursor: pointer;
    background: url('../img/close.png') left top no-repeat;
}

/* Arcticmodal */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000; }





img.shadow {
    max-width: 100%;
}

.zagolovok2 {display: none;}
.height2 {display: none;}

footer .col2 { width: 100px; }


@media all and  (max-width:992px) {
    footer .col2 { display: none; } 
    .h-col1,
    .h-col2,
    .h-col3 {
        width: 40%;
    }
    .calc .descr {
        width: 100%;
        float: none;
        margin-bottom: 21px;
    } 
    .calc .handler {
        width: 100%; float: none;
    } 
    .days12 {
        margin-left: 0;
    }
    .height_sel {
        width: 120px;
    }
    .preview_col {
        height: 580px;  
        background-position: 160% bottom;
    }
    .girl {
        position: absolute;
        right: 30px;
        bottom: 3px;
        z-index: 3;
        width: 90%;
    }
    .items_inf {
        width: auto;
        /* float: none; */
        margin: 0 auto;
        text-align: center;
    }

}

@media all and  (max-width:830px) {
    .middle_bg {height: auto;background-size: cover;padding: 10px 0 30px;}
    .summ_order { float: none; width: 240px; margin: 0 auto; }
    .items_inf { float: none; }
}

@media all and  (max-width:768px) {
    .center .logo {float: none;margin: 0 auto;display: block;overflow: hidden;}
    .call.right { margin: 10px auto 0; text-align: center; float: none; width: 100%; }
    .center { padding: 0 15px;}
    .oSteps {display: block;}
    img.steps {display: none;}

    .calc_col {float: none !important; width: 100%;}
    .preview_col {float: none !important;width: 100%;height: auto;background: none;}
    .girl {
        width: auto;
        position: static;
        margin: 0 auto;
        display: block;
        float: none;
        clear: both;
    }
    .height2 {display: block;}
    .descr2 { margin-left: 0 !important;}
    .height_sel label {margin-left: 0;}
    .zagolovok1 {display: none;} 
    .zagolovok2 {display: block;} 
    footer .col1 {float: none;width: 100%;text-align: center;margin-left: 0;}
    footer .center .call {float: none;margin: 10px auto;}
    footer .deliv_info {float: none;width: 100%;text-align: center;margin-top: 10px;padding-left: 0;margin-left: 0;}

}

@media all and  (max-width:670px) {
    .h-col1, .h-col2, .h-col3 {
        width: 100%;
    }
    .h-col2 {
        margin-left: 0;
    }
}

@media all and  (max-width:540px) {
    .middle_bg .arrow {display: none;}
    #quick-call {width: 90%;}
    #sendmail input[type="text"], #quick-call input[type="text"] {
        width: 90%;
    }
}

@media all and  (max-width:450px) {
    .preview_col {}
    .girl { max-width: 100%;}
    #slider {display: none;}
    .tips {display: none;}
    .counts {display: none;}
    .handler input[type=text] { width: 90%; margin-left: 0; }
    
}