.title{
float:right;
margin:28px 82px 0 0;
padding:0 0 0 0;
height:71px;
width:1312px;
color:#652D90;
border-bottom:4px solid #00aeef
}
.title h1{
float:right;
padding:0;
margin:0 11px 0 0;
width:98%;
font-weight:normal;
font-size:60px
}
#client_holder{
float:right;
margin:20px 94px 0 0;
width:570px
}
#client_holder .client_title{
float:right;
font-size:22px
}
#client_holder .client_title .purple{
float:right;
color:#662C90
}
#client_holder .client_title span{
float:right
}
.client_choice{
float:right;
margin:24px 97px 0 0;
width:1000px
}
.client_choice .input{
float:right;
margin:0 0 0 37px
}
.client_choice .input input{
float:right;
display:none
}
.client_choice .input label{
float:right;
height:22px;
background:url(../../../design/default/css/images/checkout/input.jpg) 99% 0 no-repeat;
padding:0 26px 0 0;
font-size:22px;
line-height:16px
}
.client_choice .active label{
background:url(../../../design/default/css/images/checkout/active_input.jpg) 99% 0 no-repeat
}
.block1{
float:right;
margin:25px 83px 0 0;
padding:0 12px 72px 0;
width:1300px;
border-bottom:4px solid #00aeef
}
.block1 .block1_right{
float:right;
width:708px
}
.block1 .block1_right .block1_right_title{
float:right;
width:100%
}
.block1 .block1_right .block1_right_title .number{
float:right;
border-radius:30px;
height:48px;
width:49px;
text-align:center;
font-size:24px;
line-height:47px;
margin:0 4px 0 0
}
.block1 .block1_right .block1_right_title .bold{
float:right;
font-weight:bold;
margin:11px 7px 0 0;
font-size:27px
}
.block1 .block1_right .block1_right_client_type{
float:right;
margin:38px 56px 0 0;
width:600px
}
.block1 .block1_right .block1_right_client_type div:last-child{
margin:0
}
.block1 .block1_right .block1_right_client_type .input{
float:right;
margin:0 0 10px 18px
}
.block1 .block1_right .block1_right_client_type .input input{
float:right;
display:none
}
.block1 .block1_right .block1_right_client_type .input label{
float:right;
height:22px;
background:url(../../../design/default/css/images/checkout/input.jpg) 99% 0 no-repeat;
padding:0 26px 0 0;
font-size:18px;
line-height:16px
}
.block1 .block1_right .block1_right_client_type .active label{
background:url(../../../design/default/css/images/checkout/active_input.jpg) 99% 0 no-repeat
}
.block1 .block1_right .input{
float:right;
margin-right:58px;
margin-bottom:0
}
.block1 .block1_right .input.hidden{
display:none
}
.block1 .block1_right .input label{
float:right
}
.block1 .block1_right .input input{
float:right
}
.block1 .block1_right .client_name{
margin-top:31px;
width:496px
}
.block1 .block1_right .client_name label{
font-size:22px
}
.block1 .block1_right .client_name input{
float:left;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:2px;
padding:0 5px 0 0
}
.block1 .block1_right .client_email{
margin-top:20px;
width:496px
}
.block1 .block1_right .client_email label{
font-size:22px
}
.block1 .block1_right .client_email input{
float:left;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:2px;
padding:0 5px 0 0
}
.block1 .block1_right .client_id_input{
margin-top:20px;
width:496px
}
.block1 .block1_right .client_id_input label{
font-size:22px
}
.block1 .block1_right .client_id_input input{
float:left;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:2px;
padding:0 5px 0 0
}
.block1 .block1_right .client_company_input{
margin-top:20px;
width:496px
}
.block1 .block1_right .client_company_input label{
font-size:22px
}
.block1 .block1_right .client_company_input input{
float:left;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:2px;
padding:0 5px 0 0
}
.block1 .block1_right .adress_inputs{
float:right;
margin:16px 58px 0 0
}
.block1 .block1_right .adress_inputs .adress_inputs_title{
float:right;
font-size:22px
}
.block1 .block1_right .adress_inputs .input{
float:right
}
.block1 .block1_right .adress_inputs .city_input{
float:right;
margin:3px 66px 0 0;
width:182px;
height:29px
}
.block1 .block1_right .adress_inputs .city_input input{
float:right;
border:1px solid #7bddf8;
width:174px;
height:28px;
padding:0 5px 0 0;
border-radius:5px
}
.block1 .block1_right .adress_inputs .city_input select{
float:right;
border:1px solid #7bddf8;
width:174px;
height:28px;
padding:0 5px 0 0;
border-radius:5px;
background:#fff
}
.block1 .block1_right .adress_inputs .street_input{
float:right;
margin:3px 8px 0 0;
width:181px;
height:30px
}
.block1 .block1_right .adress_inputs .street_input input{
float:right;
border:1px solid #7bddf8;
width:174px;
height:27px;
border-radius:3px;
padding:0 5px 0 0
}
.block1 .block1_right .adress_inputs .number_input{
float:right;
margin:12px 125px 0 0;
width:87px;
height:29px
}
.block1 .block1_right .adress_inputs .number_input input{
float:right;
border:1px solid #7bddf8;
padding:0 5px 0 0;
width:80px;
height:27px;
margin:0 0 0 0;
border-radius:3px
}
.block1 .block1_right .adress_inputs .floor_input{
float:right;
margin:12px 8px 0 0;
width:87px;
height:29px
}
.block1 .block1_right .adress_inputs .floor_input input{
float:right;
padding:0 5px 0 0;
margin:0;
border:1px solid #7bddf8;
width:80px;
height:27px;
border-radius:3px
}
.block1 .block1_right .adress_inputs .zipcode_input{
float:right;
margin:12px 8px 0 0;
width:182px;
height:29px
}
.block1 .block1_right .adress_inputs .zipcode_input input{
float:right;
padding:0 5px 0 0;
margin:0;
border:1px solid #7bddf8;
width:174px;
height:27px;
border-radius:3px
}
.block1 .block1_right .elevator{
float:right;
margin:18px 186px 0 0
}
.block1 .block1_right .elevator .elevator_title{
float:right;
font-size:18px;
margin:0 0 0 28px
}
.block1 .block1_right .elevator .input{
float:right;
margin:2px 0 0 15px
}
.block1 .block1_right .elevator .input input{
display:none
}
.block1 .block1_right .elevator .input label{
float:right;
height:22px;
background:url(../../../design/default/css/images/checkout/input.jpg) 99% 0 no-repeat;
padding:0 26px 0 0;
font-size:22px;
line-height:16px
}
.block1 .block1_right .elevator .active label{
background:url(../../../design/default/css/images/checkout/active_input.jpg) 99% 0 no-repeat
}
.block1 .block1_right .client_phone{
margin:17px 57px 0 0
}
.block1 .block1_right .client_phone label{
font-size:21px
}
.block1 .block1_right .client_phone input{
margin:0 43px 0 0;
padding:0 5px 0 0;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:3px
}
.block1 .block1_right .client_fax{
margin:15px 57px 0 0
}
.block1 .block1_right .client_fax label{
font-size:21px
}
.block1 .block1_right .client_fax input{
margin:0 50px 0 0;
padding:0 5px 0 0;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:3px
}
.block1 .block1_right .client_mobile{
margin:17px 57px 0 0
}
.block1 .block1_right .client_mobile label{
font-size:21px
}
.block1 .block1_right .client_mobile input{
margin:0 59px 0 0;
padding:0 5px 0 0;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:3px
}
.block1 .block1_right .working_hrs{
margin:17px 57px 0 0
}
.block1 .block1_right .working_hrs label{
font-size:21px
}
.block1 .block1_right .working_hrs input{
margin:0 15px 0 0;
padding:0 5px 0 0;
border:1px solid #7bddf8;
width:364px;
height:30px;
border-radius:3px
}
.block1_left{
float:right;
width:520px;
margin:0
}
.block1_left .block1_left_title{
float:right;
margin:9px 9px 0 0;
font-size:27px;
font-weight:bold;
width:500px
}
.block1_left .same_checkbox{
float:right;
margin:44px 4px 0 0
}
.block1_left .same_checkbox input{
float:right;
width:20px;
height:20px;
margin:3px 4px 0 0
}
.block1_left .same_checkbox label{
float:right;
font-size:20px;
margin:0 5px 0 0
}
.alternate_name{
float:right;
width:510px;
margin:35px 14px 0 0
}
.alternate_name label{
float:right;
font-size:20px;
margin:4px 0 0 0
}
.alternate_name input{
float:right;
padding:0 5px 0 0;
border-radius:3px;
border:1px solid #7bddf8;
margin:0 58px 0 0;
width:364px;
height:30px
}
.alternate_company{
float:right;
width:510px;
margin:16px 15px 0 0
}
.alternate_company label{
float:right;
font-size:20px;
margin:4px 0 0 0
}
.alternate_company input{
float:right;
padding:0 5px 0 0;
border-radius:3px;
border:1px solid #7bddf8;
margin:4px 33px 0 0;
width:364px;
height:30px
}
.alternate_adress{
float:right;
margin:16px 14px 0 0
}
.alternate_adress .alternate_adress_title{
float:right;
font-size:21px
}
.alternate_adress .alternate_city{
float:right;
margin:3px 68px 0 0;
width:190px;
height:42px
}
.alternate_adress .alternate_city input{
float:right;
border-radius:3px;
border:1px solid #7bddf8;
padding:0 5px 0 0;
width:174px;
height:27px
}
.alternate_adress .alternate_street{
float:right;
margin:3px 0 0 0;
width:190px;
height:42px
}
.alternate_adress .alternate_street input{
float:right;
border-radius:3px;
border:1px solid #7bddf8;
padding:0 5px 0 0;
width:174px;
height:27px
}
.alternate_adress .alternate_number{
float:right;
margin:0 124px 0 0;
width:95px;
height:50px
}
.alternate_adress .alternate_number input{
float:right;
border-radius:3px;
border:1px solid #7bddf8;
padding:0 5px 0 0;
width:80px;
height:27px
}
.alternate_adress .alternate_floor{
float:right;
margin:0;
width:95px;
height:50px
}
.alternate_adress .alternate_floor input{
float:right;
border-radius:3px;
border:1px solid #7bddf8;
padding:0 5px 0 0;
width:80px;
height:27px
}
.alternate_adress .alternate_zipcode{
float:right;
margin:0;
width:183px;
height:50px
}
.alternate_adress .alternate_zipcode input{
float:right;
border-radius:3px;
border:1px solid #7bddf8;
padding:0 5px 0 0;
width:174px;
height:27px
}
.alternate_phone{
float:right;
width:510px;
margin:0 15px 0 0
}
.alternate_phone label{
float:right;
font-size:20px;
margin:3px 0 0 0
}
.alternate_phone input{
float:right;
padding:0 5px 0 0;
border-radius:3px;
border:1px solid #7bddf8;
margin:0px 43px 0 0;
width:364px;
height:30px
}
.alternate_fax{
float:right;
width:510px;
margin:15px 15px 0 0
}
.alternate_fax label{
float:right;
font-size:20px;
margin:3px 0 0 0
}
.alternate_fax input{
float:right;
padding:0 5px 0 0;
border-radius:3px;
border:1px solid #7bddf8;
margin:0px 50px 0 0;
width:364px;
height:30px
}
.alternate_mobile{
float:right;
width:510px;
margin:15px 15px 0 0
}
.alternate_mobile label{
float:right;
font-size:20px;
margin:3px 0 0 0
}
.alternate_mobile input{
float:right;
padding:0 5px 0 0;
border-radius:3px;
border:1px solid #7bddf8;
margin:2px 58px 0 0;
width:364px;
height:30px
}
.add_address{
float:right;
margin:70px 140px 0 0
}
.add_address img{
}
.add_address span{
font-size:21px;
margin:0 7px 0 0;
line-height:1px
}
.block2{
float:right;
margin:45px 83px 0 0;
padding:0 12px 55px 0;
width:1300px;
border-bottom:4px solid #00aeef
}
.block2 .block2_right{
float:right;
width:560px
}
.block2 .block2_right .block2_right_title{
float:right;
width:100%
}
.block2 .block2_right .block2_right_title .number{
float:right;
border-radius:30px;
height:48px;
width:49px;
text-align:center;
font-size:24px;
line-height:47px;
margin:0 4px 0 0
}
.block2 .block2_right .block2_right_title .bold{
float:right;
font-weight:bold;
margin:11px 7px 0 0;
font-size:27px
}
.block2 .block2_right .delivery_title{
float:right;
font-size:22px;
margin:0 59px 0 0
}
.block2 .block2_right .delivery_type{
float:right
}
.block2 .block2_right .delivery_type .delivery_type_select{
float:right;
position:relative;
overflow:hidden;
margin:32px 59px 0 0;
padding:7px 18px 0 0;
border:1px solid #00bbf2;
border-radius:3px;
min-height:30px;
height:30px;
cursor:pointer;
width:417px;
background:white;
background-image:url(../../../design/default/css/images/checkout/blue_arrw_down.jpg);
background-position:10px 10px;
background-repeat:no-repeat
}
.block2 .block2_right .delivery_type .delivery_type_select.wraning{
border:1px solid #00bbf2
}
.block2 .block2_right .delivery_type .open.delivery_type_select{
overflow:visible;
height:auto
}
.block2 .block2_right .delivery_type .delivery_type_select .delivery_type_option{
float:right;
padding:0 0 15px 0;
font-size:20px;
width:376px;
display:none;
background:white;
transition:all 0.25s linear
}
.block2 .block2_right .delivery_type .delivery_type_select .delivery_type_option:hover{
background:#00adef;
color:white
}
.block2 .block2_right .delivery_type .delivery_type_select .active.delivery_type_option{
display:block
}
.block2 .block2_right .delivery_type .open.delivery_type_select .delivery_type_option{
display:block
}
.block2 .block2_left{
float:right;
width:560px;
margin:0 154px 0 0
}
.block2 .block2_left .block2_left_title{
float:right;
width:100%
}
.block2 .block2_left .block2_left_title .number{
float:right;
border-radius:30px;
height:48px;
width:49px;
text-align:center;
font-size:24px;
line-height:47px;
margin:0 4px 0 0
}
.block2 .block2_left .block2_left_title .bold{
float:right;
font-weight:bold;
margin:11px 7px 0 0;
font-size:27px
}
.block2 .block2_left .block2_desc{
float:right;
margin:21px 72px 0 0;
width:440px;
font-size:20px
}
.block2 .block2_left .donation_type{
float:right
}
.block2 .block2_left .donation_type .donation_type_select{
float:right;
position:relative;
overflow:hidden;
margin:32px 20px 0 0;
padding:4px 10px 0 0;
border:1px solid #00bbf2;
border-radius:3px;
height:58px;
cursor:pointer;
width:478px;
background:white;
background-image:url(../../../design/default/css/images/checkout/blue_arrw_down.jpg);
background-position:15px 24px;
background-repeat:no-repeat
}
.block2 .block2_left .donation_type .open.donation_type_select{
overflow:visible
}
.block2 .block2_left .donation_type .donation_type_select .donation_type_option{
float:right;
margin:0;
padding:0 0 15px 0;
font-size:20px;
width:442px;
display:none;
background:white
}
.block2 .block2_left .donation_type .donation_type_select .donation_type_option .img{
float:right;
width:50px;
height:50px
}
.block2 .block2_left .donation_type .donation_type_select .donation_type_option .img img{
max-width:50px;
max-height:50px
}
.block2 .block2_left .donation_type .donation_type_select .donation_type_option .title{
float:right;
width:332px;
margin:4px 33px 0 0;
padding:0;
font-size:20px;
color:#6c6e6d;
height:20px;
border:none
}
.block2 .block2_left .donation_type .donation_type_select .donation_type_option span{
float:right;
width:355px;
display:inline-block;
font-size:14px;
margin:5px 34px 0 0;
height:18px;
overflow:hidden
}
.block2 .block2_left .donation_type .donation_type_select .active.donation_type_option,
.block2 .block2_left .donation_type .donation_type_select .first.donation_type_option{
display:block
}
.block2 .block2_left .donation_type .open.donation_type_select .donation_type_option{
display:block
}
.block3{
float:right;
margin:45px 83px 0 0;
padding:0 12px 54px 0;
width:1300px;
border-bottom:4px solid #00aeef
}
.block3 .block3_right{
float:right;
width:568px;
margin:11px 0 0 0
}
.block3 .block3_right .block3_right_title{
float:right;
width:100%
}
.block3 .block3_right .block3_right_title .number{
float:right;
border-radius:30px;
height:48px;
width:49px;
text-align:center;
font-size:24px;
line-height:47px;
margin:0 4px 0 0
}
.block3 .block3_right .block3_right_title .bold{
float:right;
font-weight:bold;
margin:11px 7px 0 0;
font-size:27px
}
.block3_right_cupon{
float:right;
margin:39px 53px 0 0;
border:1px solid #00bbf2;
width:425px;
border-radius:3px
}
.block3_right_cupon input[type="text"]{
float:right;
margin:1px 5px 0 0;
border:0;
width:293px;
height:32px;
border-radius:10px;
background:none;
font-size:25px
}
.block3_right_cupon img{
float:right;
cursor:pointer
}
.block3 .block3_left{
float:right;
width:560px;
margin:0 154px 0 0
}
.block3 .block3_left .block3_left_title{
float:right;
width:100%;
margin:12px 0 0 0
}
.block3 .block3_left .block3_left_title .number{
float:right;
border-radius:30px;
height:48px;
width:49px;
text-align:center;
font-size:24px;
line-height:47px;
margin:0 4px 0 0
}
.block3 .block3_left .block3_left_title .bold{
float:right;
font-weight:bold;
margin:6px 7px 0 0;
font-size:27px
}
.block3 .block3_left .order_comments{
float:right;
width:484px;
height:96px;
border-radius:5px;
border:1px solid #00bbf2;
margin:38px 3px 0 0;
padding:3px 5px 0 0
}
.block3 .block3_left .order_comments textarea{
float:right;
border:0;
padding:0;
width:483px;
height:95px;
margin:0;
resize:none
}
.block3 .block3_left .approve_radios{
float:right;
margin:30px 0 0 0
}
.block3 .block3_left .approve_radios .approve_radio{
float:right;
width:100%;
margin:0 0 20px 0
}
.block3 .block3_left .approve_radios .approve_radio input{
float:right;
width:18px;
height:18px
}
.block3 .block3_left .approve_radios .approve_radio label{
float:right;
font-size:20px;
margin:0 6px 0 0;
line-height:19px
}
.block3 .block3_left .disclaimer{
float:right;
width:100%;
font-size:18px;
color:red
}
.block3 .block3_right .block3_right_subtitle{
float:right;
margin:11px 63px 0 0;
font-weight:bold;
font-size:14px;
width:80%
}
.block3 .block3_right .payments{
float:right;
margin:27px 47px 0 0;
width:85%
}
.block3 .block3_right .payments .payment{
float:right;
margin:0 0 0 38px;
text-align:center;
width:82px
}
.block3 .block3_right .payments .payment .payment_icon{
float:right;
width:100%;
height:48px;
text-align:center
}
.block3 .block3_right .payments .payment .payment_icon .icon{
display:inline-block
}
.block3 .block3_right .payments .payment .payment_icon .icon_active{
display:none
}
.block3 .block3_right .payments .payment:hover .payment_icon .icon,
.block3 .block3_right .payments .active .payment_icon .icon{
display:none
}
.block3 .block3_right .payments .payment:hover .icon_active,
.block3 .block3_right .payments .active .payment_icon .icon_active{
display:inline-block
}
.block3 .block3_right .payments .payment .payment_title{
float:right;
width:100%;
text-align:center;
font-size:11px;
font-weight:bold;
color:#797979;
margin:6px 0 0 0
}
.block3 .block3_right .payments .payment:hover .payment_title,
.block3 .block3_right .payments .active .payment_title{
color:#01baf2
}
.block4{
float:right;
margin:45px 83px 0 0;
padding:0 12px 54px 0;
width:1300px;
border-bottom:4px solid #00aeef
}
.block4 .block4_right{
float:right;
width:568px;
margin:24px 0 0 0
}
.block4 .block4_right .block4_right_title{
float:right;
width:100%
}
.block4 .block4_right .block4_right_title .number{
float:right;
border-radius:30px;
height:48px;
width:49px;
text-align:center;
font-size:24px;
line-height:47px;
margin:0 4px 0 0
}
.block4 .block4_right .block4_right_title .bold{
float:right;
font-weight:bold;
margin:11px 7px 0 0;
font-size:27px
}
.block4 .block4_right .block4_right_subtitle{
float:right;
margin:11px 63px 0 0;
font-weight:bold;
font-size:14px;
width:80%
}
.block4 .block4_right .payments{
float:right;
margin:27px 47px 0 0;
width:85%
}
.block4 .block4_right .payments .payment{
float:right;
margin:0 0 0 38px;
text-align:center;
width:82px
}
.block4 .block4_right .payments .payment .payment_icon{
float:right;
width:100%;
height:48px;
text-align:center
}
.block4 .block4_right .payments .payment .payment_icon .icon{
display:inline-block
}
.block4 .block4_right .payments .payment .payment_icon .icon_active{
display:none
}
.block4 .block4_right .payments .payment:hover .payment_icon .icon,
.block4 .block4_right .payments .active .payment_icon .icon{
display:none
}
.block4 .block4_right .payments .payment:hover .icon_active,
.block4 .block4_right .payments .active .payment_icon .icon_active{
display:inline-block
}
.block4 .block4_right .payments .payment .payment_title{
float:right;
width:100%;
text-align:center;
font-size:11px;
font-weight:bold;
color:#797979;
margin:6px 0 0 0
}
.block4 .block4_right .payments .payment:hover .payment_title,
.block4 .block4_right .payments .active .payment_title{
color:#01baf2
}
.block4 .block4_right .payments .additional_info{
float:right;
width:100%;
margin:20px 0 0 0;
display:none
}
.block4 .block4_right .payments .additional_info span{
float:right;
width:100%
}
.block4 .block4_left{
float:right;
background:#cdeffb;
width:492px;
margin:21px 155px 0 0;
padding:0 0 10px 0
}
.block4 .block4_left .order_checkout_title{
float:right;
width:100%;
text-align:center;
font-size:27px;
font-weight:bold;
margin:32px 0 0 0;
color:#363a3b
}
.block4 .block4_left .mid_sum{
float:right;
margin:43px 42px 0 0;
width:425px;
color:#6c6d6f
}
.block4 .block4_left .mid_sum .mid_sum_title{
float:right;
font-size:20px
}
.block4 .block4_left .mid_sum .mid_sum_price{
float:left;
font-size:20px
}
.block4 .block4_left .tax_sum{
float:right;
margin:18px 40px 0 0;
width:425px;
color:#6c6d6f
}
.block4 .block4_left .tax_sum .tax_sum_title{
float:right;
font-size:20px
}
.block4 .block4_left .tax_sum .tax_sum_price{
float:left;
font-size:20px
}
.block4 .block4_left .discount_sum{
float:right;
width:425px;
margin:18px 40px 0 0;
color:#6c6d6f
}
.block4 .block4_left .discount_sum .discount_sum_title{
float:right;
font-size:20px
}
.block4 .block4_left .discount_sum .discount_sum_price{
float:left;
font-size:20px
}
.block4 .block4_left .delivery_sum{
float:right;
width:425px;
margin:18px 40px 0 0;
color:#6c6d6f
}
.block4 .block4_left .delivery_sum .delivery_sum_title{
float:right;
font-size:20px
}
.block4 .block4_left .delivery_sum .delivery_sum_price{
float:left;
font-size:20px
}
.block4 .block4_left .total{
float:right;
margin:52px 25px 0 0;
border-top:1px solid #aa8cc2;
border-bottom:1px solid #aa8cc2;
width:441px;
height:44px;
color:#494949
}
.block4 .block4_left .total .total_title{
float:right;
font-size:22px;
font-weight:bold;
margin:6px 20px 0 0
}
.block4 .block4_left .total .total_price{
float:left;
margin:6px 0 0 6px;
font-size:20px;
font-weight:bold
}
.block4 .block4_left .submit_btn{
float:right;
margin:26px 76px 0 0;
width:339px;
height:49px;
border:0px;
border-radius:3px;
text-align:center;
text-decoration:none;
font-size:32px
}
#loading_screen{
position:fixed;
top:0;
right:0;
z-index:4;
height:100%;
width:100%;
background:rgba(0,0,0,0.7);
display:none
}
#loading_screen > img{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
width:200px;
margin:auto
}
@media all and (max-width:1440px){
.title {
margin:28px 0 0 0;
width:980px
}
#client_holder {
margin:20px 0 0 0
}
.client_choice {
margin:24px 0 0 0;
width:980px
}
.block1 {
margin:25px 0 0 0;
padding:0 0 72px 0;
width:980px
}
.block1 .block1_right {
width:490px
}
.block1 .block1_right .block1_right_title .number {
margin:0 0 0 0
}
.block1 .block1_right .block1_right_client_type {
margin:38px 0 0 0;
width:100%
}
.block1 .block1_right .input {
margin-right:0
}
.block1 .block1_right .client_name {
width:490px
}
.block1 .block1_right .client_id_input {
width:490px
}
.block1 .block1_right .client_company_input {
width:490px
}
.block1 .block1_right .adress_inputs {
margin:16px 0 0 0
}
.block1 .block1_right .adress_inputs .street_input {
margin:3px 2px 0 0
}
.block1 .block1_right .adress_inputs .floor_input {
margin:12px 6px 0 0
}
.block1 .block1_right .adress_inputs .zipcode_input {
margin:12px 3px 0 0
}
.block1 .block1_right .elevator {
margin:18px 126px 0 0
}
.block1 .block1_right .client_phone {
margin:17px 0 0 0
}
.block1 .block1_right .client_phone input {
margin:0 36px 0 0
}
.block1 .block1_right .client_fax {
margin:15px 0 0 0
}
.block1 .block1_right .client_fax input {
margin:0 43px 0 0
}
.block1 .block1_right .client_mobile {
margin:17px 0 0 0
}
.block1 .block1_right .client_mobile input {
margin:0 52px 0 0
}
.block1_left {
width:490px;
margin:0
}
.block1_left .block1_left_title {
margin:9px 0 0 0;
width:490px
}
.block1_left .same_checkbox {
float:right;
margin:44px 0 0 0
}
.alternate_name {
width:476px
}
.alternate_name input {
margin:0 39px 0 0
}
.alternate_company {
width:475px
}
.alternate_company input {
margin:4px 14px 0 0
}
.alternate_adress .alternate_city {
margin:3px 48px 0 0
}
.alternate_adress .alternate_street {
width:182px
}
.alternate_adress .alternate_number {
margin:0 103px 0 0
}
.alternate_phone {
width:475px
}
.alternate_phone input {
margin:0px 25px 0 0
}
.alternate_fax {
width:475px
}
.alternate_fax input {
margin:0px 32px 0 0
}
.alternate_mobile {
width:475px
}
.alternate_mobile input {
margin:2px 40px 0 0
}
.add_address {
margin:70px 120px 0 0
}
.block2 {
margin:45px 0 0 0;
padding:0 0 55px 0;
width:980px
}
.block2 .block2_right .block2_right_title .number {
margin:0 0 0 0
}
.block2 .block2_right .delivery_type .delivery_type_select {
margin:32px 0 0 0
}
.block3 {
margin:45px 0 0 0;
padding:0 0 54px 0;
width:980px
}
.block3 .block3_right {
width:490px
}
.block3 .block3_right .block3_right_title .number {
margin:0 0 0 0
}
.block3_right_cupon {
margin:39px 0 0 0
}
.block3 .block3_left {
width:490px;
margin:0 0 0 0
}
.block3 .block3_left .block3_left_title .number {
margin:0 0 0 0
}
.block3 .block3_left .order_comments {
width:480px
}
.block3 .block3_left .order_comments textarea {
width:476px
}
.block4 {
margin:45px 0 0 0;
padding:0 0 54px 0;
width:980px
}
.block4 .block4_right {
width:490px
}
.block4 .block4_right .block4_right_title .number {
margin:0 0 0 0
}
.block4 .block4_left {
float:right;
background:#cdeffb;
width:490px;
margin:21px 0 0 0;
padding:0 0 10px 0
}
}
@media all and (max-width:640px),(max-device-width:640px){
.title{
margin:7px 0 0 0;
text-align:center;
width:640px
}
.title h1{
margin:0;
width:100%
}
#client_holder{
margin:0;
width:100%
}
#client_holder .client_title{
margin:12px 0 0 0;
width:100%;
text-align:center
}
#client_holder .client_title .purple{
width:100%;
text-align:center
}
#client_holder .client_title span{
width:100%;
text-align:center
}
.client_choice{
margin:56px 0 0 0;
width:100%;
text-align:center;
border-bottom:4px solid #00aeef;
padding:0 0 45px 0
}
.client_choice .input{
float:none;
display:inline-block
}
.client_choice .input label{
font-size:36px;
line-height:16px;
margin:0 30px 0
}
.block1{
margin:0;
width:100%;
padding:0
}
.block1 .block1_right{
border-bottom:4px solid #00aeef;
padding:0 0 44px 0;
width:620px;
margin:0 10px
}
.block1 .block1_right .block1_right_title .number{
display:none
}
.block1 .block1_right .block1_right_title .bold{
float:right;
width:100%;
text-align:center;
margin:30px 0 0 0;
font-size:35px
}
.block1 .block1_right .block1_right_client_type{
margin:38px 0 0 0;
width:100%;
text-align:center
}
.block1 .block1_right .block1_right_client_type .input{
float:none;
margin:0 10px 4px;
display:inline-block
}
.block1 .block1_right .client_name{
margin:38px 34px 0 0;
width:560px
}
.block1 .block1_right .block1_right_client_type .input label{
font-size:22px
}
.block1 .block1_right .client_name label{
display:none
}
.block1 .block1_right .client_name input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px
}
.block1 .block1_right .client_email{
margin:38px 34px 0 0;
width:560px
}
.block1 .block1_right .client_email label{
display:none
}
.block1 .block1_right .client_email input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px
}
.block1 .block1_right .client_id_input{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_right .client_id_input label{
display:none
}
.block1 .block1_right .client_id_input input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px
}
.block1 .block1_right .client_company_input{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_right .client_company_input label{
display:none
}
.block1 .block1_right .client_company_input input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px
}
.block1 .block1_right .adress_inputs{
margin:25px 34px 0 0
}
.block1 .block1_right .adress_inputs .city_input{
margin:0;
width:552px;
height:64px
}
.block1 .block1_right .adress_inputs .city_input input{
width:542px;
height:60px;
padding:0 10px 0 0;
border-radius:5px;
font-size:26px
}
.block1 .block1_right .adress_inputs .street_input{
margin:25px 0 0 0;
width:552px;
height:64px
}
.block1 .block1_right .adress_inputs .street_input input{
width:542px;
height:60px;
padding:0 10px 0 0;
font-size:26px
}
.block1 .block1_right .adress_inputs .number_input{
margin:24px 0 0 0;
width:134px;
height:64px
}
.block1 .block1_right .adress_inputs .number_input input{
padding:0 10px 0 0;
font-size:26px;
width:122px;
height:60px;
margin:0
}
.block1 .block1_right .adress_inputs .floor_input{
margin:24px 23px 0 0;
width:134px;
height:64px
}
.block1 .block1_right .adress_inputs .floor_input input{
padding:0 10px 0 0;
margin:0;
width:122px;
height:60px;
font-size:26px
}
.block1 .block1_right .adress_inputs .zipcode_input{
margin:24px 14px 0 0;
width:251px;
height:64px
}
.block1 .block1_right .adress_inputs .zipcode_input input{
padding:0 10px 0 0;
font-size:26px;
margin:0;
width:238px;
height:60px
}
.block1 .block1_right .elevator{
margin:22px 34px 0 0
}
.block1 .block1_right .elevator .elevator_title{
font-size:26px
}
.block1 .block1_right .elevator .input label{
font-size:26px
}
.block1 .block1_right .client_phone{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_right .client_phone label{
display:none
}
.block1 .block1_right .client_phone input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_right .client_fax{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_right .client_fax label{
display:none
}
.block1 .block1_right .client_fax input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_right .client_mobile{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_right .client_mobile label{
display:none
}
.block1 .block1_right .client_mobile input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_right .working_hrs{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_right .working_hrs label{
display:none
}
.block1 .block1_right .working_hrs input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1_left{
float:right;
width:100%;
height:148px;
overflow-y:hidden;
transition:all 0.25s linear
}
.block1_left.active{
height:830px
}
.block1_left .block1_left_title{
margin:18px 0 0 0;
width:100%;
text-align:center;
font-size:35px
}
.block1_left .same_checkbox{
margin:28px 0 28px 0;
width:100%;
text-align:center
}
.block1_left .same_checkbox input{
float:none;
display:inline-block
}
.block1_left .same_checkbox label{
float:none;
display:inline-block;
font-size:26px
}
.block1 .block1_left .alternate_name{
margin:38px 34px 0 0;
width:560px
}
.block1 .block1_left .alternate_name label{
display:none
}
.block1 .block1_left .alternate_name input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_left .alternate_id{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_left .alternate_id label{
display:none
}
.block1 .block1_left .alternate_id input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_left .alternate_company{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_left .alternate_company label{
display:none
}
.block1 .block1_left .alternate_company input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_left .alternate_adress{
margin:25px 34px 0 0
}
.block1 .block1_left .alternate_adress .alternate_city{
margin:0;
width:292px;
height:64px
}
.block1 .block1_left .alternate_adress .alternate_city input{
width:278px;
height:60px;
padding:0 10px 0 0;
border-radius:5px;
font-size:26px;
margin:0
}
.block1 .block1_left .alternate_adress .alternate_street{
margin:0 13px 0 0;
width:248px;
height:64px
}
.block1 .block1_left .alternate_adress .alternate_street input{
width:236px;
height:60px;
padding:0 10px 0 0;
font-size:26px;
margin:0
}
.block1 .block1_left .alternate_adress .alternate_number{
margin:24px 0 0 0;
width:133px;
height:66px
}
.block1 .block1_left .alternate_adress .alternate_number input{
padding:0 10px 0 0;
font-size:26px;
width:122px;
height:62px;
margin:0
}
.block1 .block1_left .alternate_adress .alternate_floor{
margin:23px 23px 0 0;
width:133px;
height:66px
}
.block1 .block1_left .alternate_adress .alternate_floor input{
padding:0 10px 0 0;
margin:0;
width:118px;
height:62px;
font-size:26px;
margin:0
}
.block1 .block1_left .alternate_adress .alternate_zipcode{
margin:24px 14px 0 0;
width:251px;
height:66px
}
.block1 .block1_left .alternate_adress .alternate_zipcode input{
padding:0 10px 0 0;
font-size:26px;
margin:0;
width:238px;
height:62px;
margin:0
}
.block1 .block1_left .elevator{
margin:22px 34px 0 0
}
.block1 .block1_left .elevator .elevator_title{
font-size:26px
}
.block1 .block1_left .elevator .input label{
font-size:26px
}
.block1 .block1_left .alternate_phone{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_left .alternate_phone label{
display:none
}
.block1 .block1_left .alternate_phone input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_left .alternate_fax{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_left .alternate_fax label{
display:none
}
.block1 .block1_left .alternate_fax input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block1 .block1_left .alternate_mobile{
margin:25px 34px 0 0;
width:560px
}
.block1 .block1_left .alternate_mobile label{
display:none
}
.block1 .block1_left .alternate_mobile input{
float:right;
padding:10px 18px 0 0;
font-size:26px;
width:534px;
height:52px;
margin:0
}
.block2{
margin:0;
padding:0 0 51px 0
}
.block2 .block2_right{
width:100%
}
.block2 .block2_right .block2_right_title .number{
display:none
}
.block2 .block2_right .block2_right_title .bold{
width:100%;
text-align:center;
font-size:30px;
margin:30px 0 0 0
}
.block2 .block2_right .delivery_type{
width:100%;
margin:28px 0 0 0
}
.block2 .block2_right .delivery_type .delivery_type_select{
margin:0 35px 0 0;
width:534px;
height:56px;
background-image:url(../../../design/default/css/images/checkout/blue_arrw_down_mobile.jpg);
background-position:29px 19px
}
.block2 .block2_right .delivery_type .open.delivery_type_select .delivery_type_option{
width:460px;
font-size:26px
}
.block2 .block2_right .delivery_type .delivery_type_select .active.delivery_type_option{
width:460px;
font-size:26px
}
.block3{
margin:10px 0 0 0;
padding:0
}
.block3 .block3_right{
width:100%;
text-align:center;
border-bottom:4px solid #00aeef;
padding:0 0 73px 0
}
.block3 .block3_right .block3_right_title .number{
display:none
}
.block3 .block3_right .block3_right_title .bold{
width:100%;
text-align:center;
margin:0;
padding:0;
font-size:36px
}
.block3_right_cupon{
margin:47px 34px 0 0;
width:552px;
height:61px
}
.block3_right_cupon input[type="text"]{
width:382px;
height:60px
}
.block3 .block3_left{
margin:0;
width:640px;
padding:0 0 20px 0
}
.block3 .block3_left .block3_left_title .number{
display:none
}
.block3 .block3_left .block3_left_title .bold{
margin:20px 0 0 0;
width:100%;
text-align:center;
font-size:34px
}
.block3 .block3_left .order_comments{
margin:27px 34px 0 0;
width:548px;
height:138px
}
.block3 .block3_left .approve_radios{
}
.block3 .block3_left .approve_radios .approve_radio{
width:580px;
margin:0 36px 10px 0
}
.block3 .block3_left .approve_radios .approve_radio label{
margin:0 10px 0 0;
font-size:28px;
width:490px;
line-height:29px
}
.block4{
margin:0;
padding:0
}
.block4 .block4_right{
margin:0;
width:100%
}
.block4 .block4_right .block4_right_title .number{
display:none
}
.block4 .block4_right .block4_right_title .bold{
width:100%;
text-align:center;
margin:20px 0 0 0;
font-size:36px
}
.block4 .block4_right .block4_right_subtitle{
margin:18px 0 0 0;
padding:0;
text-align:center;
width:100%;
font-size:26px
}
.block4 .block4_right .payments{
margin:20px 0 0 0;
width:100%;
text-align:center
}
.block4 .block4_right .payments .payment{
float:none;
display:inline-block;
margin:0 30px
}
.block4 .block4_left{
margin:20px 0 20px 0;
width:100%
}
.block4 .block4_left .mid_sum,
.block4 .block4_left .tax_sum,
.block4 .block4_left .discount_sum,
.block4 .block4_left .delivery_sum,
.block4 .block4_left .total{
width:555px
}
.block4 .block4_left .submit_btn{
margin:20px 20px 0 0;
width:590px;
height:70px;
font-size:40px
}
}