3141 lines
54 KiB
CSS
3141 lines
54 KiB
CSS
/* Reset and base styles */
|
||
* {
|
||
padding: 0px;
|
||
margin: 0px;
|
||
border: none;
|
||
font-family: 'Inter';
|
||
}
|
||
/*@font-face {*/
|
||
/* font-family: 'Inter';*/
|
||
/* src:*/
|
||
/* !*url("/static/fonts/inter/Inter-Black.ttf") format('truetype'),*!*/
|
||
/* !*url("/static/fonts/inter/Inter-Bold.ttf") format('truetype'),*!*/
|
||
/* !*url("/static/fonts/inter/Inter-ExtraBold.ttf") format('truetype'),*!*/
|
||
/* !*url("/static/fonts/inter/Inter-ExtraLight.ttf") format('truetype'),*!*/
|
||
/* !*url("/static/fonts/inter/Inter-Light.ttf") format('truetype'),*!*/
|
||
/* !*url("/static/fonts/inter/Inter-Medium.ttf") format('truetype'),*!*/
|
||
/* !*url("/static/fonts/inter/Inter-Regular.ttf") format('truetype'),*!*/
|
||
/* url("/static/fonts/inter/Inter-SemiBold.ttf") format('truetype'),*/
|
||
/* url("/static/fonts/inter/Inter-Thin.ttf") format('truetype');*/
|
||
/*}*/
|
||
@font-face{
|
||
font-family: 'Inter';
|
||
src: url("/static/fonts/inter/Inter-Regular.ttf") format('truetype');
|
||
font-weight: 400;
|
||
font-style: normal;
|
||
}
|
||
@font-face{
|
||
font-family: 'Inter';
|
||
src: url("/static/fonts/inter/Inter-Medium.ttf") format('truetype') ;
|
||
font-weight: 500;
|
||
font-style: normal;
|
||
}
|
||
@font-face{
|
||
font-family: 'Inter';
|
||
src: url("/static/fonts/inter/Inter-SemiBold.ttf") format('truetype') ;
|
||
font-weight: 600;
|
||
font-style: normal;
|
||
}
|
||
@font-face{
|
||
font-family: 'Inter';
|
||
src: url("/static/fonts/inter/Inter-Bold.ttf") format('truetype') ;
|
||
font-weight: 700;
|
||
font-style: normal;
|
||
}
|
||
|
||
/* Links */
|
||
|
||
a, a:link, a:visited {
|
||
text-decoration: none;
|
||
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* Common */
|
||
|
||
aside, nav, footer, header, section, main {
|
||
display: block;
|
||
}
|
||
|
||
h1, h2, h3, h4, h5, h6, p {
|
||
font-size: inherit;
|
||
font-weight: inherit;
|
||
}
|
||
|
||
ul, ul li {
|
||
list-style: none;
|
||
}
|
||
|
||
img {
|
||
vertical-align: top;
|
||
}
|
||
|
||
img, svg {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
address {
|
||
font-style: normal;
|
||
}
|
||
|
||
/* Form */
|
||
|
||
/*input, textarea, button, select {*/
|
||
/* font-family: inherit;*/
|
||
/* font-size: inherit;*/
|
||
/* color: inherit;*/
|
||
|
||
/*}*/
|
||
|
||
input::-ms-clear {
|
||
display: none;
|
||
}
|
||
input::-webkit-outer-spin-button,
|
||
input::-webkit-inner-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
input[type=number]{
|
||
-moz-appearance: textfield;
|
||
}
|
||
|
||
button, input[type="submit"] {
|
||
display: inline-block;
|
||
box-shadow: none;
|
||
background-color: transparent;
|
||
background: none;
|
||
cursor: pointer;
|
||
}
|
||
|
||
input:focus, input:active,
|
||
button:focus, button:active {
|
||
outline: none;
|
||
}
|
||
|
||
button::-moz-focus-inner {
|
||
padding: 0;
|
||
border: 0;
|
||
}
|
||
|
||
label {
|
||
cursor: pointer;
|
||
margin-bottom: 7px;
|
||
font-family: 'Inter';
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
legend {
|
||
display: block;
|
||
}
|
||
|
||
html, body{
|
||
height: 100%;
|
||
scroll-behavior: smooth;
|
||
}
|
||
|
||
.wrapper_content {
|
||
margin: 20px;
|
||
max-width: 1280px;
|
||
position: relative;
|
||
min-height: 695px;
|
||
max-height: 100%;
|
||
}
|
||
|
||
.wrapper_content.m_h_0{
|
||
min-height: unset;
|
||
}
|
||
|
||
/*.wrapper_main{*/
|
||
/* max-width: 1280px;*/
|
||
/* margin: auto;*/
|
||
/*}*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/*Стилизация radio button */
|
||
|
||
.form_radio_btn {
|
||
width: 375px;
|
||
border-radius: 14px;
|
||
background: #FFF;
|
||
display: flex;
|
||
height: 70px;
|
||
align-items: center;
|
||
margin-bottom: 40px;
|
||
}
|
||
.form_radio_btn input[type=radio] {
|
||
display: none;
|
||
}
|
||
.form_radio_btn label {
|
||
text-decoration: none;
|
||
color: black;
|
||
/* Body text 1 */
|
||
font-family: 'Inter';
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
border-radius: 10px;
|
||
display: flex;
|
||
width: 169px;
|
||
height: 44px;
|
||
padding: 8px 16px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-shrink: 0;
|
||
margin: 0px 3px;
|
||
}
|
||
|
||
/* Checked */
|
||
.form_radio_btn input[type=radio]:checked + label {
|
||
background: #FF613A;
|
||
color: white;
|
||
}
|
||
|
||
/* Hover */
|
||
.form_radio_btn label:hover {
|
||
color: #666;
|
||
}
|
||
|
||
/* Disabled */
|
||
.form_radio_btn input[type=radio]:disabled + label {
|
||
background: #efefef;
|
||
color: #666;
|
||
}
|
||
|
||
/*_________________________________________________________*/
|
||
|
||
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
background: #F8F8F8;
|
||
/*mix-blend-mode: multiply;*/
|
||
/*пока убрал надо чтобы fire протестил на iphone*/
|
||
}
|
||
|
||
header {
|
||
margin-top: 20px;
|
||
padding: 5px 20px;
|
||
position: sticky;
|
||
top: 0;
|
||
background: #F8F8F8;
|
||
z-index: 1001;
|
||
}
|
||
|
||
|
||
|
||
footer {
|
||
height: 318px;
|
||
background: #272424;
|
||
margin-top: 50px;
|
||
}
|
||
|
||
section.register>h1 {
|
||
color: #272424;
|
||
text-align: center;
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
padding-bottom: 35px;
|
||
}
|
||
|
||
.footer_input {
|
||
width: 276px;
|
||
padding: 19px 0 19px 10px;
|
||
border-radius: 10px;
|
||
border: 1px solid black;
|
||
}
|
||
|
||
.footer_input_wrap {
|
||
display: flex;
|
||
}
|
||
|
||
.footer_input::placeholder {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
|
||
.footer_text_sub {
|
||
color: #FFF;
|
||
/* Body text 3 */
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.footer_logo{
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
footer>div {
|
||
max-width: 1440px;
|
||
margin: auto;
|
||
padding: 40px;
|
||
height: 73%;
|
||
}
|
||
|
||
.left-column {
|
||
width: 50%;
|
||
float: left;
|
||
}
|
||
|
||
.right-column {
|
||
width: 48%;
|
||
float: right;
|
||
}
|
||
.first-column{
|
||
float: left;
|
||
width: 50%;
|
||
}
|
||
.social_media_footer {
|
||
margin-top: 15px;
|
||
}
|
||
|
||
|
||
|
||
.second-column {
|
||
float: right;
|
||
width: 29%;
|
||
}
|
||
|
||
.third-column {
|
||
width: 33%;
|
||
float: left;
|
||
margin-top: 10%;
|
||
}
|
||
.four-column{
|
||
display: inline-block;
|
||
}
|
||
|
||
.fifth-column {
|
||
float: right;
|
||
width: 23%;
|
||
/*margin-right: 35px;*/
|
||
}
|
||
|
||
|
||
.social_media_footer {
|
||
margin-top: 19px;
|
||
}
|
||
.social_media_footer>a {
|
||
margin-right: 10px;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
.second-footer>div {
|
||
max-width: 1440px;
|
||
margin: auto;
|
||
width: 100%;
|
||
padding-top: 20px;
|
||
}
|
||
|
||
|
||
.second-footer {
|
||
padding: 0;
|
||
height: 60px;
|
||
max-width: unset;
|
||
background: #F8F8F8;
|
||
}
|
||
|
||
.second-footer>div>div{
|
||
display: inline-block;
|
||
font-size: 15px;
|
||
}
|
||
.second-footer>div>div>a{
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
color: #272424;
|
||
}
|
||
|
||
.sf_1_column{
|
||
padding-left: 80px;
|
||
padding-right: 230px;
|
||
}
|
||
.sf_2_column,
|
||
.sf_3_column
|
||
{
|
||
padding-right: 40px;
|
||
}
|
||
.sf_4_column{
|
||
display: inline-block;
|
||
}
|
||
|
||
.footer_text_inform {
|
||
color: #FFF;
|
||
/* Heading 4 */
|
||
font-size: 20px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 28px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
|
||
|
||
.third-column>div>a{
|
||
color: white;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.footer_text_contact {
|
||
color: #FFF;
|
||
/* Body text 2 */
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
margin-bottom: 8px;
|
||
}
|
||
.four-column>div>div>a{
|
||
color: #FFF;
|
||
/* Body text 2 */
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
margin-bottom: 8px;
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
.footer_static_links>div {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.footer_static_links>div>a {
|
||
color: #FFF;
|
||
/* Body text 2 */
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.fifth-column>a {
|
||
display: block;
|
||
border-radius: 10px;
|
||
background: #FF613A;
|
||
padding: 10px 0px;
|
||
color: #FFF;
|
||
/* Body text 1 */
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
text-decoration: none;
|
||
text-align: center;
|
||
}
|
||
|
||
.fifth-column-first {
|
||
margin-bottom: 10px;
|
||
}
|
||
.wrapper_footer_form{
|
||
display: flex;
|
||
}
|
||
|
||
#footer_input_button {
|
||
display: flex;
|
||
width: 60px;
|
||
height: 60px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 4px;
|
||
flex-shrink: 0;
|
||
border-radius: 10px;
|
||
background: #FF613A;
|
||
margin-left: -30px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.wrapper_header_content{
|
||
max-width: 1280px;
|
||
margin: 0 auto;
|
||
position: relative;
|
||
}
|
||
|
||
header .header-first {
|
||
float: left;
|
||
margin-top: 12px;
|
||
|
||
}
|
||
|
||
.header_logo_mobile{
|
||
display: none;
|
||
}
|
||
|
||
.header_logo,
|
||
.header_btn_mover
|
||
{
|
||
margin-right: 40px;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.header_btn_sender{
|
||
margin-right: 20px;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.header_logo>a,
|
||
.header_btn_mover>a,
|
||
.header_btn_sender>a{
|
||
color: #272424;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
|
||
/*.header_menu{*/
|
||
/* display: none;*/
|
||
/* max-height: 200px;*/
|
||
/* width: 100%;*/
|
||
/* position: absolute;*/
|
||
/* background-color: #F8F8F8;*/
|
||
/* overflow: scroll;*/
|
||
/* overflow-x:hidden;*/
|
||
|
||
/*}*/
|
||
|
||
|
||
.dropbtn {
|
||
|
||
color: white;
|
||
margin-right: 40px;
|
||
font-size: 16px;
|
||
border: none;
|
||
}
|
||
#changes_saved_txt{
|
||
display: none;
|
||
}
|
||
#changes_saved_txt.show{
|
||
display: block;
|
||
}
|
||
#save_changes_txt.hide{
|
||
display: none;
|
||
}
|
||
#mover_title_color{
|
||
background: #e0bff0;
|
||
}
|
||
#customer_title_color{
|
||
background: #f5d813;
|
||
}
|
||
|
||
.dropdown {
|
||
position: relative;
|
||
display: inline-block;
|
||
cursor: pointer;
|
||
}
|
||
|
||
#scroll_to_div>form>.button_register{
|
||
width: calc(41% - 20px);
|
||
}
|
||
|
||
.dropdown-content {
|
||
display: none;
|
||
position: absolute;
|
||
background-color: white;
|
||
border-radius: 10px;
|
||
width: 250px;
|
||
height: 390px;
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
z-index: 1;
|
||
top: 30px;
|
||
}
|
||
.dropdown-content.show{
|
||
display:block;
|
||
}
|
||
|
||
.dropdown-content a {
|
||
color: black;
|
||
padding: 12px 16px;
|
||
text-decoration: none;
|
||
display: block;
|
||
}
|
||
|
||
.dropdown-content a:hover {background-color: #ddd;}
|
||
|
||
/*.dropdown:hover .dropdown-content {display: block;}*/
|
||
|
||
/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/
|
||
|
||
|
||
|
||
header>div>a {
|
||
color: #F8F8F8;
|
||
/* Body text 1 */
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
width: 152px;
|
||
border-radius: 10px;
|
||
background: #FF613A;
|
||
text-align: center;
|
||
padding-top: 10px;
|
||
padding-bottom: 4px;
|
||
min-height: 29px;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.enter_button{
|
||
width: 90px;
|
||
margin-left: 15px;
|
||
}
|
||
|
||
header>div>a>span{
|
||
vertical-align: middle;
|
||
}
|
||
|
||
/*header>div>div>a {*/
|
||
/* text-decoration: none;*/
|
||
/* color: #272424;*/
|
||
/* font-family: Inter;*/
|
||
/* font-size: 16px;*/
|
||
/* font-style: normal;*/
|
||
/* font-weight: 500;*/
|
||
/* line-height: 22px;*/
|
||
/*}*/
|
||
.registration_button{
|
||
color: #FFFFFF;
|
||
padding: 12px 23px;
|
||
background: #FF613A;
|
||
border-radius: 10px;
|
||
|
||
}
|
||
.enter_button{
|
||
color: #FFFFFF;
|
||
padding: 12px 23px;
|
||
background: #FF613A;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
header .header-second {
|
||
float: right;
|
||
|
||
}
|
||
|
||
.button_profile_header_mobile{
|
||
display: none;
|
||
cursor: pointer;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.route_contact_avatar{
|
||
object-fit: cover;
|
||
height: 40px;
|
||
width: 40px;
|
||
border-radius: 10px;
|
||
aspect-ratio: 4/3;
|
||
}
|
||
|
||
.from_address_point_txt.red_text{
|
||
color: #ff0000;
|
||
}
|
||
.to_address_point_txt.red_text{
|
||
color: #ff0000;
|
||
|
||
}
|
||
|
||
|
||
.header-second-item,
|
||
.cont_header_btn_profile,
|
||
.header-second-item-lang{
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.header_buttons {
|
||
display: inline-block;
|
||
margin-top: 16px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
span.btn_profile_name {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
/*padding-top: 10px;*/
|
||
cursor: pointer;
|
||
}
|
||
|
||
#placeholder1{
|
||
height: 50px;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.header-second-item>a{
|
||
margin-right: 30px;
|
||
}
|
||
|
||
/*Language select*/
|
||
|
||
.dropbtn_lang {
|
||
padding: 8px 6.5px;
|
||
cursor: pointer;
|
||
border-radius: 23px;
|
||
}
|
||
|
||
/* The container <div> - needed to position the dropdown content */
|
||
.dropdown_lang {
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
|
||
/* Dropdown Content (Hidden by Default) */
|
||
.dropdown-content-lang {
|
||
display: none;
|
||
position: absolute;
|
||
background-color: #f9f9f9;
|
||
|
||
}
|
||
|
||
.dropbtn_lang
|
||
{
|
||
/*background: url('/static/img/svg/ru.svg') no-repeat left center;*/
|
||
/*padding-left: 25px;*/
|
||
/*width: 40px;*/
|
||
color: transparent;
|
||
}
|
||
|
||
/*.dropbtn_lang::after {*/
|
||
/* !*background: rgba(0, 0, 0, 0) url("c_keyboard_arrow_down_48px-16.png") no-repeat scroll center center;*!*/
|
||
/* content: "";*/
|
||
/* height: 16px;*/
|
||
/* position: absolute;*/
|
||
/* right: 0;*/
|
||
/* top: 7px;*/
|
||
/* width: 16px;*/
|
||
/*}*/
|
||
|
||
#ru_lang
|
||
{
|
||
background: url('/static/img/svg/ru.svg') no-repeat center;
|
||
color: transparent;
|
||
padding: 6px;
|
||
margin: 5px 0;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
#en_lang
|
||
{
|
||
background: url('/static/img/svg/gb.svg') no-repeat center;
|
||
color: transparent;
|
||
padding: 6px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
/* Links inside the dropdown */
|
||
.dropdown-content-lang a {
|
||
color: black;
|
||
padding: 2px 0 2px 25px;
|
||
text-decoration: none;
|
||
display: block;
|
||
}
|
||
|
||
.dropdown-content-lang.show{
|
||
display: block;
|
||
}
|
||
|
||
#create_route{
|
||
border-radius: 10px;
|
||
color: #FFFFFF;
|
||
background: #FF613A;
|
||
/*height: 60px;*/
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
width: 80%;
|
||
margin-top: 10px;
|
||
display: inline-block;
|
||
|
||
padding: 15px 0px;
|
||
}
|
||
|
||
/* Change color of dropdown links on hover */
|
||
.dropdown-content-lang a:hover {background-color: #f1f1f1}
|
||
|
||
/* Show the dropdown menu on hover */
|
||
/*.dropdown_lang:hover .dropdown-content-lang {*/
|
||
/* display: block;*/
|
||
/*}*/
|
||
/*END Language select*/
|
||
|
||
|
||
#support_img{
|
||
margin-right: 5px;
|
||
margin-left: 40px;
|
||
}
|
||
#customer_service{
|
||
margin-right: 35px;
|
||
color: #272424;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
|
||
|
||
/*header>div:last-child>div:nth-child(2)>.svg {*/
|
||
/* margin-right: 5px;*/
|
||
/*}*/
|
||
|
||
|
||
|
||
|
||
.footer_input_button:focus-visible {
|
||
outline: unset;
|
||
}
|
||
|
||
section.register {
|
||
max-width: 1400px;
|
||
margin: auto;
|
||
}
|
||
|
||
section.register>form {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
margin: auto;
|
||
width: clamp(400px, 50%, 600px);
|
||
margin-bottom: 120px;
|
||
}
|
||
|
||
|
||
.inputs {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
width: 100%;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.inputs>div>input {
|
||
border-radius: 10px;
|
||
border: 1px solid #FF613A;
|
||
width: 100%;
|
||
height: 60px;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
.inputs>div {
|
||
flex-basis: 50%;
|
||
}
|
||
|
||
.inp_firstname {
|
||
margin-right: 30px;
|
||
/*width: clamp(300px, 300px, 90%);*/
|
||
|
||
}
|
||
|
||
.inputs>div>input::placeholder {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
/* Body text 1 */
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
|
||
|
||
}
|
||
|
||
.agree {
|
||
/*display: flex;*/
|
||
margin-bottom: 40px;
|
||
align-items: end;
|
||
display: inline-block;
|
||
}
|
||
|
||
.agree>.checkbox{
|
||
width: 50px;
|
||
display: inline-block;
|
||
}
|
||
|
||
.agree_text {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
/* Body text 3 */
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
display: inline-block;
|
||
width: 90%;
|
||
}
|
||
|
||
.button_register>button {
|
||
display: block;
|
||
/* Body text 3 */
|
||
height: 60px;
|
||
width: 101%;
|
||
background: #FF613A;
|
||
color: #FFF;
|
||
/* Heading 5 */
|
||
font-family: Inter;
|
||
font-size: 18px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
text-decoration: none;
|
||
line-height: 26px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
|
||
#request_btn{
|
||
width: 103%;
|
||
}
|
||
#registration{
|
||
width: 102%;
|
||
}
|
||
|
||
.button_register {
|
||
width: 100%;
|
||
}
|
||
|
||
.switch {
|
||
width: 375px;
|
||
border-radius: 14px;
|
||
background: #FFF;
|
||
display: flex;
|
||
height: 70px;
|
||
margin: 0 auto;
|
||
justify-content: center;
|
||
}
|
||
|
||
|
||
|
||
input.active {
|
||
text-decoration: none;
|
||
color: #FFF;
|
||
/* Body text 1 */
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
border-radius: 10px;
|
||
background: #FF613A;
|
||
display: flex;
|
||
width: 169px;
|
||
height: 44px;
|
||
padding: 8px 16px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-shrink: 0;
|
||
margin: 0px 3px;
|
||
}
|
||
|
||
input.deactive {
|
||
text-decoration: none;
|
||
display: flex;
|
||
width: 100%;
|
||
height: 44px;
|
||
padding: 8px 16px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-shrink: 0;
|
||
color: rgba(39, 36, 36, 0.60);
|
||
/* Body text 1 */
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.custom-checkbox {
|
||
position: absolute;
|
||
z-index: -1;
|
||
opacity: 0;
|
||
}
|
||
|
||
.custom-checkbox+label {
|
||
display: block;
|
||
user-select: none;
|
||
position: relative;
|
||
}
|
||
|
||
.custom-checkbox+label > span {
|
||
display: block;
|
||
user-select: none;
|
||
float: right;
|
||
text-align: left;
|
||
width: 86%;
|
||
padding-top: 2%;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.custom-checkbox+label::before {
|
||
content: '';
|
||
display: inline-block;
|
||
width: 2em;
|
||
height: 2em;
|
||
flex-shrink: 0;
|
||
flex-grow: 0;
|
||
border: 1px solid #E6E6E6;
|
||
border-radius: 10px;
|
||
margin-right: 0.5em;
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
background-size: 50% 50%;
|
||
background-color: white;
|
||
}
|
||
|
||
|
||
|
||
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
|
||
}
|
||
|
||
.custom-checkbox:not(:disabled):active+label::before {
|
||
background-color: #FF613A;
|
||
border-color: #b3d7ff;
|
||
}
|
||
|
||
.custom-checkbox:hover+label::before {
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
|
||
|
||
.custom-checkbox:checked+label::before {
|
||
|
||
background-color:#FF613A;
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
|
||
|
||
.custom-checkbox:disabled+label::before:hover {
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
}
|
||
#img_msg_by_email{
|
||
margin-top: 7px;
|
||
display: inline-block;
|
||
position: relative;
|
||
left: 29%;
|
||
}
|
||
|
||
.title_for_msg_by_email{
|
||
display: none;
|
||
z-index: 100;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 10px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 16px;
|
||
border-radius: 10px;
|
||
background: #FFF;
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
position: absolute;
|
||
bottom: -10%;
|
||
left: 40%;
|
||
height: fit-content;
|
||
width: 250px;
|
||
padding: 10px;
|
||
}
|
||
|
||
#img_msg_by_email:hover + .title_for_msg_by_email{
|
||
display: inline-block;
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
section.login {
|
||
|
||
margin-bottom: 120px;
|
||
}
|
||
|
||
section.login>h1 {
|
||
color: #272424;
|
||
text-align: center;
|
||
/* Heading 1 */
|
||
font-family: Inter;
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
section.login>form {
|
||
max-width: 420px;
|
||
margin: auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.inputs_l {
|
||
width: 100%;
|
||
/*height: 60px;*/
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.inputs_l>input {
|
||
border-radius: 10px;
|
||
border: 1px solid #FF613A;
|
||
width: 98%;
|
||
height: 60px;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
.agree_text_l {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
text-align: center;
|
||
/* Body text 3 */
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
/*section.login>form>div>div:nth-child(5) {*/
|
||
/* color: #272424;*/
|
||
/* text-align: center;*/
|
||
/* !* Heading 5 *!*/
|
||
/* font-family: Inter;*/
|
||
/* font-size: 18px;*/
|
||
/* font-style: normal;*/
|
||
/* font-weight: 600;*/
|
||
/* line-height: 26px;*/
|
||
/* margin: 20px 0px;*/
|
||
/*}*/
|
||
|
||
.google {
|
||
display: flex;
|
||
height: 44px;
|
||
padding: 8px 16px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-shrink: 0;
|
||
border-radius: 10px;
|
||
background: #FFF;
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
#google_text {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
/* Body text 1 */
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.call_to_reg>a {
|
||
text-decoration: underline;
|
||
color: rgba(39, 36, 36, 0.60);
|
||
}
|
||
.call_to_reg {
|
||
|
||
color: rgba(39, 36, 36, 0.60);
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
margin-top: 15px;
|
||
}
|
||
|
||
section.profile {
|
||
/*padding: 60px 0;*/
|
||
margin-bottom: 120px;
|
||
width: 74%;
|
||
float: left;
|
||
}
|
||
|
||
|
||
h2.title_new_route{
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
text-align: center;
|
||
width: 550px;
|
||
margin-left: 200px;
|
||
}
|
||
|
||
.menu_profile {
|
||
width: 31%;
|
||
/*margin-right: 40px;*/
|
||
/*float: left;*/
|
||
}
|
||
|
||
.menu_profile>div {
|
||
border-radius: 10px;
|
||
background:#FFF;
|
||
/* Shadow 1 */
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
margin-bottom: 10px;
|
||
padding: 10px;
|
||
text-align: center;
|
||
position: relative;
|
||
height: 40px;
|
||
cursor: pointer;
|
||
}
|
||
.menu_profile > .subscribe_type_txt {
|
||
color: #000;
|
||
font-size: 14px;
|
||
border-radius: 0;
|
||
background: none;
|
||
box-shadow: none;
|
||
margin: auto;
|
||
margin-bottom: 20px;
|
||
padding: 0;
|
||
text-align: unset;
|
||
position: unset;
|
||
height: unset;
|
||
width: 274px;
|
||
padding-top: 24px;
|
||
}
|
||
|
||
/*.menu_profile>div>a {*/
|
||
/* color: rgba(39, 36, 36, 0.60);*/
|
||
/* !* Body text 1 *!*/
|
||
/* font-family: Inter;*/
|
||
/* font-size: 16px;*/
|
||
/* font-style: normal;*/
|
||
/* font-weight: 500;*/
|
||
/* line-height: 22px;*/
|
||
/* text-decoration: none;*/
|
||
/* text-decoration: none;*/
|
||
/* width: 100%;*/
|
||
/* position: absolute;*/
|
||
/* top: 22px;*/
|
||
/* left: 0px;*/
|
||
|
||
/*}*/
|
||
|
||
|
||
#mover>.text_btn_profile, #customer>.text_btn_profile{
|
||
top: 12px;
|
||
left: 4px;
|
||
line-height: 18px;
|
||
}
|
||
|
||
.text_btn_profile{
|
||
color: rgba(39, 36, 36, 0.60);
|
||
/* Body text 1 */
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
text-decoration: none;
|
||
/*text-decoration: none;*/
|
||
width: 100%;
|
||
position: absolute;
|
||
top: 22px;
|
||
left: 0;
|
||
}
|
||
|
||
.handler_menu{
|
||
display: none;
|
||
transition: 200ms;
|
||
}
|
||
|
||
#customer>a,
|
||
#mover>a {
|
||
left: 3%
|
||
}
|
||
|
||
|
||
.menu_profile>div>img.svg {
|
||
/*position: absolute;*/
|
||
/*left: 10px;*/
|
||
/*top: 22px;*/
|
||
|
||
float: left;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.selected{
|
||
background: #FF613A !important;
|
||
transition: background 200ms cubic-bezier(1, -0.16, 0, 1.14)
|
||
|
||
}
|
||
.selected>.text_btn_profile{
|
||
color:white ;
|
||
}
|
||
|
||
.selected>a{
|
||
color:white;
|
||
}
|
||
|
||
.selected>img.svg{
|
||
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(79deg) brightness(103%) contrast(102%);
|
||
}
|
||
|
||
.info_profile{
|
||
width: 100%;
|
||
display: block;
|
||
}
|
||
|
||
.info_profile>h1 {
|
||
color: #272424;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 36px;
|
||
}
|
||
|
||
.user_first_name {
|
||
color: #FF613A;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.user_username {
|
||
color: #27242499;
|
||
font-size: 20px;
|
||
}
|
||
|
||
.profile_prof {
|
||
display: flex;
|
||
width: 300px;
|
||
}
|
||
|
||
.info_profile>.advice_text {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
/* Body text 3 */
|
||
font-family: Inter;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
width: 350px;
|
||
margin-top: 10px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.prof_first_line {
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
margin-bottom: 40px;
|
||
margin-top: 20px;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.prof_second_line {
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.prof_third_line {
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.prof_first_line>a {
|
||
color: #FF613A;
|
||
}
|
||
|
||
.prof_second_line>a {
|
||
color: #FF613A;
|
||
cursor: pointer;
|
||
}
|
||
#id_email{
|
||
cursor: unset;
|
||
}
|
||
#error_arrival_DT.hide, #error_departure_DT.hide{
|
||
display: none;
|
||
}
|
||
|
||
.prof_third_line>a {
|
||
color: #FF613A;
|
||
}
|
||
|
||
.profile_prof>img {
|
||
margin-right: 20px;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
/*.profile_prof>div>div:first-child {*/
|
||
/* color: #272424;*/
|
||
/* !* Heading 5 *!*/
|
||
/* font-family: Inter;*/
|
||
/* font-size: 18px;*/
|
||
/* font-style: normal;*/
|
||
/* font-weight: 600;*/
|
||
/* line-height: 26px;*/
|
||
/*}*/
|
||
|
||
.custom_select {
|
||
display: block;
|
||
height: 60px;
|
||
border-radius: 15px;
|
||
border: 1px solid #E6E6E6;
|
||
padding: 10px;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
background: white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.checkbox_cargo_type>span{
|
||
width: 100%;
|
||
}
|
||
.errorlist{
|
||
/*position: absolute;*/
|
||
|
||
}
|
||
|
||
.errorlist>li{
|
||
color:red;
|
||
margin-left: 12px;
|
||
font-size: 12px;
|
||
}
|
||
span.errorlist{
|
||
color: red;
|
||
}
|
||
|
||
.receive_msg_by_email{
|
||
display: inline-block;
|
||
position: absolute;
|
||
bottom: 27%;
|
||
}
|
||
|
||
/*create new route*/
|
||
select#id_type_transport{
|
||
cursor: pointer;
|
||
display: block;
|
||
height: 60px;
|
||
width: 47%;
|
||
border-radius: 15px;
|
||
border: 2px solid #E6E6E6;
|
||
padding: 10px;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
margin-top: 10px;
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
select#id_type_transport>option{
|
||
font-size: 16px;
|
||
font-family: Inter;
|
||
|
||
|
||
}
|
||
|
||
select#id_type_transport:after{
|
||
content: "";
|
||
display: block;
|
||
width: 25px;
|
||
height: 25px;
|
||
/*background-image: url("/put_k_strelke");*/
|
||
position: absolute;
|
||
right: 5px;
|
||
top: 5px;
|
||
}
|
||
.type_transport_list{
|
||
width: 394px;
|
||
height: 154px;
|
||
border: 2px solid #E6E6E6;
|
||
padding: 10px;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
box-sizing: border-box;
|
||
border-radius: 10px;
|
||
|
||
|
||
}
|
||
.type_transport_list>label{
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
|
||
hr {
|
||
border: none; /* Убираем границу */
|
||
background-color: #E6E6E6; /* Цвет линии */
|
||
color: #E6E6E6; /* Цвет линии для IE6-7 */
|
||
height: 2px; /* Толщина линии */
|
||
}
|
||
form.new_route>div{
|
||
margin-bottom: 30px;
|
||
margin-top: 30px;
|
||
/*display: block ruby;*/
|
||
|
||
}
|
||
|
||
.type_transportation_carrier>.inf_carrier_icon{
|
||
width: 14px;
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
|
||
form.new_route>div.range-slider{
|
||
margin-bottom: 30px;
|
||
margin-top: 30px;
|
||
display: block;
|
||
}
|
||
|
||
form.new_route{
|
||
width:100%;
|
||
|
||
}
|
||
|
||
.wrap_left,
|
||
.from_country_container
|
||
{
|
||
width: 50%;
|
||
float: left;
|
||
margin-bottom: 20px;
|
||
|
||
|
||
}
|
||
#arrival_div,
|
||
.wrap_right
|
||
{
|
||
width: 50%;
|
||
float: right;
|
||
margin-bottom: 20px;
|
||
|
||
}
|
||
.phone_right{
|
||
width: 49%;
|
||
float: right;
|
||
margin-bottom: 20px;
|
||
|
||
|
||
}
|
||
|
||
|
||
.from_address_point_txt{
|
||
display: block;
|
||
border: 1px solid #E6E6E6;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
height: 60px;
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
z-index: 1;
|
||
|
||
}
|
||
|
||
.from_address_point_txt.post_route{
|
||
border-radius: 15px;
|
||
margin-top: 10px;
|
||
width: 89%;
|
||
}
|
||
|
||
.to_address_point_txt{
|
||
display: block;
|
||
border: 1px solid #E6E6E6;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
height: 60px;
|
||
margin-top: 10px;
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
}
|
||
|
||
|
||
.to_address_point_txt.post_route{
|
||
border-radius: 15px;
|
||
width: 89%;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
|
||
form.new_route>.button_register>#registration{
|
||
width: 100%;
|
||
}
|
||
|
||
|
||
|
||
|
||
div.departure_arrival>div>input{
|
||
display: block;
|
||
border-radius: 15px;
|
||
border: 1px solid #E6E6E6;
|
||
color: #272424;
|
||
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
width: 89%;
|
||
height: 60px;
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
margin-top: 10px;
|
||
background: url(/static/img/svg/Calendar.svg) white 50%;
|
||
background-repeat: no-repeat;
|
||
background-position: right 2% bottom 45%;
|
||
|
||
|
||
|
||
}
|
||
|
||
#hide_owner_type{
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
/*end create new route*/
|
||
|
||
|
||
|
||
|
||
/*Range slider*/
|
||
|
||
|
||
|
||
/*Range slider end*/
|
||
|
||
/*autocomplete-wrapper START*/
|
||
.form-group {
|
||
margin-bottom: 20px;
|
||
}
|
||
.control-label {
|
||
display: block;
|
||
}
|
||
|
||
.autocomplete-wrapper {
|
||
position: relative;
|
||
|
||
}
|
||
.autocomplete-results {
|
||
position: absolute;
|
||
background: white;
|
||
z-index: 1;
|
||
top: 100%;
|
||
left: 0;
|
||
font-size: 13px;
|
||
border: solid 1px #ddd;
|
||
border-top-width: 0;
|
||
border-bottom-color: #ccc;
|
||
box-shadow:
|
||
0 5px 10px rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
.autocomplete-result {
|
||
padding: 12px 15px;
|
||
border-bottom: solid 1px #eee;
|
||
cursor: pointer;
|
||
border-bottom-width: 0;
|
||
}
|
||
|
||
.autocomplete-location {
|
||
opacity: .8;
|
||
font-size: smaller;
|
||
}
|
||
|
||
|
||
/*.autocomplete-results[data-highlight='#{$i}'] > :nth-child(#{$iPlus}) {*/
|
||
/* color: white;*/
|
||
/* background: #26C9FF;*/
|
||
/* border-bottom-color: #26C9FF;*/
|
||
/* outline: solid 1px #26C9FF;*/
|
||
/*}*/
|
||
/*autocomplete-wrapper END*/
|
||
|
||
.input_list{
|
||
display: none;
|
||
max-height: 200px;
|
||
width: 100%;
|
||
position: absolute;
|
||
background-color: #FFFFFF;
|
||
overflow: scroll;
|
||
overflow-x:hidden;
|
||
|
||
}
|
||
|
||
.input_list.post_route{
|
||
padding-top: 20px;
|
||
max-width: 390px;
|
||
}
|
||
|
||
.input_list.show{
|
||
display:inline-block;
|
||
|
||
}
|
||
|
||
|
||
|
||
.input_list .hide{
|
||
display: none;
|
||
}
|
||
span.hide, .error_to_address_point.hide, #id_cargo_lable.hide, #error_id_phone.hide{
|
||
display: none;
|
||
}
|
||
#agreement_check.hide{
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
div.from_to_place>div>select{
|
||
width: 94%;
|
||
|
||
}
|
||
|
||
/*Input for cargo-weight*/
|
||
.js-input {
|
||
display: block;
|
||
height: 60px;
|
||
width: 394px;
|
||
border-radius: 15px;
|
||
border: 2px solid #E6E6E6;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
margin-top: 20px;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
|
||
|
||
input#id_phone,
|
||
input#id_extra_phone
|
||
{
|
||
display: block;
|
||
height: 60px;
|
||
width: calc(100% - 10px);
|
||
border-radius: 15px;
|
||
border: 2px solid #E6E6E6;
|
||
color: #272424;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
appearance: none;
|
||
margin-top: 10px;
|
||
padding-left: 10px;
|
||
|
||
}
|
||
|
||
|
||
.checkbox_cargo_type{
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
.width{
|
||
width: 90%;
|
||
}
|
||
.checkbox_cargo_type.width{
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
.checkbox_cargo_type>div{
|
||
min-width: 300px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/*input#id_cargo_type{*/
|
||
/* width: 50%;*/
|
||
/*}*/
|
||
|
||
.errorlist.hide {
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*my routes*/
|
||
|
||
.my_route{
|
||
width: 100%;
|
||
height: 296px;
|
||
background-color: White;
|
||
border-radius: 10px;
|
||
margin: 2% 0 0 0;
|
||
box-shadow: 0px -1px 10px 0px #C6C7CB33;
|
||
}
|
||
|
||
.route_info{
|
||
vertical-align: top;
|
||
border-style: inset;
|
||
border-width: 1px;
|
||
border-color: transparent #F8F8F8 transparent transparent;
|
||
width: 59%;
|
||
height: 280px;
|
||
display: inline-block;
|
||
}
|
||
.route_info_about{
|
||
margin-bottom: 30px;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.route_info_point {
|
||
width: 96%;
|
||
height: 60px;
|
||
border-radius: 10px;
|
||
background: #F8F8F8;
|
||
margin: 10px;
|
||
|
||
}
|
||
.route_info_point > div > span{
|
||
float: right;
|
||
font-family: Inter, serif;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
width: 50%;
|
||
text-align: left;
|
||
}
|
||
.route_info_point > div > div{
|
||
float: left;
|
||
width: 50%;
|
||
text-align: right;
|
||
font-family: Inter, serif;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.route_info_point > div{
|
||
width: 100%;
|
||
height: 20px;
|
||
top: 30%;
|
||
position: relative;
|
||
padding-left: 17px;
|
||
}
|
||
|
||
.route_info_point > div > div > div{
|
||
border: 1px solid #FF613A;
|
||
width: 20px;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
|
||
|
||
.cargo_type_disp{
|
||
background: url("/static/img/png/Tag.png") left center no-repeat;
|
||
margin-right: 20px;
|
||
padding-left: 15px;
|
||
|
||
}
|
||
.cargo_type_trans{
|
||
float: right;
|
||
}
|
||
.cargo_weight{
|
||
background: url("/static/img/png/Scales.png") left center no-repeat;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
|
||
|
||
.route_info_about>span>.inf_carrier_icon{
|
||
width: 12px;
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
.route_contact{
|
||
width: 40%;
|
||
display: inline-block;
|
||
}
|
||
|
||
button#edit_route {
|
||
display: block;
|
||
height: 44px;
|
||
width: 100%;
|
||
background: #FF613A;
|
||
color: #FFF;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
text-decoration: none;
|
||
line-height: 26px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.button_remove_route {
|
||
display: inline-block;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
|
||
|
||
.remove_route {
|
||
height: 44px;
|
||
width: 285px;
|
||
color: rgba(39, 36, 36, 0.60);
|
||
}
|
||
.remove_route.hide{
|
||
display: none;
|
||
}
|
||
.msg_send{
|
||
font-size: 24px;
|
||
text-align: center;
|
||
font-weight: 700;
|
||
background: #F8F8F8;
|
||
z-index: 1;
|
||
position: absolute;
|
||
height: -webkit-fill-available;
|
||
width: -webkit-fill-available;
|
||
width: -moz-available;
|
||
}
|
||
|
||
#error_footer{
|
||
color: #ff0000;
|
||
font-size: 13px;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.pag_news_img>img{
|
||
object-fit: cover;
|
||
width: 100%;
|
||
border-radius: 10px;
|
||
aspect-ratio: 4 / 3;
|
||
max-height: 300px;
|
||
}
|
||
|
||
#error_footer.hide{
|
||
display: none;
|
||
}
|
||
|
||
.msg_sub_text{
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
background: #FF613A;
|
||
color: #FFF;
|
||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
|
||
line-height: 34px;
|
||
width: 100px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
margin: 20px auto;
|
||
}
|
||
|
||
.close_msg_block{
|
||
cursor: pointer;
|
||
}
|
||
|
||
#error_com_offer, #error_feedback, #error_feedback_text{
|
||
color: #ff0000;
|
||
font-size: 14px;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.msg_text {
|
||
margin-top: 100px;
|
||
}
|
||
|
||
|
||
.msg_send.hide{
|
||
display: none;
|
||
}
|
||
|
||
.form_wrapper{
|
||
margin-top: 120px;
|
||
}
|
||
|
||
.form_com_wrapper{
|
||
position: relative;
|
||
}
|
||
|
||
|
||
|
||
button.confirm_remove{
|
||
width: 48.5%;
|
||
border: 1px solid #ff0000a8;
|
||
border-radius: 10px;
|
||
color: #ff0000a8;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
margin-right: 3px;
|
||
/*padding: 5px 0px 5px 0px;*/
|
||
font-size: 16px;
|
||
height: 44px;
|
||
display: none;
|
||
}
|
||
|
||
button.cancel_remove{
|
||
width: 48.5%;
|
||
border: 1px solid #808080cc;
|
||
border-radius: 10px;
|
||
color: #808080cc;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
/*padding: 5px 0px 5px 0px;*/
|
||
font-size: 16px;
|
||
height: 44px;
|
||
display: none;
|
||
|
||
}
|
||
|
||
button.cancel_remove.show, button.confirm_remove.show{
|
||
display: inline-block;
|
||
}
|
||
|
||
|
||
/*Static_pages*/
|
||
|
||
.not_found_wrap{
|
||
padding-top: 20px;
|
||
}
|
||
|
||
.not_found_text{
|
||
text-align: center;
|
||
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.not_found_title{
|
||
font-size: 60px;
|
||
}
|
||
.not_found_sub_title{
|
||
font-size: 26px;
|
||
}
|
||
|
||
#title_static{
|
||
text-align: center;
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
margin-bottom: 20px;
|
||
|
||
}
|
||
|
||
.ta_center{
|
||
margin: 120px auto 40px;
|
||
}
|
||
#title_static_customer{
|
||
text-align: center;
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
margin-bottom: 5px;
|
||
}
|
||
#title_static_customer2{
|
||
text-align: center;
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
margin-bottom: 40px;
|
||
}
|
||
.title_static_wrapper{
|
||
text-align: center;
|
||
}
|
||
.title_static_wrapper>#title_static{
|
||
display: inline-block;
|
||
}
|
||
span#sub_title_static{
|
||
display: block;
|
||
text-align: center;
|
||
margin-bottom: 40px;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
|
||
button#more_button{
|
||
display: inline-block;
|
||
height: 60px;
|
||
width: 20%;
|
||
background: #FF613A;
|
||
color: #FFF;
|
||
font-family: Inter;
|
||
font-size: 18px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
text-decoration: none;
|
||
line-height: 26px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
|
||
}
|
||
|
||
.top_block_static{
|
||
position: relative;
|
||
width: 90%;
|
||
height: 194px;
|
||
margin: 0 auto 0;
|
||
padding: 60px 40px 0 40px;
|
||
}
|
||
|
||
.top_block_static_wrapper{
|
||
background-image:
|
||
url(/static/img/png/Box1.png),
|
||
url(/static/img/png/Box2.png),
|
||
url(/static/img/png/Box3.png),
|
||
url(/static/img/png/Box4.png);
|
||
background-position:
|
||
/*bottom 83px left 110px,*/
|
||
/*top 154px left 205px,*/
|
||
/*bottom 34px right 58px,*/
|
||
/*top 140px right 233px;*/
|
||
|
||
bottom -12px left 131px,
|
||
top 51px left -9px,
|
||
bottom -37px right 105px,
|
||
top 65px right -30px;
|
||
background-repeat:
|
||
no-repeat,
|
||
no-repeat,
|
||
no-repeat,
|
||
no-repeat;
|
||
|
||
}
|
||
|
||
.top_block_static_wrapper_main{
|
||
background-image:
|
||
url(/static/img/png/Box7.png),
|
||
url(/static/img/png/Box6.png),
|
||
url(/static/img/png/Box8.png),
|
||
url(/static/img/png/Box4.png);
|
||
background-position:
|
||
bottom -31px left -13px,
|
||
top 159px left 242px,
|
||
top 0px right -15px,
|
||
top 146px right 215px;
|
||
background-repeat:
|
||
no-repeat,
|
||
no-repeat,
|
||
no-repeat,
|
||
no-repeat;
|
||
|
||
}
|
||
|
||
|
||
/*.top_block_static img:nth-child(4) {*/
|
||
/* !* Положение нижнего левого изображения *!*/
|
||
/* left: 129px;*/
|
||
/* bottom: -26px;*/
|
||
|
||
|
||
/*}*/
|
||
|
||
/*.top_block_static img:nth-child(5) {*/
|
||
/* !* Положение верхнего левого изображения *!*/
|
||
/* top: 4px;*/
|
||
/* left: 1%;*/
|
||
|
||
|
||
/*}*/
|
||
|
||
/*.top_block_static img:nth-child(6) {*/
|
||
/* !* Положение нижнего правого изображения *!*/
|
||
/* bottom: -33px;*/
|
||
/* right: 126px;*/
|
||
/* top: 58px;*/
|
||
|
||
/*}*/
|
||
|
||
/*.top_block_static img:nth-child(7) {*/
|
||
/* top: 0; !* Положение верхнего правого изображения *!*/
|
||
/* right: 0;*/
|
||
|
||
/*}*/
|
||
|
||
|
||
.mid_block_static{
|
||
margin: 120px 0 0;
|
||
width: 100%;
|
||
}
|
||
.mid_block_static>.text_wrapper>span{
|
||
display: block;
|
||
width: 55%;
|
||
padding-bottom: 20px;
|
||
}
|
||
.benefit_img{
|
||
display: flex;
|
||
height: fit-content;
|
||
align-items: flex-start;
|
||
justify-content: space-around;
|
||
margin-bottom: 20px
|
||
|
||
}
|
||
|
||
.benefit_img_about_service{
|
||
display: flex;
|
||
height: fit-content;
|
||
align-items: flex-start;
|
||
gap: 20px;
|
||
justify-content: space-around;
|
||
margin-bottom: 120px;
|
||
margin-top: 60px;
|
||
}
|
||
|
||
.benefit_img>img{
|
||
align-self: center;
|
||
margin: 0 10px;
|
||
}
|
||
|
||
.benefit_title{
|
||
display: flex;
|
||
height: fit-content;
|
||
align-items: flex-start;
|
||
gap: 133px;
|
||
justify-content: space-around;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
|
||
.benefit_img_item>h3{
|
||
font-size: 18px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 36px;
|
||
text-align: center;
|
||
}
|
||
|
||
.benefit_img_item>span{
|
||
text-align: center;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
/*.benefit_img_about_service>figure{*/
|
||
/* display: flex;*/
|
||
/* width: 197px;*/
|
||
/* flex-direction: column;*/
|
||
/* justify-content: flex-end;*/
|
||
/* align-items: center;*/
|
||
/* gap: 20px;*/
|
||
/*}*/
|
||
|
||
.benefit_img_about_service>figure>img{
|
||
max-width: 197px;
|
||
width: 197px;
|
||
height: 105px;
|
||
border-radius: 10px;
|
||
background: #FFF;
|
||
/* Shadow 1 */
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
padding-top: 20px;
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.benefit_img_about_service>figure>figcaption{
|
||
text-align: center;
|
||
margin-top: 15px;
|
||
}
|
||
|
||
figure{
|
||
text-align: center;
|
||
}
|
||
|
||
.bottom_block_static{
|
||
padding: 40px 40px 0px 40px;
|
||
position: relative;
|
||
width: 80%;
|
||
margin: 0 auto 120px;
|
||
}
|
||
|
||
|
||
.bottom_block_static img{
|
||
position: absolute;
|
||
}
|
||
#sub_title_static>p{
|
||
/*перенос строки в верстке из переноса в html*/
|
||
white-space: pre;
|
||
}
|
||
.bottom_block_static>form>.inputs_l{
|
||
margin: auto;
|
||
padding: 0px 10px 10px 10px;
|
||
width: 40%;
|
||
}
|
||
.bottom_block_static>form>.button_register{
|
||
margin: auto;
|
||
padding: 10px 0;
|
||
width: 39%;
|
||
}
|
||
|
||
.bottom_block_static>#box1 {
|
||
/* Положение нижнего левого изображения */
|
||
left: -10%;
|
||
bottom: -7%;
|
||
|
||
}
|
||
|
||
.bottom_block_static>#box2 {
|
||
/* Положение верхнего левого изображения */
|
||
top: 16%;
|
||
left: -2%;
|
||
transform: scale(-1, 1);
|
||
|
||
|
||
}
|
||
|
||
.bottom_block_static>#box3 {
|
||
/* Положение нижнего правого изображения */
|
||
right: -10%;
|
||
bottom: -4%;
|
||
transform: scale(1, -1);
|
||
}
|
||
|
||
|
||
|
||
.bottom_block_static>#box4 {
|
||
/* Положение верхнего правого изображения */
|
||
top: 18%;
|
||
right: -1%;
|
||
}
|
||
|
||
|
||
|
||
|
||
.button_container{
|
||
text-align: -webkit-center;
|
||
text-align: -moz-center;
|
||
width: 100%;
|
||
margin-top: 40px;
|
||
display: flex;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
/*#how_it_work_b{*/
|
||
/* border-radius: 10px;*/
|
||
/* background: #E6E6E6;*/
|
||
/* width: 20%;*/
|
||
/* height: 60px;*/
|
||
/* font-size: 18px;*/
|
||
/* font-style: normal;*/
|
||
/* font-weight: 600;*/
|
||
/* line-height: 26px;*/
|
||
/* color: rgba(39, 36, 36, 0.60);*/
|
||
/* margin-left: 5px;*/
|
||
|
||
|
||
|
||
/*}*/
|
||
|
||
.benefit_img_item{
|
||
width: 30%;
|
||
text-align: center;
|
||
|
||
}
|
||
|
||
|
||
|
||
.map_wrapper{
|
||
position: relative;
|
||
|
||
}
|
||
.map_wrapper>img{
|
||
position: absolute;
|
||
right: -5%;
|
||
top: 57%;
|
||
z-index: -1;
|
||
}
|
||
|
||
.text_wrapper{
|
||
float: left;
|
||
}
|
||
|
||
.feedback_form{
|
||
margin-top: 60px;
|
||
padding: 0px 40px 0px 40px;
|
||
|
||
}
|
||
|
||
.feedback_form>form{
|
||
width: 75%;
|
||
margin: 0 auto;
|
||
}
|
||
.left_inputs_form{
|
||
/*float: left;*/
|
||
/*width: 45%;*/
|
||
display: inline-block;
|
||
width: 47%;
|
||
padding-right: 14px;
|
||
}
|
||
.right_inputs_form{
|
||
float: right;
|
||
/*width: 50%;*/
|
||
width: 50%;
|
||
display: inline-block;
|
||
}
|
||
|
||
.counter-box{
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
|
||
.counter-box>textarea{
|
||
border-radius: 10px;
|
||
border: 1px solid #FF613A;
|
||
width: 100%;
|
||
min-height: 130px;
|
||
|
||
padding: 10px 0 0 10px;
|
||
max-width: 100%;
|
||
min-width: 100%;
|
||
resize: none;
|
||
}
|
||
.counter-box>textarea:focus{
|
||
outline: none !important;
|
||
}
|
||
.counter-text{
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 10px;
|
||
color: #7E7E7E;
|
||
}
|
||
|
||
.button_feedback_form{
|
||
text-align: center;
|
||
}
|
||
button#send_feedback_form{
|
||
border-radius: 10px;
|
||
background: #FF613A;
|
||
height: 60px;
|
||
color: #FFF;
|
||
font-size: 18px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: 26px;
|
||
width: 103%;
|
||
margin-top: 13px;
|
||
}
|
||
button#send_feedback_form:active{
|
||
box-shadow:unset;
|
||
background: rgba(255, 97, 58, 0.60);
|
||
}
|
||
#error_feedback.hide{
|
||
display: none;
|
||
}
|
||
|
||
#error_feedback_text.hide{
|
||
display: none;
|
||
}
|
||
#error_footer.hide{
|
||
display: none;
|
||
}
|
||
#error_com_offer.hide{
|
||
display: none;
|
||
}
|
||
|
||
.subscribes_container{
|
||
width: 80%;
|
||
margin: auto;
|
||
padding-top: 120px;
|
||
}
|
||
|
||
.color_title{
|
||
color: #FF613A;
|
||
text-align: center;
|
||
font-family: Inter;
|
||
font-size: inherit;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: inherit;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wrapper_switch{
|
||
display: flex;
|
||
justify-content: center;
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
/*.search_form_main {*/
|
||
/* padding-top: 40px;*/
|
||
/*}*/
|
||
|
||
|
||
/*tabs_on_main_page*/
|
||
.tabs {
|
||
font-size: 0;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
text-align: center;
|
||
}
|
||
|
||
/*.tabs>input[type="radio"] {*/
|
||
/* display: none;*/
|
||
/*}*/
|
||
|
||
#content-1,#content-2
|
||
{
|
||
/* скрыть контент по умолчанию */
|
||
display: none;
|
||
font-size: 16px;
|
||
}
|
||
#content-1.show,#content-2.show
|
||
{
|
||
/* скрыть контент по умолчанию */
|
||
display: block;
|
||
}
|
||
|
||
|
||
|
||
/*!* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") *!*/
|
||
/*#tab-btn-1:checked~#content-1,*/
|
||
/*#tab-btn-2:checked~#content-2*/
|
||
/*{*/
|
||
/* display: block;*/
|
||
/*}*/
|
||
|
||
.tab-btn-1,
|
||
.tab-btn-2 {
|
||
display: inline-block;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
user-select: none;
|
||
background-color: white;
|
||
font-size: 16px;
|
||
line-height: 1.5;
|
||
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
|
||
cursor: pointer;
|
||
position: relative;
|
||
top: 1px;
|
||
padding: 10px;
|
||
border-radius: 10px;
|
||
margin: 5px;
|
||
}
|
||
|
||
.wrapper_tab_button {
|
||
background: white;
|
||
border-radius: 14px;
|
||
width: 311px;
|
||
margin: auto;
|
||
}
|
||
|
||
.tab-btn-active{
|
||
border-radius: 10px;
|
||
background: #FF613A;
|
||
color: white;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
padding: 10px;
|
||
|
||
}
|
||
.tabs>div>#title_static{
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 36px;
|
||
margin-top: 30px;
|
||
}
|
||
|
||
.tabs>label:not(:first-of-type) {
|
||
border-left: none;
|
||
}
|
||
|
||
/*.tabs>input[type="radio"]:checked+label {*/
|
||
|
||
/* border-radius: 10px;*/
|
||
/* background: #FF613A;*/
|
||
/* color: white;*/
|
||
/* font-size: 16px;*/
|
||
/* font-style: normal;*/
|
||
/* font-weight: 500;*/
|
||
/* line-height: 22px;*/
|
||
/* padding: 10px;*/
|
||
|
||
/*}*/
|
||
|
||
/*tabs_on_main_page*/
|
||
|
||
.pre_bottom_block_static{
|
||
width: 100%;
|
||
margin: auto;
|
||
}
|
||
.pre_bottom_block_static>h2{
|
||
margin-top: 120px;
|
||
}
|
||
|
||
.cards_wrapper{
|
||
/*display: flex;*/
|
||
/*flex-direction: row;*/
|
||
/*flex-wrap: wrap;*/
|
||
/*justify-content: center;*/
|
||
display: inline-block;
|
||
}
|
||
.cards_item_1, .cards_item_3{
|
||
float: left;
|
||
}
|
||
.cards_item_2, .cards_item_4{
|
||
float: right;
|
||
}
|
||
.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: right;
|
||
}
|
||
|
||
.cards_item_2>.cards_item_text>div, .cards_item_3>.cards_item_text>div{
|
||
color: #1d1e20;
|
||
}
|
||
|
||
|
||
|
||
|
||
.cards_item_1{
|
||
|
||
width: 48%;
|
||
|
||
border-radius: 10px;
|
||
/*background: url(/static/img/png/cards_item_1.png) #1d1e20 50%;*/
|
||
background: #1d1e20 50%;
|
||
background-repeat: no-repeat;
|
||
background-position: right;
|
||
|
||
/* Shadow 1 */
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
margin: 10px;
|
||
}
|
||
|
||
.cards_item_1,
|
||
.cards_item_2,
|
||
.cards_item_3,
|
||
.cards_item_4{
|
||
height: 322px;
|
||
}
|
||
|
||
|
||
|
||
.cards_item_1_right{
|
||
float: right;
|
||
|
||
border-radius: 10px;
|
||
/*background: url(/static/img/png/cards_item_1.png), lightgray 0px -24.489px / 100.69% 113.347% no-repeat;*/
|
||
width: 45%;
|
||
height: 322px;
|
||
|
||
}
|
||
|
||
.cards_item_2{
|
||
width: 48%;
|
||
|
||
border-radius: 10px;
|
||
/*background: url(/static/img/png/cards_item_2.png) white 50%;*/
|
||
background: white 50%;
|
||
background-repeat: no-repeat;
|
||
background-position: right;
|
||
|
||
/* Shadow 1 */
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
margin: 10px;
|
||
|
||
}
|
||
|
||
.cards_item_text {
|
||
float: left;
|
||
width: 50%;
|
||
}
|
||
|
||
.cards_item_img {
|
||
float: right;
|
||
width: 50%;
|
||
}
|
||
|
||
/*.cards_item_2>div,*/
|
||
/*.cards_item_3>div{*/
|
||
/* color: black;*/
|
||
/* text-shadow: none;*/
|
||
/* text-shadow: 1px 1px 0px #ffffff;*/
|
||
/*}*/
|
||
|
||
.cards_item_2_right{
|
||
float: right;
|
||
border-radius: 10px;
|
||
background: url(/static/img/png/cards_item_2.png), lightgray 50% / cover no-repeat;
|
||
width: 45%;
|
||
height: 322px;
|
||
|
||
}
|
||
.card_gradient{
|
||
|
||
border-radius: 10px;
|
||
background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
|
||
width: 100px;
|
||
height: 322px;
|
||
|
||
}
|
||
.card_gradient_black{
|
||
border-radius: 10px;
|
||
background: linear-gradient(90deg, #242223 0%, rgba(39, 36, 36, 0.00) 100%);
|
||
width: 100px;
|
||
height: 322px;
|
||
}
|
||
|
||
|
||
.cards_item_3{
|
||
width: 48%;
|
||
|
||
border-radius: 10px;
|
||
/*background: url(/static/img/png/cards_item_3.png) white 50%;*/
|
||
background: white 50%;
|
||
background-repeat: no-repeat;
|
||
background-position: right;
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
margin: 10px;
|
||
|
||
}
|
||
|
||
.cards_item_3_right{
|
||
float: right;
|
||
border-radius: 10px;
|
||
background: url(/static/img/png/cards_item_3.png), lightgray 50% / cover no-repeat;
|
||
width: 45%;
|
||
height: 322px;
|
||
|
||
}
|
||
|
||
|
||
|
||
.cards_item_4{
|
||
width: 48%;
|
||
|
||
border-radius: 10px;
|
||
/*background: url(/static/img/png/cards_item_4.png), #111217 50%;*/
|
||
background: #111217 50%;
|
||
background-repeat: no-repeat;
|
||
background-position: right;
|
||
|
||
/* Shadow 1 */
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
margin: 10px;
|
||
|
||
}
|
||
.cards_item_4_right{
|
||
float: right;
|
||
border-radius: 10px;
|
||
background: url(/static/img/png/cards_item_4.png), lightgray 50% / cover no-repeat;
|
||
width: 45%;
|
||
height: 322px;
|
||
|
||
}
|
||
|
||
|
||
.card_title_1{
|
||
color: #FFF;
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px; /* 118.182% */
|
||
margin: 67px 0 0 20px;
|
||
}
|
||
.card_title_2{
|
||
color: #FFF;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 36px; /* 150% */
|
||
margin: 15px 0 0 20px;
|
||
}
|
||
.card_title_3{
|
||
color: #FFF;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
margin: 20px 0 0 20px;
|
||
|
||
}
|
||
|
||
/*faq_main_page*/
|
||
|
||
.faq_main_page {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
.faq_main_page>h2{
|
||
margin-top: 120px;
|
||
}
|
||
|
||
|
||
details{
|
||
display: block;
|
||
background: #fff;
|
||
width: 87%;
|
||
box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
margin-bottom: 1.5rem;
|
||
margin-right: 22px;
|
||
}
|
||
|
||
|
||
summary::-webkit-details-marker{display:none;}
|
||
summary::-moz-list-bullet{list-style-type:none;}
|
||
summary::marker{display:none;}
|
||
summary {
|
||
display: block;
|
||
padding: 0.3em 1em 0.3em 0.9em;
|
||
font-size: 1.4em;
|
||
cursor: pointer;
|
||
position: relative;
|
||
margin: 10px 0 10px 0px;
|
||
}
|
||
summary:before {
|
||
top: 10px;
|
||
right: 20px;
|
||
color: transparent;
|
||
background: white url("/static/img/png/icon-arrow.svg") no-repeat 50% 50% / 1em 1em;
|
||
width: 1em;
|
||
height: 1em;
|
||
content: "";
|
||
position: absolute;
|
||
transition: transform .5s;
|
||
}
|
||
details[open] > summary:before {
|
||
transform: scale(1,-1);
|
||
background: white url("/static/img/png/icon-arrow.svg") no-repeat 50% 50% / 1em 1em;
|
||
|
||
}
|
||
summary ~ * {
|
||
padding: 0 1em 10px 1.4em;
|
||
}
|
||
details[open] summary ~ *{
|
||
animation: sweep .5s ease-in-out;
|
||
}
|
||
@keyframes sweep {
|
||
0% {opacity: 0;}
|
||
100% {opacity: 1;}
|
||
}
|
||
/*summary:focus {*/
|
||
/* outline:0;*/
|
||
/* box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);*/
|
||
/*}*/
|
||
|
||
/*END faq_main_page*/
|
||
|
||
/*news_block_main_page*/
|
||
.news_block_main {
|
||
display: flex;
|
||
/*margin: 0 80px 120px 80px;*/
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
width: 100%;
|
||
}
|
||
|
||
.news_item_static{
|
||
margin: 0 20px;
|
||
}
|
||
|
||
.news_item, .news_item_static {
|
||
width: 32%;
|
||
margin-bottom: 2%;
|
||
background-color: white;
|
||
filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20));
|
||
border-radius: 20px;
|
||
height: 460px;
|
||
}
|
||
|
||
|
||
.news_item>a>div{
|
||
margin: 20px;
|
||
overflow-wrap: break-word;
|
||
}
|
||
.news_item>div{
|
||
margin: 10px;
|
||
overflow-wrap: break-word;
|
||
}
|
||
.news_item>a{
|
||
color: black;
|
||
height: 460px;
|
||
display: block;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.news_item_static>a>div{
|
||
margin: 20px;
|
||
overflow-wrap: break-word;
|
||
}
|
||
.news_item_static>div{
|
||
margin: 10px;
|
||
overflow-wrap: break-word;
|
||
}
|
||
.news_item_static>a{
|
||
color: black;
|
||
height: 460px;
|
||
display: block;
|
||
overflow: hidden;
|
||
}
|
||
|
||
|
||
.news_img>img{
|
||
object-fit: cover;
|
||
width: 100%;
|
||
border-radius: 10px;
|
||
aspect-ratio: 4 / 3;
|
||
max-height: 300px;
|
||
}
|
||
|
||
|
||
.news_gradient{
|
||
width: 100%;
|
||
height: 46px;
|
||
border-radius: 10px;
|
||
background: linear-gradient(0deg, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
|
||
margin: 0 !important;
|
||
position: absolute;
|
||
bottom: -2%;
|
||
right: 0;
|
||
|
||
}
|
||
/*END news_block_main_page*/
|
||
|
||
/*end_static_pages*/
|
||
|
||
|
||
|
||
/*user_articles*/
|
||
|
||
.wrapper_name_art {
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
text-align: center;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.wrapper_text_art{
|
||
/*width: 1280px;*/
|
||
margin: auto;
|
||
}
|
||
.wrapper_text_art>p{
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
}
|
||
.wrapper_text_art>p>a{
|
||
color: #272424;
|
||
text-decoration: underline;
|
||
}
|
||
.wrapper_text_art>ul li{
|
||
list-style: disc;
|
||
}
|
||
|
||
.wrapper_text_art>blockquote {
|
||
padding-left: 30px;
|
||
border-left: 4px solid #e2e2e2;
|
||
font-style: italic;
|
||
}
|
||
|
||
/*END_user_articles*/
|
||
/*news articles all*/
|
||
.advertisement_block_news{
|
||
/*text-align: center;*/
|
||
/*background: #FFF;*/
|
||
/*box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);*/
|
||
margin-bottom: 40px;
|
||
}
|
||
.advertisement_content>img{
|
||
width: 100%;
|
||
border-radius: 10px;
|
||
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
|
||
|
||
}
|
||
|
||
.wrapper_advertisement {
|
||
/*padding-top: 140px;*/
|
||
}
|
||
|
||
.three_pinned_news{
|
||
display: flex;
|
||
/*margin: 0 80px 0 80px;*/
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
|
||
.news_item_pagination{
|
||
width: 100%;
|
||
background: white;
|
||
margin: 0 auto 10px;
|
||
border-radius: 15px;
|
||
}
|
||
|
||
.news_item_pagination>a{
|
||
color: black;
|
||
}
|
||
|
||
|
||
.pag_news_img {
|
||
width: 20%;
|
||
|
||
}
|
||
.pag_news_item_text{
|
||
width: 76%;
|
||
}
|
||
|
||
.news_item_pagination.odd .pag_news_img,
|
||
.news_item_pagination.odd .pag_news_item_text{
|
||
float: left;
|
||
margin: 10px;
|
||
overflow-wrap: break-word;
|
||
}
|
||
.news_item_pagination.even .pag_news_img,
|
||
.news_item_pagination.even .pag_news_item_text{
|
||
float: right;
|
||
margin: 10px;
|
||
overflow-wrap: break-word;
|
||
}
|
||
.news_header{
|
||
font-size: 17px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.self_news_header{
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 36px;
|
||
margin-bottom: 40px;
|
||
}
|
||
.self_news_description{
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.self_news_text>p+img{
|
||
text-align: center;
|
||
}
|
||
|
||
.self_news_text>p>a{
|
||
color: black;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.self_news_img{
|
||
float: right;
|
||
width: 40%;
|
||
margin-left: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
|
||
.previous_next_news{
|
||
display: flex;
|
||
/*justify-content: space-between;*/
|
||
margin-top: 30px;
|
||
}
|
||
|
||
|
||
|
||
.self_news_text{
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
/*END news articles all*/
|
||
|
||
|
||
|
||
|
||
|