2307 lines
44 KiB
CSS
2307 lines
44 KiB
CSS
/*media breakpoints*/
|
|
|
|
@media (max-width: 1280px){
|
|
|
|
.remove_route{
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
.sf_1_column {
|
|
padding-left: 35px;
|
|
padding-right: 105px;
|
|
}
|
|
.cut_width_f_curtain.n_profile.open{
|
|
right: 0;
|
|
}
|
|
}
|
|
@media (max-width: 1199px){
|
|
|
|
.dropbtn{
|
|
margin-right: unset;
|
|
}
|
|
|
|
|
|
.header_logo, .header_btn_mover{
|
|
margin-right: 20px;
|
|
}
|
|
.dropbtn_lang{
|
|
padding: 2px 0.5px;
|
|
border-radius: 12px;
|
|
|
|
}
|
|
#ru_lang,#en_lang{
|
|
padding: unset;
|
|
}
|
|
|
|
#customer_service{
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.info_profile{
|
|
|
|
width: 97%;
|
|
|
|
}
|
|
.menu_buttons.curtain.left.close.chat{
|
|
width: 275px;
|
|
}
|
|
.benefit_img_about_service>figure>img{
|
|
width: 173px;
|
|
}
|
|
.from-to-country-container-carrier{
|
|
padding-right: unset;
|
|
width: unset;
|
|
}
|
|
|
|
.type_of_subscribes{
|
|
align-items: center;
|
|
}
|
|
.container_subscribe{
|
|
margin: 20px 16px;
|
|
width: 42%;
|
|
}
|
|
.another_subscribe{
|
|
width: 90%;
|
|
}
|
|
.input_f_profile{
|
|
width: calc(95% - 30.4px);
|
|
}
|
|
#img_msg_by_email{
|
|
left: 33%;
|
|
}
|
|
|
|
/* .cards_item_1,*/
|
|
/*.cards_item_2,*/
|
|
/*.cards_item_3,*/
|
|
/*.cards_item_4*/
|
|
/*{*/
|
|
/* width: 46%;*/
|
|
/* height: 180px;*/
|
|
/* background-size:60%;*/
|
|
/*}*/
|
|
|
|
/* .card_title_1{*/
|
|
/* font-size: 34px;*/
|
|
/* font-style: normal;*/
|
|
/* font-weight: 700;*/
|
|
/* line-height: 42px;*/
|
|
/* margin: 22px 0 0 10px;*/
|
|
/* text-shadow: 1px 1px 0px #272424;*/
|
|
/*}*/
|
|
/*.card_title_2{*/
|
|
/* font-size: 17px;*/
|
|
/* font-style: normal;*/
|
|
/* font-weight: 600;*/
|
|
/* line-height: 26px;*/
|
|
/* margin: 10px 0 0 10px;*/
|
|
/* text-shadow: 1px 1px 0px #272424;*/
|
|
/*}*/
|
|
/*.card_title_3{*/
|
|
/* margin: 10px 0 0 10px;*/
|
|
/* width: 95%;*/
|
|
/* font-size: 12px;*/
|
|
/* font-style: normal;*/
|
|
/* font-weight: 400;*/
|
|
/* line-height: 20px;*/
|
|
/* text-shadow: 1px 1px 0px #272424;*/
|
|
/*}*/
|
|
.sf_1_column {
|
|
padding-left: 25px;
|
|
padding-right: 90px;
|
|
}
|
|
.sf_2_column, .sf_3_column {
|
|
padding-right: 10px;
|
|
}
|
|
}
|
|
@media (max-width: 1180px){
|
|
|
|
.container_inf_about_moving{
|
|
padding: 15px;
|
|
}
|
|
|
|
.input_list.find_route{
|
|
left: unset;
|
|
width: 70%;
|
|
}
|
|
|
|
.dropdown{
|
|
vertical-align: sub;
|
|
}
|
|
|
|
.handler_curtain_left{
|
|
display: block;
|
|
}
|
|
.handler_curtain_left.close{
|
|
left: 0;
|
|
top: 293px;
|
|
position: fixed;
|
|
height: 127px;
|
|
width: 32px;
|
|
background: #FF613A;
|
|
border-radius: 0 10px 10px 0;
|
|
z-index: 101;
|
|
transition: 200ms;
|
|
}
|
|
|
|
.unsubscribe_info {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.container_content_handler_curtain_left{
|
|
display: flex;
|
|
rotate: 90deg;
|
|
justify-content: space-between;
|
|
height: 32px;
|
|
width: 87px;
|
|
position: relative;
|
|
left: -49px;
|
|
top: 47px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.handler_curtain_left.open{
|
|
left: 320px;
|
|
top: 293px;
|
|
position: fixed;
|
|
height: 127px;
|
|
width: 32px;
|
|
background: #FFFFFF;
|
|
border-radius: 0 10px 10px 0;
|
|
z-index: 101;
|
|
transition: 200ms;
|
|
}
|
|
|
|
.handler_curtain_left.open .container_content_handler_curtain_left{
|
|
rotate: 270deg;
|
|
}
|
|
|
|
.cards_item_1,
|
|
.cards_item_2,
|
|
.cards_item_3,
|
|
.cards_item_4{
|
|
height: 322px;
|
|
width: 65%;
|
|
float: unset;
|
|
margin: 15px auto;
|
|
|
|
}
|
|
|
|
.filter_img{
|
|
width: 15px;
|
|
display: block;
|
|
position: relative;
|
|
bottom: 0;
|
|
transform: rotate(270deg) translate(0, 0);
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(296deg) brightness(106%) contrast(101%);
|
|
/*transition: 200ms;*/
|
|
}
|
|
|
|
.handler_curtain_left.open .filter_img{
|
|
transform: translate(0, 0);
|
|
filter: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(4340%) hue-rotate(337deg) brightness(102%) contrast(102%);
|
|
/*transition: 200ms;*/
|
|
}
|
|
|
|
.arrows_handler_curtain_left{
|
|
width: 7px;
|
|
rotate: -90deg;
|
|
filter: unset;
|
|
/*transition: 200ms;*/
|
|
}
|
|
|
|
.handler_curtain_left.open .arrows_handler_curtain_left{
|
|
filter: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(4340%) hue-rotate(337deg) brightness(102%) contrast(102%);
|
|
transition: 200ms;
|
|
}
|
|
.wrapper_name_art{
|
|
font-size: 29px;
|
|
line-height: 33px;
|
|
}
|
|
.header_buttons{
|
|
display: none;
|
|
}
|
|
.confirm_profile_btn{
|
|
width: 95%;
|
|
}
|
|
|
|
.not_found_routes>img{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.subscribe_inf{
|
|
height: 364px;
|
|
|
|
}
|
|
.subscribe_inf>.clear_both{
|
|
clear: both;
|
|
}
|
|
|
|
.phones_carrier{
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.title_page{
|
|
font-size: 34px;
|
|
}
|
|
|
|
|
|
.wrapper_content {
|
|
margin: 20px;
|
|
}
|
|
|
|
.departure_arrival>.clear_both,
|
|
.from_to_country>.clear_both{
|
|
clear: unset;
|
|
}
|
|
div.departure_arrival>div>input,
|
|
.from_address_point_txt.post_route,
|
|
.to_address_point_txt.post_route{
|
|
width: calc(100% - 20px);
|
|
}
|
|
div.from_to_place>div>select{
|
|
width: 100%;
|
|
}
|
|
|
|
header{
|
|
padding: 3px 16px;
|
|
margin-top: unset;
|
|
}
|
|
.header_logo, .header_btn_mover, .header_btn_sender{
|
|
margin-right: 26px;
|
|
}
|
|
header .header-first{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
header .header-second {
|
|
margin-left: unset;
|
|
}
|
|
.header_big_background{
|
|
height: 45px;
|
|
}
|
|
|
|
.header_logo_mobile{
|
|
display: inline-block ;
|
|
|
|
}
|
|
.header_logo{
|
|
display: none;
|
|
}
|
|
|
|
.container_form_search_carrier{
|
|
flex-direction: column;
|
|
width: unset;
|
|
margin: 80px 0;
|
|
}
|
|
.container_inp_w_abr{
|
|
width: 100%;
|
|
}
|
|
#abbreviation_airport_in_search{
|
|
float: left;
|
|
height: 60px;
|
|
border-radius: 0 10px 0 0;
|
|
border-top: 2px solid #E6E6E6;
|
|
border-right: 2px solid #E6E6E6;
|
|
border-bottom: 2px solid #E6E6E6;
|
|
width: 60px;
|
|
}
|
|
.abbreviation_airport_in_search{
|
|
float: left;
|
|
border-top: 2px solid #E6E6E6;
|
|
border-right: 2px solid #E6E6E6;
|
|
border-bottom: 2px solid #E6E6E6;
|
|
height: 60px;
|
|
/*width: 40%;*/
|
|
}
|
|
|
|
.from_address_point_txt.find_route.first{
|
|
border-radius: 10px 0 0 0;
|
|
border-top: 2px solid #E6E6E6;
|
|
border-bottom: 2px solid #E6E6E6;
|
|
border-left: 2px solid #E6E6E6;
|
|
|
|
}
|
|
.to_address_point_txt.find_route{
|
|
/*width: 55.6%;*/
|
|
float: left;
|
|
border-top: 2px solid #E6E6E6;
|
|
border-left: 2px solid #E6E6E6;
|
|
border-bottom: 2px solid #E6E6E6;
|
|
}
|
|
|
|
.cont-el-form-search-carrier > input{
|
|
border: 2px solid #E6E6E6;
|
|
width: calc(100% - 23px);
|
|
}
|
|
.cont-el-form-search-carrier.last > select{
|
|
width: 100%;
|
|
border-radius: 0 0 10px 10px;
|
|
border: 2px solid #E6E6E6;
|
|
}
|
|
.daterangepicker{
|
|
width: 291px;
|
|
}
|
|
|
|
.container_inf_about_moving{
|
|
width: 65%;
|
|
margin: auto;
|
|
}
|
|
|
|
/*.carrier_inf_moving.left{*/
|
|
/* display: inline-block;*/
|
|
/* width: unset;*/
|
|
/* float: unset;*/
|
|
/* text-align: left;*/
|
|
/*}*/
|
|
/*.carrier_inf_moving.right{*/
|
|
/* display: inline-block;*/
|
|
/* width: unset;*/
|
|
/* float: unset;*/
|
|
/* text-align: right;*/
|
|
/*}*/
|
|
/*.arrow_inf_about_moving{*/
|
|
/* display: inline-block;*/
|
|
/* margin: 0 10px;*/
|
|
/* width: 100px;*/
|
|
/*}*/
|
|
|
|
|
|
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving{
|
|
width: 98%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cont-el-form-search-carrier > button{
|
|
width: 100%;
|
|
}
|
|
|
|
.subscribe_inf_right_part{
|
|
width: 38%;
|
|
margin-bottom: 20px;
|
|
}
|
|
.subscribe_inf>.clear_both{
|
|
clear: unset;
|
|
}
|
|
|
|
.button_profile_header{
|
|
display: none;
|
|
}
|
|
.button_profile_header_mobile{
|
|
display: inline-block ;
|
|
margin-left: 5px;
|
|
}
|
|
.header_logo_mobile {
|
|
margin-right: 20px;
|
|
}
|
|
.line_f_header{
|
|
top: 43px;
|
|
}
|
|
header .header-second{
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.self_news_img{
|
|
width: 40%;
|
|
}
|
|
|
|
.registration_button,
|
|
.enter_button{
|
|
display: none;
|
|
}
|
|
|
|
.top_block_static_wrapper_main{
|
|
background: unset;
|
|
}
|
|
.header_big_background {
|
|
max-width: 100%;
|
|
}
|
|
#sub_title_static>p{
|
|
white-space: normal;
|
|
}
|
|
.top_block_static{
|
|
padding: 0;
|
|
position: unset;
|
|
width: unset;
|
|
height: unset;
|
|
}
|
|
.mid_block_static{
|
|
padding: 0;
|
|
margin: 120px 0 40px;
|
|
width: 100%;
|
|
}
|
|
.wrapper_tab_button{
|
|
margin-top: 20px;
|
|
}
|
|
.benefit_img{
|
|
|
|
text-align: center;
|
|
}
|
|
.benefit_img_item{
|
|
width: 100%;
|
|
margin-bottom: 40px;
|
|
}
|
|
.button_container{
|
|
margin-top: unset;
|
|
}
|
|
|
|
#more_button, #send_parcel_button{
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
#title_static{
|
|
font-size: 33px;
|
|
line-height: 42px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.subscribe_inf_left_part{
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
details{
|
|
width: 100%;
|
|
margin-right: unset;
|
|
}
|
|
|
|
|
|
|
|
|
|
summary{
|
|
font-size: 18px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 26px;
|
|
margin: 0;
|
|
}
|
|
summary ~ * {
|
|
padding: 0 1em 10px 1.4em;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
.news_block_main {
|
|
margin: 0 0 120px 0;
|
|
/*justify-content: center;*/
|
|
}
|
|
.news_item, .news_item_static {
|
|
margin-bottom: 40px;
|
|
width: 49%;
|
|
}
|
|
|
|
|
|
.header-second-item,
|
|
.header_btn_sender,
|
|
.header_btn_mover{
|
|
display: none;
|
|
}
|
|
|
|
/* footer*/
|
|
|
|
.footer_logo{
|
|
text-align: center;
|
|
margin: 40px auto;
|
|
max-width: 90px;
|
|
/*margin-left: 43%;*/
|
|
}
|
|
|
|
.footer_text_sub{
|
|
text-align: center;
|
|
}
|
|
|
|
.footer_input_wrap{
|
|
justify-content: center;
|
|
}
|
|
|
|
.four-column{
|
|
display: unset;
|
|
}
|
|
|
|
footer{
|
|
height: unset;
|
|
margin-top: 60px;
|
|
}
|
|
footer>div{
|
|
padding: 10px;
|
|
height: unset;
|
|
|
|
}
|
|
|
|
.left-column,
|
|
.right-column,
|
|
.first-column,
|
|
.second-column,
|
|
.third-column
|
|
{
|
|
width: unset;
|
|
float: unset;
|
|
text-align: center;
|
|
margin: unset;
|
|
}
|
|
.second-footer>div{
|
|
text-align: center;
|
|
}
|
|
.second-footer>div>div{
|
|
padding: unset;
|
|
padding-bottom: 15px;
|
|
width: 85%;
|
|
}
|
|
|
|
.third-column>div{
|
|
margin-bottom: 10px;
|
|
}
|
|
#f_contacts{
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.footer_text_contact>div{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.fifth-column{
|
|
float: none;
|
|
width: 50%;
|
|
margin-right: unset;
|
|
display: inline-block;
|
|
margin-top: 60px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/* footer*/
|
|
|
|
/*logi_page*/
|
|
section.login>h1{
|
|
font-size: 34px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 42px;
|
|
}
|
|
section.login>form{
|
|
max-width: 290px;
|
|
}
|
|
.button_register>button{
|
|
width: 100%;
|
|
}
|
|
|
|
#request_btn{
|
|
width: 103%;
|
|
}
|
|
.bottom_block_static>form>.button_register{
|
|
padding: 10px 0;
|
|
width: 97%;
|
|
margin: unset;
|
|
}
|
|
/*END logi_page*/
|
|
|
|
/* registration page*/
|
|
|
|
section.register>h1{
|
|
font-size: 34px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 42px;
|
|
}
|
|
section.register>form{
|
|
display: block;
|
|
width: unset;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.inputs{
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.inp_firstname{
|
|
margin: unset;
|
|
width: unset;
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.inputs>div>input{
|
|
width: 100%;
|
|
}
|
|
|
|
.agree_text{
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* END registration page*/
|
|
|
|
/* for_customers*/
|
|
.top_block_static_wrapper{
|
|
background: unset;
|
|
}
|
|
|
|
#how_it_work_b{
|
|
width: 50%;
|
|
margin-top: 20px;
|
|
}
|
|
.mid_block_static>.text_wrapper>span{
|
|
width: unset;
|
|
}
|
|
|
|
.map_wrapper>img{
|
|
width: 72%;
|
|
height: auto;
|
|
right: 13%;
|
|
}
|
|
|
|
.benefit_img_about_service>figure>figcaption{
|
|
margin: 15px auto;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
width: 153px;
|
|
}
|
|
.benefit_img_about_service{
|
|
flex-wrap: wrap;
|
|
text-align: center;
|
|
gap: unset;
|
|
margin: unset;
|
|
}
|
|
figure {
|
|
width: 32%;
|
|
}
|
|
|
|
|
|
|
|
.subscribes_container{
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
.first-decr-subscribe{
|
|
width: 55%;
|
|
margin: 0 auto;
|
|
}
|
|
.periud_subscribe{
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
}
|
|
.bottom_block_static img{
|
|
display: none;
|
|
}
|
|
.bottom_block_static{
|
|
padding: 50px 0 0;
|
|
width: unset;
|
|
margin: unset
|
|
}
|
|
.bottom_block_static>form>.inputs_l{
|
|
width: unset;
|
|
padding: 10px 0;
|
|
}
|
|
.bottom_block_static>.form_wrapper>form>.button_register{
|
|
margin: 10px 0;
|
|
width: 92%;
|
|
padding: unset;
|
|
}
|
|
#scroll_to_div>form>.button_register{
|
|
width: 97%;
|
|
margin: unset;
|
|
}
|
|
span#sub_title_static{
|
|
/*margin: unset;*/
|
|
}
|
|
#title_static_customer{
|
|
font-size: 24px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 36px;
|
|
margin: unset;
|
|
}
|
|
#title_static_customer2{
|
|
font-size: 24px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
ч
|
|
.arrange_subscribe{
|
|
margin: 20px auto 20px auto;
|
|
}
|
|
|
|
/* for_customers*/
|
|
|
|
/* user_profile*/
|
|
|
|
section.profile{
|
|
padding: unset;
|
|
width: 100%;
|
|
float: unset;
|
|
}
|
|
|
|
.desctop_var_f_btns_temp{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.cut_width_f_curtain{
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
.cut_width_f_curtain.n_profile.left{
|
|
position: sticky;
|
|
/*min-width: 1280px;*/
|
|
}
|
|
|
|
/*.cut_width_f_curtain.n_profile.close{*/
|
|
/* display: none;*/
|
|
/* min-width: 1280px;*/
|
|
/*}*/
|
|
|
|
/*.cut_width_f_curtain.n_profile.open{*/
|
|
/* display: block;*/
|
|
/* min-width: 1280px;*/
|
|
/* right: 0;*/
|
|
/*}*/
|
|
|
|
|
|
.menu_buttons{
|
|
/*background: #FFFFFF;*/
|
|
height: 100vh;
|
|
z-index: 99;
|
|
top: 47px;
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
.menu_buttons.right.close{
|
|
right: -320px;
|
|
transition: 200ms;
|
|
position: absolute;
|
|
width: 320px;
|
|
top: 46px;
|
|
display: none;
|
|
}
|
|
|
|
.menu_buttons.left.close{
|
|
left: -338px;
|
|
transition: 200ms;
|
|
position: absolute;
|
|
width: 320px;
|
|
}
|
|
.menu_buttons.filters{
|
|
transition: 200ms;
|
|
}
|
|
.menu_buttons.left.close.filters{
|
|
left: -347px;
|
|
transition: 200ms;
|
|
position: absolute;
|
|
width: 320px;
|
|
}
|
|
.cut_width_f_curtain.left{
|
|
top: 29px;
|
|
}
|
|
.menu_buttons.left.open.filters{
|
|
max-height: 93vh;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.block_w_paging.routes {
|
|
width: 100%;
|
|
float: right;
|
|
}
|
|
.menu_buttons.left .handler_menu{
|
|
transform: rotate(90deg);
|
|
left: -48px;
|
|
width: 91px;
|
|
height: 18px;
|
|
display: block;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 39%;
|
|
border-radius: 10px 10px 0 0;
|
|
padding: 7px 18px 7px 18px;
|
|
}
|
|
|
|
.support .menu_buttons.left.open {
|
|
max-height: calc(100vh - 44px);
|
|
}
|
|
.menu_buttons.right.open{
|
|
right: 0;
|
|
transition: 200ms;
|
|
position: absolute;
|
|
/* padding-top: 10px; */
|
|
width: 320px;
|
|
top: 0;
|
|
border-radius: 10px;
|
|
display: block;
|
|
}
|
|
.menu_buttons.curtain.left.open.first.filters{
|
|
left: -320px;
|
|
}
|
|
|
|
.menu_buttons.curtain.left.open.filters{
|
|
left: 0;
|
|
}
|
|
|
|
.menu_buttons.left.open{
|
|
left: 0;
|
|
transition: 200ms;
|
|
position: fixed;
|
|
float: unset;
|
|
padding-top: 10px;
|
|
width: 320px;
|
|
height: 100vh;
|
|
max-height: 100vh;
|
|
}
|
|
.support .menu_buttons.left.open{
|
|
margin-top: 0;
|
|
}
|
|
.handler_menu.left.close{
|
|
background: #FF613A;
|
|
color: #FFFFFF;
|
|
left: -49px;
|
|
}
|
|
.handler_menu.right.close{
|
|
background: #FF613A;
|
|
color: #FFFFFF;
|
|
left: -49px;
|
|
|
|
}
|
|
.menu_buttons.left.open .handler_menu{
|
|
background: #FFFFFF;
|
|
color: #000000;
|
|
left: 272px;
|
|
}
|
|
|
|
|
|
.btns_f_curtain{
|
|
width: 7px;
|
|
transition: 200ms;
|
|
display: block;
|
|
|
|
}
|
|
.btns_f_curtain.left{
|
|
float: left;
|
|
}
|
|
.btns_f_curtain.right{
|
|
float: right;
|
|
}
|
|
.menu_buttons.close .btns_f_curtain{
|
|
transition: 200ms;
|
|
transform: rotate(270deg);
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%);
|
|
padding-right: 2px;
|
|
}
|
|
.menu_buttons.open .btns_f_curtain{
|
|
transition: 200ms;
|
|
transform: rotate(90deg);
|
|
filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(21%) hue-rotate(344deg) brightness(105%) contrast(106%);
|
|
padding-left: 2px;
|
|
}
|
|
.menu_buttons.open .block_overlay{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
.text_f_curtain{
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.menu_profile{
|
|
width: 320px;
|
|
text-align: -webkit-center;
|
|
}
|
|
|
|
.menu_profile>div{
|
|
width: 274px;
|
|
}
|
|
.menu_profile>div>a{
|
|
font-size: 12px;
|
|
line-height: 13px;
|
|
}
|
|
|
|
|
|
.block_overlay{
|
|
height: 100vh;
|
|
width: 100vw;
|
|
/*background: rgba(39, 53, 62, 0.7);*/
|
|
backdrop-filter: blur(6px);
|
|
z-index: 100;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.support .menu_buttons.left.open.margin{
|
|
margin: 0;
|
|
}
|
|
.block_overlay.show{
|
|
display: block;
|
|
}
|
|
#customer>a, #mover>a{
|
|
left: 5%;
|
|
}
|
|
.menu_profile>div>img.svg{
|
|
top: 18px;
|
|
left: 1px;
|
|
}
|
|
.info_profile{
|
|
width: 69%;
|
|
float: none;
|
|
/*margin-left: 25px;*/
|
|
}
|
|
|
|
.text_btn_profile{
|
|
font-size: 12px;
|
|
top: 20px;
|
|
}
|
|
|
|
.block-list-of-users{
|
|
display: none;
|
|
}
|
|
.block-chat{
|
|
width: 100%;
|
|
height: 88vh;
|
|
}
|
|
.name_ticket{
|
|
width: 100%;
|
|
}
|
|
.menu_buttons.curtain.left.close.chat{
|
|
left: -338px;
|
|
transition: 200ms;
|
|
position: absolute;
|
|
width: 320px;
|
|
}
|
|
|
|
|
|
.left-part-block-enter-message{
|
|
width: calc(70% - 74px);
|
|
}
|
|
.right-part-block-enter-message{
|
|
width: 74px;
|
|
}
|
|
.container-message_support_chat{
|
|
width: 70%;
|
|
min-height: unset;
|
|
margin-bottom: 25px;
|
|
|
|
}
|
|
.container-message-req-sprt{
|
|
height: unset;
|
|
width: unset;
|
|
}
|
|
#modified_date{
|
|
float: right;
|
|
}
|
|
|
|
.message-sprt-inf{
|
|
width: unset;
|
|
float: unset;
|
|
text-align: unset;
|
|
margin-bottom: 20px;
|
|
}
|
|
.message-sprt-title{
|
|
padding-top: unset;
|
|
float: unset;
|
|
}
|
|
|
|
/* END user_profile*/
|
|
|
|
/* feedback_form*/
|
|
.feedback_form{
|
|
padding: unset;
|
|
}
|
|
.feedback_form>form{
|
|
width: unset;
|
|
}
|
|
.left_inputs_form,
|
|
.right_inputs_form{
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.inputs_l>input{
|
|
width: calc(100% - 15px);
|
|
}
|
|
.inputs_l{
|
|
width: 100%;
|
|
}
|
|
.counter-box>textarea{
|
|
width: calc(100% - 15px);
|
|
max-width: unset;
|
|
min-width: unset;
|
|
}
|
|
button#send_feedback_form{
|
|
width: 100%;
|
|
}
|
|
button#send_feedback_form:active{
|
|
box-shadow:unset;
|
|
background: rgba(255, 97, 58, 0.60);
|
|
}
|
|
/* END feedback_form*/
|
|
|
|
/* news_page*/
|
|
.wrapper_advertisement{
|
|
padding: unset;
|
|
}
|
|
/*.advertisement_block_news{*/
|
|
/* height: 80px;*/
|
|
/*}*/
|
|
.three_pinned_news{
|
|
margin: unset;
|
|
}
|
|
.news_gradient{
|
|
height: 53px;
|
|
}
|
|
.news_item_pagination{
|
|
width: unset;
|
|
padding-top: 1px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.pag_news_item_text{
|
|
width: 70%;
|
|
}
|
|
|
|
/* END news_page*/
|
|
/*profile_prof*/
|
|
.info_profile>h1{
|
|
font-size: 18px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 26px;
|
|
margin-bottom: 40px;
|
|
}
|
|
/*END profile_prof*/
|
|
|
|
/*create_route*/
|
|
|
|
select#id_type_transport{
|
|
width: 100%;
|
|
background: white;
|
|
}
|
|
/*.departure_arrival>div:first-child, .from_to_place>div:first-child, .from_to_country>div:first-child, .phone>div:first-child,*/
|
|
/*.departure_arrival>div:nth-child(2), .from_to_place>div:nth-child(2), .from_to_country>div:nth-child(2), .phone>div:nth-child(2){*/
|
|
/* width: unset;*/
|
|
/* float: none;*/
|
|
/*}*/
|
|
|
|
.wrap_left, .from_country_container, #arrival_div, .wrap_right, .phone_right{
|
|
width: unset;
|
|
float: none;
|
|
}
|
|
|
|
|
|
|
|
.js-input, input#id_phone, input#id_extra_phone{
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
#img_msg_by_email{
|
|
left: 81%;
|
|
}
|
|
|
|
/*END create_route*/
|
|
|
|
/* my_routes*/
|
|
.left-part-carrier-card, .inf_carrier_container{
|
|
width: unset;
|
|
float: none;
|
|
padding: 1px 20px;
|
|
border-right: unset;
|
|
}
|
|
.control_frame{
|
|
top: 3px;
|
|
}
|
|
.inf_carrier_container{
|
|
padding-top: 70px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
|
|
.carrier-card>.clear_both{
|
|
clear: unset;
|
|
}
|
|
|
|
.route_info_about{
|
|
margin: unset;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 40px;
|
|
}
|
|
.cargo_type_disp{
|
|
margin: unset;
|
|
float: left;
|
|
}
|
|
.cargo_weight{
|
|
float: none;
|
|
margin: unset;
|
|
}
|
|
.cargo_type_trans{
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
float: unset;
|
|
}
|
|
|
|
.from-to-country-container-carrier{
|
|
width: unset;
|
|
padding: 10px;
|
|
}
|
|
.splitter-from-to-country{
|
|
margin-left: 8%;
|
|
}
|
|
|
|
.from-to-country-text.left, .from-to-country-text.right{
|
|
width: 41%;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 20px;
|
|
|
|
}
|
|
|
|
.carrier-title,
|
|
.type_transportation_carrier{
|
|
font-size: 12px;
|
|
margin-top: 20px;
|
|
display: inline-block;
|
|
width: unset;
|
|
float: unset;
|
|
}
|
|
|
|
.line_inf_about_moving{
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
}
|
|
.line_inf_about_moving>.clear_both{
|
|
clear: unset;
|
|
}
|
|
.phones_carrier>.clear_both{
|
|
clear: unset;
|
|
}
|
|
.email_carrier>.clear_both{
|
|
clear: unset;
|
|
}
|
|
|
|
.from-to-city-text{
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
/*padding-bottom: 10px;*/
|
|
/*padding-top: unset;*/
|
|
}
|
|
.arrow_inf_about_moving{
|
|
|
|
left: unset;
|
|
|
|
}
|
|
.title_container_inf_carrier{
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
margin-top: 7px;
|
|
}
|
|
.inf_carrier_icon{
|
|
width: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.phones_carrier_span, .email_carrier_span{
|
|
width: unset;
|
|
float: unset;
|
|
/*background: linear-gradient(92deg, #000000 1%, #ffffff 93%, #ffffff);*/
|
|
/*background: linear-gradient(90deg, #000000 1%, #ffffff 81%, #ffffff);*/
|
|
padding-right: unset;
|
|
font-size: 14px;
|
|
top: unset;
|
|
/*background: linear-gradient(99deg, #000000 1%, #ffffff 16%, #ffffff);*/
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.email_carrier{
|
|
display: inline-block;
|
|
}
|
|
|
|
.name_carrier{
|
|
font-size: 14px;
|
|
position: unset;
|
|
|
|
}
|
|
|
|
/*.phones_carrier{*/
|
|
/* display: inline-block;*/
|
|
/*}*/
|
|
/*.phones_carrier>.inf_carrier_icon{*/
|
|
/* width: 100%;*/
|
|
/*}*/
|
|
/* END my_routes*/
|
|
|
|
/* support*/
|
|
.container-support-btn,
|
|
.container-sprt-inf-txt{
|
|
float: none;
|
|
width: unset;
|
|
text-align: center;
|
|
}
|
|
.send-ticket-suprt-btn{
|
|
width: 100%;
|
|
}
|
|
.container-requests-tech-sprt{
|
|
margin-top: 100px;
|
|
}
|
|
.title-profile-cont{
|
|
font-size: 34px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 42px;
|
|
}
|
|
/* END support*/
|
|
|
|
/* subscribe*/
|
|
|
|
.b_another_subscribes{
|
|
width: 97%;
|
|
|
|
}
|
|
.state_subscribe, .state_subscribe > a{
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.label_toggle_switch_cont{
|
|
width: 92%;
|
|
}
|
|
|
|
.title_subscribe{
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
.name_subscribe{
|
|
font-size: 18px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 26px;
|
|
}
|
|
.subscribe_was_paid{
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.label_toggle_switch_cont > label{
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
|
|
|
|
|
|
.title_options{
|
|
font-size: 18px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 26px;
|
|
}
|
|
.inf_about_tarif_plan_text{
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
/*margin: 20px auto;*/
|
|
margin: 0 auto 20px;
|
|
width: 100%;
|
|
|
|
}
|
|
.another_subscribe{
|
|
width: 100%;
|
|
height: unset;
|
|
margin: 20px auto;
|
|
padding: 10px;
|
|
justify-content: space-between;
|
|
|
|
}
|
|
.subscribe_wrpapper{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.text_another_subscribe{
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
.padding-n-width-another-subscribes{
|
|
/*padding-bottom: 10px;*/
|
|
padding-right: unset;
|
|
width: unset;
|
|
}
|
|
.read_more_about_subscribe{
|
|
/*margin-bottom: 20px;*/
|
|
width: unset;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* END subscribe*/
|
|
/* my_profile*/
|
|
.f-l, .f-r{
|
|
float: none;
|
|
width: unset;
|
|
}
|
|
.f-l>.clear_both{
|
|
clear: unset;
|
|
}
|
|
.f-r>.clear_both{
|
|
clear: unset;
|
|
}
|
|
|
|
.block_inf_profile>.clear_both{
|
|
clear: unset;
|
|
}
|
|
.block_inf_profile{
|
|
padding-top: 20px;
|
|
border-bottom:unset;
|
|
text-align: center;
|
|
}
|
|
.upload_photo_container{
|
|
border-bottom: 2px solid #E6E6E6;
|
|
margin-bottom: 40px;
|
|
}
|
|
.container_el_form_profile{
|
|
width: 100%;
|
|
margin: 2.5% 0.5% 0.5% 0.5%;
|
|
}
|
|
.wrapper_switch_cont{
|
|
width: 100%;
|
|
}
|
|
|
|
#customer>.text_btn_profile{
|
|
top: 12px;
|
|
left: 70px;
|
|
width: 50%;
|
|
}
|
|
|
|
#mover>.text_btn_profile{
|
|
top: 12px;
|
|
left: 70px;
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
/* END my_profile*/
|
|
|
|
/* */
|
|
|
|
.second-footer{
|
|
height: unset;
|
|
}
|
|
.menu_buttons.right.n_profile.open {
|
|
right: 0;
|
|
transition: 200ms;
|
|
position: fixed;
|
|
display: block;
|
|
padding-top: 10px;
|
|
top: 35px;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.menu_buttons.right.n_profile.open .handler_menu{
|
|
background: #FFFFFF;
|
|
color: #000000;
|
|
|
|
}
|
|
.menu_buttons.n_profile.close .handler_menu{
|
|
background: #FF613A;
|
|
color: #FFFFFF;
|
|
}
|
|
.menu_buttons.n_profile.right .handler_menu{
|
|
transform: rotate(270deg);
|
|
right: -312px;
|
|
width: 91px;
|
|
height: 18px;
|
|
display: block;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 39%;
|
|
border-radius: 10px 10px 0 0;
|
|
padding: 7px 18px 7px 18px;
|
|
}
|
|
|
|
}
|
|
@media (max-width: 1115px){
|
|
|
|
.header_logo>a, .header_btn_mover>a, .header_btn_sender>a, #customer_service, .registration_button, .enter_button{
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
.second-footer>div>div>a,
|
|
.second-footer>div>div{
|
|
font-size: 14px;
|
|
}
|
|
|
|
footer>div{
|
|
|
|
}
|
|
|
|
.menu_buttons.curtain.left.close.chat{
|
|
width: 275px;
|
|
}
|
|
|
|
/*.info_profile{*/
|
|
/* width: 94%;*/
|
|
/*}*/
|
|
|
|
.phones_carrier_span, .email_carrier_span{
|
|
width: calc(88% - 10px);
|
|
}
|
|
|
|
}
|
|
@media (max-width: 1064px){
|
|
.header_logo, .header_btn_mover{
|
|
margin-right: 26px;
|
|
}
|
|
.cookie_block{
|
|
width: 100%;
|
|
}
|
|
.menu_buttons.curtain.left.close.chat{
|
|
width: 265px;
|
|
}
|
|
|
|
.info_profile{
|
|
width: 67%;
|
|
}
|
|
|
|
.social_media_footer{
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.header_btn_sender{
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.benefit_img_about_service>figure>img {
|
|
width: 153px;
|
|
}
|
|
|
|
.popup_content{
|
|
width: 41%;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 950px){
|
|
|
|
|
|
#title_static_small{
|
|
display: none;
|
|
}
|
|
|
|
.info_profile{
|
|
width: 65%;
|
|
float: none;
|
|
/*margin-left: 25px;*/
|
|
}
|
|
|
|
.previous_next_news{
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
|
|
|
|
.news_item, .news_item_static{
|
|
width: 490px;
|
|
margin: 0 auto 30px;
|
|
}
|
|
|
|
.news_item_pagination{
|
|
width: 490px;
|
|
}
|
|
.pag_news_img{
|
|
width: unset;
|
|
}
|
|
|
|
.news_item_pagination.odd .pag_news_img, .news_item_pagination.odd .pag_news_item_text{
|
|
float: unset;
|
|
|
|
}
|
|
.news_item_pagination.even .pag_news_img, .news_item_pagination.even .pag_news_item_text{
|
|
float: unset;
|
|
}
|
|
|
|
.pag_news_item_text{
|
|
width: unset;
|
|
}
|
|
.popup_content{
|
|
width: 52%;
|
|
}
|
|
}
|
|
@media (max-width: 850px){
|
|
|
|
|
|
|
|
|
|
.cards_item_1,
|
|
.cards_item_2,
|
|
.cards_item_3,
|
|
.cards_item_4{
|
|
width: 70%;
|
|
height: unset;
|
|
float: unset;
|
|
margin: 15px auto;
|
|
|
|
}
|
|
|
|
.cards_item_img, .cards_item_text{
|
|
float: unset;
|
|
width: unset;
|
|
}
|
|
|
|
.cards_item_1>.cards_item_img>img,
|
|
.cards_item_2>.cards_item_img>img,
|
|
.cards_item_3>.cards_item_img>img,
|
|
.cards_item_4>.cards_item_img>img{
|
|
float: unset;
|
|
aspect-ratio: 4/3;
|
|
object-fit: cover;
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
}
|
|
.cards_item_text{
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.card_title_1{
|
|
margin: 25px 0 0 20px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.read_more_about_subscribe, .read_more_about_subscribe.error {
|
|
padding: 0 14px;
|
|
height: 30px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.subscribe_inf_right_part, .subscribe_inf_left_part{
|
|
width: 100%;
|
|
float: unset;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
|
|
|
|
.subscribe_inf{
|
|
height: unset;
|
|
}
|
|
.wrapper_switch_cont>.width-100 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.arrow_inf_about_moving{
|
|
width: 85px;
|
|
}
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.right{
|
|
width: 33%;
|
|
}
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving {
|
|
width: 90%;
|
|
}
|
|
|
|
.container_inf_about_moving{
|
|
width: 78%;
|
|
margin: auto;
|
|
}
|
|
|
|
.info_profile{
|
|
width: 61%;
|
|
float: none;
|
|
/*margin-left: 25px;*/
|
|
}
|
|
.container_subscribe{
|
|
margin: 20px 16px;
|
|
width: unset;
|
|
}
|
|
.type_of_subscribes{
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.input_toggle_switch_display{
|
|
width: 26px;
|
|
}
|
|
.label_toggle_switch_cont{
|
|
width: 88%;
|
|
}
|
|
|
|
.toggle_switch_cont{
|
|
margin-top: 6px;
|
|
width: unset;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
|
|
|
|
.line_inf_about_moving{
|
|
margin-bottom: 40px;
|
|
}
|
|
.marker_messages_mobile{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
border-radius: 100%;
|
|
background: #ff0000;
|
|
height: 14px;
|
|
width: 15px;
|
|
}
|
|
.marker_messages_mobile.hide{
|
|
display: none;
|
|
}
|
|
.marker_messages_mobile.show{
|
|
display: block;
|
|
}
|
|
.popup_content>.confirm_profile_btn{
|
|
width: 90%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 828px){
|
|
/*.to_address_point_txt.find_route {*/
|
|
/*width: 54.6%;*/
|
|
/*}*/
|
|
/*.from_address_point_txt.find_route.first {*/
|
|
/* width: 54.1%;*/
|
|
/*}*/
|
|
.inf_carrier_icon{
|
|
/*width: 4%;*/
|
|
}
|
|
|
|
.info_profile{
|
|
width: 59%;
|
|
float: none;
|
|
/*margin-left: 25px;*/
|
|
}
|
|
|
|
|
|
|
|
}
|
|
@media (max-width: 776px){
|
|
|
|
.font-large{
|
|
font-size: 20px;
|
|
}
|
|
|
|
.wrapper_text_art>p{
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
|
.subscribe_wrpapper{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.left{
|
|
width: 39%;
|
|
}
|
|
|
|
.info_profile {
|
|
width: 56%;
|
|
float: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.benefit_img>img{
|
|
display: none;
|
|
}
|
|
.benefit_img{
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
@media (max-width: 699px){
|
|
|
|
.block-chat.support {
|
|
/*height: calc(100vh - 190px);*/
|
|
/*1. 100svh 2. 45px - header 3. name_ticket 4. just padding */
|
|
height: calc(100svh - 45px - 40px - 50px);
|
|
}
|
|
.block-chat{
|
|
/*height: calc(88vh - 50px);*/
|
|
/*1. 100svh 2. 45px - header 3. just padding */
|
|
height: calc(100svh - 45px - 50px);
|
|
}
|
|
.block_overlay.show{
|
|
display: block;
|
|
}
|
|
.block_overlay.show.routes {
|
|
display: block;
|
|
}
|
|
/*этот стиль перекрывал блок диалога в сообщения блюром*/
|
|
.menu_buttons.right.open {
|
|
right: 0;
|
|
transition: 200ms;
|
|
position: fixed;
|
|
display: block;
|
|
padding-top: 10px;
|
|
top: 35px;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.dropdown-content-lang{
|
|
z-index: 1 ;
|
|
}
|
|
|
|
.menu_buttons.right.open .handler_menu{
|
|
background: #FFFFFF;
|
|
color: #000000;
|
|
|
|
}
|
|
.menu_buttons.close .handler_menu{
|
|
background: #FF613A;
|
|
color: #FFFFFF;
|
|
}
|
|
.menu_buttons.right .handler_menu{
|
|
transform: rotate(270deg);
|
|
right: -312px;
|
|
width: 91px;
|
|
height: 18px;
|
|
display: block;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 39%;
|
|
border-radius: 10px 10px 0 0;
|
|
padding: 7px 18px 7px 18px;
|
|
}
|
|
.menu_profile{
|
|
background: #FFF;
|
|
}
|
|
|
|
.menu_buttons.right.open .menu_profile{
|
|
padding-top: unset;
|
|
}
|
|
.menu_profile>div{
|
|
height: 30px;
|
|
margin-top: 3px;
|
|
margin-bottom: 8px;
|
|
}
|
|
#customer>.text_btn_profile, #mover>.text_btn_profile{
|
|
top: 8px;
|
|
}
|
|
/*.text_btn_profile{*/
|
|
/* top: 14px;*/
|
|
/*}*/
|
|
.menu_profile > .subscribe_type_txt{
|
|
margin-bottom: 12px;
|
|
padding-top: 12px;
|
|
}
|
|
.menu_profile>div>img.svg{
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.info_profile{
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.subscribe_wrpapper{
|
|
padding: 10px;
|
|
flex-direction: unset;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
.inf_carrier_icon{
|
|
/*width: 3%;*/
|
|
}
|
|
.popup_content{
|
|
width: 70%;
|
|
}
|
|
}
|
|
@media (max-width: 687px){
|
|
/*.to_address_point_txt.find_route {*/
|
|
/* width: 52.6%;*/
|
|
/*}*/
|
|
/*.from_address_point_txt.find_route.first {*/
|
|
/* width: 52.1%;*/
|
|
/*}*/
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving{
|
|
width: 98%;
|
|
}
|
|
|
|
|
|
.container_inf_about_moving {
|
|
width: 97%;
|
|
margin: auto;
|
|
}
|
|
|
|
.self_news_img{
|
|
width: 45%;
|
|
}
|
|
|
|
.subscribe_inf{
|
|
width: 95%;
|
|
margin-bottom: 20px;
|
|
}
|
|
.subscribe_inf_right_part{
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.subscribe_inf_left_part{
|
|
width: 100%;
|
|
float: none;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
.wrapper_switch_cont>.width-100{
|
|
display: inline-block;
|
|
}
|
|
|
|
.agree_text{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
@media (max-width: 575px){
|
|
|
|
|
|
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving{
|
|
width: 89%;
|
|
}
|
|
|
|
.phones_carrier{
|
|
display: block;
|
|
}
|
|
|
|
.news_item_pagination{
|
|
width: 100%;
|
|
}
|
|
|
|
.previous_next_news>.news_item_static{
|
|
margin: unset;
|
|
margin-bottom: 40px;
|
|
}
|
|
.news_item, .news_item_static{
|
|
width: 100%;
|
|
}
|
|
.first-line-card-carrier{
|
|
text-align: center;
|
|
}
|
|
.from-to-city-text{
|
|
|
|
padding-top: unset;
|
|
}
|
|
|
|
.container_inf_about_moving{
|
|
width: 100%;
|
|
padding: 16px;
|
|
}
|
|
|
|
.arrow_inf_about_moving{
|
|
width: 75px;
|
|
}
|
|
.carrier_inf_moving.right{
|
|
width: 31%;
|
|
}
|
|
|
|
.self_news_img{
|
|
width: 100%;
|
|
margin-left: unset;
|
|
float: unset;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.inf_carrier{
|
|
margin-bottom: unset;
|
|
}
|
|
|
|
.name_carrier{
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.splitter-from-to-country{
|
|
margin-left: 7%;
|
|
}
|
|
|
|
#how_it_work_b{
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
#more_button{
|
|
width: 100%;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
#send_parcel_button{
|
|
width: 100%;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
|
|
.news_block_main{
|
|
justify-content: center;
|
|
}
|
|
|
|
/*.cards_item_1,*/
|
|
/*.cards_item_2,*/
|
|
/*.cards_item_3,*/
|
|
/*.cards_item_4*/
|
|
/*{*/
|
|
/* width: 100%;*/
|
|
/* height: 180px;*/
|
|
/* background-size:60%;*/
|
|
/*}*/
|
|
.card_title_1{
|
|
font-size: 34px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 42px;
|
|
}
|
|
.card_title_2{
|
|
font-size: 18px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
line-height: 26px;
|
|
}
|
|
.card_title_3{
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.cards_wrapper{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.cont-el-form-search-carrier.last > select{
|
|
width: 100%;
|
|
}
|
|
/* .to_address_point_txt.find_route {*/
|
|
/* width: 51.6%;*/
|
|
/*}*/
|
|
/*.from_address_point_txt.find_route.first {*/
|
|
/* width: 51.1%;*/
|
|
/*}*/
|
|
.another_subscribe{
|
|
/*padding: 15px 0 0;*/
|
|
|
|
}
|
|
|
|
.read_more_about_subscribe{
|
|
width: unset;
|
|
}
|
|
|
|
.dropdown-content{
|
|
width: 202px;
|
|
top: 27px;
|
|
left: -83px;
|
|
}
|
|
.text_wrapper{
|
|
background-size: 85%;
|
|
background-image: url(/static/img/svg/mobMap.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: right;
|
|
}
|
|
.map_wrapper{
|
|
display: none;
|
|
}
|
|
|
|
.benefit_img_about_service{
|
|
gap: 20px;
|
|
}
|
|
.inf_carrier_icon{
|
|
/*width: 4%;*/
|
|
}
|
|
}
|
|
|
|
@media (max-width: 466px) {
|
|
|
|
.switch{
|
|
width: 235px;
|
|
flex-wrap: wrap;
|
|
height: unset;
|
|
padding: 10px;
|
|
}
|
|
.form_radio_btn{
|
|
margin-bottom: unset;
|
|
width: unset;
|
|
height: unset;
|
|
}
|
|
.form_radio_btn label{
|
|
height: 30px;
|
|
}
|
|
|
|
|
|
/*.to_address_point_txt.find_route {*/
|
|
/* width: 48.4%;*/
|
|
/*}*/
|
|
|
|
/*.from_address_point_txt.find_route.first {*/
|
|
/* width: 47.95%;*/
|
|
/*}*/
|
|
|
|
|
|
.container_inp_w_abr {
|
|
width: 100%;
|
|
}
|
|
|
|
.another_subscribe{
|
|
padding: 15px 0;
|
|
|
|
|
|
}
|
|
.subscribe_wrpapper, .error_order{
|
|
flex-direction: column;
|
|
justify-content: unset;
|
|
width: unset;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 440px){
|
|
|
|
.card_title_3{
|
|
margin: 20px 5px 0 20px;
|
|
}
|
|
|
|
.f-r{
|
|
text-align: left;
|
|
}
|
|
|
|
.container-message_support_chat.right, .container-message_support_chat.left{
|
|
width: 75%;
|
|
}
|
|
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.left {
|
|
width: 35%;
|
|
}
|
|
.inf_carrier_container {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.line_inf_about_moving{
|
|
margin-bottom: 60px;
|
|
height: 20px;
|
|
}
|
|
.arrow_inf_about_moving{
|
|
width: 60px;
|
|
}
|
|
|
|
.carrier_inf_moving.right {
|
|
width: 33%;
|
|
}
|
|
|
|
.carrier_inf_moving.left{
|
|
width: 35%;
|
|
}
|
|
|
|
.carrier-title, .type_transportation_carrier{
|
|
text-align: center;
|
|
width: unset;
|
|
float: unset;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.splitter-from-to-country {
|
|
margin-left: 5%;
|
|
}
|
|
.benefit_img_about_service {
|
|
flex-direction: column;
|
|
align-content: center;
|
|
|
|
}
|
|
figure {
|
|
width: unset;
|
|
}
|
|
button.confirm_remove{
|
|
width: 48.5%;
|
|
margin-bottom: 7px;
|
|
}
|
|
.phones_carrier_span, .email_carrier_span{
|
|
top: -1px;
|
|
}
|
|
.inf_carrier_icon {
|
|
/*width: 6%;*/
|
|
}
|
|
|
|
.info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.arrow_inf_about_moving {
|
|
width: 70px;
|
|
}
|
|
|
|
|
|
}
|
|
@media (max-width: 360px){
|
|
|
|
#customer>.text_btn_profile, #mover>.text_btn_profile{
|
|
width: 53%;
|
|
}
|
|
|
|
|
|
|
|
.loader_chat_f_sw_chats.show {
|
|
display: block;
|
|
height: 100px;
|
|
width: 100px;
|
|
position: absolute;
|
|
top: 35%;
|
|
left: 34%;
|
|
}
|
|
.menu_buttons.left.open.filters {
|
|
width: calc(100vw - 35px);
|
|
background: #FFFFFF;
|
|
border-radius: 10px;
|
|
height: 100vh;
|
|
left: 19px;
|
|
padding: 13px;
|
|
/* position: fixed; */
|
|
float: left;
|
|
text-align: left;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: 0ms;
|
|
scrollbar-width: none;
|
|
box-sizing: border-box;
|
|
}
|
|
.menu_buttons.right.open {
|
|
right: 0;
|
|
transition: 200ms;
|
|
position: fixed;
|
|
display: block;
|
|
padding-top: 10px;
|
|
top: 35px;
|
|
background: #ffffff;
|
|
width: calc(100vw - 35px);
|
|
}
|
|
.menu_profile>div {
|
|
width: 80%;
|
|
}
|
|
.menu_buttons.close .btns_f_curtain {
|
|
transition: 200ms;
|
|
transform: rotate(270deg);
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%);
|
|
/* padding-right: 2px; */
|
|
padding-right: 0;
|
|
bottom: -2px;
|
|
position: relative;
|
|
}
|
|
.menu_buttons.left.open {
|
|
left: 0;
|
|
transition: 200ms;
|
|
position: fixed;
|
|
float: unset;
|
|
padding-top: 10px;
|
|
height: 100vh;
|
|
max-height: 100vh;
|
|
width: calc(100vw - 35px);
|
|
}
|
|
.menu_buttons.left.open.first.filters .btns_f_curtain {
|
|
transition: 200ms;
|
|
transform: rotate(270deg);
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%);
|
|
padding-left: 10px;
|
|
position: relative;
|
|
top: 7px;
|
|
}
|
|
.menu_profile {
|
|
width: 100%;
|
|
text-align: -webkit-center;
|
|
}
|
|
.menu_buttons.right.open .handler_menu {
|
|
background: #FFFFFF;
|
|
color: #000000;
|
|
right: calc(100vw - 83px);
|
|
}
|
|
.menu_buttons.left.open .handler_menu {
|
|
background: #FFFFFF;
|
|
color: #000000;
|
|
left: calc(100vw - 83px);
|
|
}
|
|
.tab-btn-1{
|
|
padding: unset;
|
|
}
|
|
.tab-btn-2{
|
|
padding: unset;
|
|
}
|
|
.tab-btn-active{
|
|
padding: 10px 55px;
|
|
}
|
|
|
|
|
|
|
|
.wrapper_tab_button{
|
|
width: 250px;
|
|
/*margin-top: 20px;*/
|
|
}
|
|
.tabs>div>#title_static{
|
|
line-height: 30px;
|
|
}
|
|
|
|
summary:before{
|
|
right: 10px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*END media breakpoints*/ |