*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
}
.section_calck{
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
margin-bottom: 40px;
flex-direction: column;
}
.box_calck.err {
border: 1px solid #ff0000;
}
.title_calck{
text-transform: uppercase;
height: 30px;
display: flex;
align-items: center;
font-size: 18px;
color: #333333;
font-weight: 600;
padding: 0 13px;
margin-bottom: 20px;
width: 100%;
border-bottom: 1px solid #d7d7d7;
}
.padding_b_15{
padding-bottom:15px;
}
.parent_slider{
width: 300px;
height: 10px;
background: #cecece;
border-radius: 5px;
position: relative;
}
.begunok{
width: 20px;
height: 20px;
border-radius: 100%;
background: #4687c4;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: -5px;
box-shadow: 0 0 5px 2px #45a3df;
}
.begunok:before{
content: '';
width: 8px;
height: 8px;
background: #357cbf;
border-radius: 100%;
border: 1px solid #2d77bd;
}
.custom_input_slider{
width: 50px;
text-align: center;
padding: 5px 0;
border-radius: 5px;
border: 1px solid #4687c4;
}
.tablo_slider{
margin-left: 10px;
}
.container_avto_select{
}
.item_avto.active{
background: linear-gradient(to top, #81c0e9,#357cbf, #81c0e9);
color: #fff!important;
box-shadow: 0 0 11px 0 #357cbf;
border-color: transparent;
}
.items_avto{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.item_avto:hover{
box-shadow: 0 0 11px 0 #357cbf;
border-color: transparent;
}
.item_avto{
width: 25%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #357cbf;
border-radius: 5px;
margin: 10px 10px;
font-size: 14px;
text-align: center;
height: 70px;
padding: 5px 5px;
cursor: pointer;
font-weight: 600;
line-height: 16px;
}
.items_wheel{
}
.container_calck{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 40px;
}
.box_slaider{
display:flex;
align-items: center;
}
.item_wheel{
}
.item_wheel .name_item{
margin-left: 8px;
}
.item_wheel img{
opacity: 1;
border-radius: 15px;
}
.item_wheel.active img{
opacity: 1;
}
.items_dop{
display:flex;
flex-direction: column;
}
.item_dopolnenie .name_item{
text-align: center;
margin-left: 5px;
}
.item_dopolnenie{
display: flex;
align-items: center;
margin: 0 0 20px 0;
}
.custom_chekbox{
width: 25px;
border-radius: 2px;
height: 25px;
border: 2px solid #6798fe;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.custom_chekbox.active:before{
content: '';
width: 17px;
height: 17px;
display: block;
background: #6798fe;
}
.custom_btn_calack{
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
white-space: nowrap;
margin: 5px;
padding: 0 22px;
font-size: 14px;
height: 40px;
line-height: 40px;
color: #FFF;
font-weight: normal !important;
letter-spacing: normal !important;
border: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
margin-top: 20px;
border-bottom: 3px solid rgba(0,0,0,0.15);
border-radius: 20px;
transition: all .2s ease-in-out;
background-color: #6798fe !important;
}
.summa_price{
margin: 0 5px;
}
.container_button_calck{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.container_marshrut{
width: 100%;
}
input[type='text'],
input[type='number'],
textarea {
font-size: 16px;
}
#map{
width: 100%;
height: 200px;
overflow: hidden;
background: #eee;
position: relative;
border: 1px solid #ddd;
border-bottom: none;
}
form{
margin:0!important;
}
.back_map_location_self.active{
z-index: 99;
opacity:1;
}
.back_map_location_self{
width: 100%;
height: 100%;
position: absolute;
background: #000000db;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
cursor:pointer;
opacity:0;
transition:all .3s;
}
.back_map_location_self .icon_geo_map{
font-size: 60px;
color:#fff;
transition:all .3s;
}
.back_map_location_self:hover > .icon_geo_map{
color:#45a3df!important;
}
.back_map_location_self p{
color:#fff;
}
.custom_input_map{
padding: 5px 25px 5px 15px;
border: 1px solid #45a3df;
font-size: 16px;
width: 100%;
}
select.custom_input_map{
color:#787878;
}
.container_inps_map{
display: flex;
flex-direction: column;
}
.container_button_calck .wrapp_action {
align-self: flex-start;
}
.container_button_calck .wrapp_action p{
color: #f43;
margin: 0;
}
.container_button_calck .tota_price{
}
.container_button_calck .tota_price .item_total{
padding: 5px 15px;
text-align: right;
}
.box_inp_map .icon_location span:after{
content: '';
display: block;
width: 5px;
position: absolute;
height: 5px;
background: #000;
bottom: -18px;
border-radius: 100%;
right: 0;
}
.box_inp_map .icon_location span:before{
content: '';
display: block;
width: 10px;
position: absolute;
height: 10px;
background: #000;
bottom: -11px;
border-radius: 100%;
right: 0;
}
.box_inp_map .icon_location span.active{
top: -50px;
visibility:visible;
}
.box_inp_map .icon_location span{
font-size: 12px;
position: absolute;
top: 0;
right: 0;
background: #ababab;
padding: 5px 11px;
border-radius: 5px;
transition: all .5s ease-out 0.3s;
visibility: hidden;
color:#fff!important;
}
.box_inp_map .icon_location{
position: absolute;
right: -10px;
height: 100%;
visibility: hidden;
transition: all .3s;
display: flex;
flex-direction: column;
align-items: center;
font-size: 22px;
justify-content: center;
padding: 0 5px;
}
.box_inp_map .icon_location.active{
right: 0px;
visibility:visible;
}
.box_inp_cust{
max-width: 80%;
margin-bottom: 15px;
}
.box_inp_map{
position: relative;
display: flex;
align-items: center;
}
.box_modal_inp{
margin-bottom: 10px;
}
.modal_btn_calck{
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
white-space: nowrap;
padding: 0 22px;
font-size: 14px;
height: 40px;
line-height: 40px;
color: #FFF;
font-weight: normal !important;
letter-spacing: normal !important;
border: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
border-bottom: 3px solid rgba(0,0,0,0.15);
border-radius: 20px;
transition: all .2s ease-in-out;
background-color: #6798fe !important;
}
.pum-theme-479 .pum-container, .pum-theme-lightbox .pum-container{
border: 2px solid #357cbf!important;
}
.pum-theme-479 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
color: #357cbf!important;
border: 2px solid #357cbf!important;
background-color: rgb(255, 255, 255)!important;
}
.wpcf7-mail-sent-ok{
margin:0!important;
}
.consent p{
margin:0px;
} .content_select::before{
content: '';
position: absolute;
width: 100%;
background: #ffffff;
height: 100%;
transition: all .5s;
border: 2px solid #6798fe;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
}
.content_select.active::before{
height: 248px;
width: 110%;
}
.wrapper_select_execute .content_select.active::before{
height: 85px;
}
.content_select{
position: relative;
width: 325px;
height: 40px;
background: #7a7a7a;
color: #000;
} 
.content_select .tablo_select .burger_select .item_burger_sel{
width: 30px;
height: 3px;
background: #6798fe;
border-radius: 5px;
margin-bottom: 3px;
}
.content_select.active .tablo_select .burger_select{
transform: translateX(-320px);
}
.content_select .tablo_select .burger_select{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex: 0 0 15%;
transition: all .3s;
}
.content_select.active .tablo_select .cs_placeholder{
text-indent: -290px;
}
.content_select .tablo_select .cs_placeholder{
flex: 0 0 85%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all .3s;
}
.content_select.active{
z-index: 9;
}
.content_select .tablo_select{
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding: 5px 15px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.content_select .items_cs{
position: absolute;
width: 88%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
background: transparent;
} 
.content_select.active .items_cs{
visibility: visible;
}
.wrapper_select_avto{
margin-top:0px;
}
.items_cs .item_cs .name_cs{
display: block;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
}
.content_select.active .items_cs .item_cs{
opacity:1;
transform:translateX(0px);
cursor:pointer;
}
.items_cs .item_cs:nth-child(1){
transition-delay: 0.15s;
}
.items_cs .item_cs:nth-child(2){
transition-delay: 0.18s;
}
.items_cs .item_cs:nth-child(3){
transition-delay: 0.21s;
}
.items_cs .item_cs:nth-child(4){
transition-delay: 0.24s;
}
.items_cs .item_cs:nth-child(5){
transition-delay: 0.3s;
}
.items_cs .item_cs:nth-child(6){
transition-delay: 0.35s;
}
.items_cs .item_cs:nth-child(7){
transition-delay: 0.4s;
}
.items_cs .item_cs:nth-child(8){
transition-delay: 0.45s;
}
.items_cs .item_cs:hover{
color: #6798fe;
}
.items_cs .item_cs::before{
content: '';
width: 5px;
height: 5px;
display: block;
background: transparent;
margin-right: 5px;
}
.items_cs .item_cs{
padding: 5px 5px;
transition: transform .3s , opacity .3s;
opacity:0;
transform:translateX(150px);
display: flex;
align-items: center;
}
.items_cs .item_cs.active::before{
background: #6798fe;
}
.items_cs .item_cs.active{
color: #ffffff;
background: #6798fe;
border-radius: 25px;
}
.close_list{
position: absolute;
right: -23px;
font-size: 18px!important;
top: -7px;
}
.wrapper_data_calck{
display: flex;
width: 100%;
font-size: 16px;
}
.left_calck{
flex:1;
padding: 10px;
}
.right_calck{
flex:1;
padding: 10px;
}
.box_calck{
border: 1px solid #ddd;
padding: 15px 15px;
margin-bottom: 20px;
}
.tota_price{
display: flex;
margin-top: 8px;
border-top: 1px solid #d2d2d2;
padding-top: 5px;
}
.tota_price .gr_total{
flex: 1;
}
.tota_price .gr_total.end{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.tota_price .gr_total .item_total .action_txt{
font-weight:600;
}
.tota_price .gr_total .item_total .total_action{
font-size: 22px;
}
@media (max-width: 740px){
.left_calck {
padding: 0px;
}
.right_calck{
padding: 0px;
}
.box_calck {
padding: 5px 5px;
}
.content_select {
width: 100%;
}
.wrapper_data_calck {
flex-direction: column;
}
.back_map_location_self p {
text-align:center;
font-size:16px;
}
.section_calck{
width:100%;
}
.title_calck {
left: 8px;
font-size: 13px;
padding: 0 0px;
}
.box_slaider {
flex-direction: column;
}
.tablo_slider {
margin-left: 0;
margin-top: 15px;
}
.item_avto{
width: 45%;
margin: 5px 5px;
}
.items_wheel{
flex-wrap: wrap;
}
.items_dop{
flex-direction: column;
}
.item_dopolnenie .name_item{
width: 100%;
text-align: left;
}
.item_dopolnenie{
margin-bottom: 15px;
align-items: stretch;
}
.box_inp_cust {
max-width: 100%;
}
.container_button_calck{
flex-direction: column;
}
.tota_price{
text-align: left;
width: 100%;
}
.container_inps_map {
flex-direction: column;
}
.box_inp_map {
margin-bottom: 5px;
}
.container_button_calck .tota_price .item_total {
padding: 0px 15px;
}
.item_wheel{
margin-bottom: 10px;
}
.custom_input_map{
width: 100%;
}
}
@media (max-width: 500px){
.tota_price .gr_total.end {
align-items: normal;
order: -1;
}
.tota_price{
flex-direction: column;
}
}
@media (max-width: 320px){
.parent_slider {
width: 250px;
}
.tota_price .gr_total.end{
align-items: normal;
order: -1;
}
}