2826 lines
50 KiB
CSS
2826 lines
50 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%;
|
||
}
|
||
|
||
.wrapper_content {
|
||
margin: 20px;
|
||
max-width: 1280px;
|
||
position: relative;
|
||
min-height: 695px;
|
||
}
|
||
|
||
/*.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;
|
||
}
|
||
|
||
header {
|
||
margin-top: 20px;
|
||
padding: 5px 10px;
|
||
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;
|
||
}
|
||
|
||
.first-column>div:nth-child(2)>div:last-child>input {
|
||
width: 276px;
|
||
padding: 19px 0 19px 10px;
|
||
border-radius: 10px;
|
||
border: 1px solid black;
|
||
}
|
||
|
||
.first-column>div:nth-child(2)>div:last-child {
|
||
display: flex;
|
||
}
|
||
|
||
.first-column>div:nth-child(2)>div:last-child>input::placeholder {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
|
||
|
||
.first-column>div:nth-child(2)>div:first-child {
|
||
color: #FFF;
|
||
/* Body text 3 */
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.first-column>div:first-child{
|
||
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: 21%;
|
||
margin-right: 35px;
|
||
}
|
||
|
||
|
||
.social_media_footer {
|
||
margin-top: 19px;
|
||
}
|
||
|
||
|
||
|
||
.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;
|
||
}
|
||
.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;
|
||
}
|
||
|
||
.second-column>div:first-child {
|
||
color: #FFF;
|
||
/* Heading 4 */
|
||
font-size: 20px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 28px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
|
||
.four-column>div:first-child {
|
||
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;
|
||
}
|
||
|
||
.four-column>div:last-child {
|
||
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;
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
.second-column>div:last-child>div>div {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.second-column>div:last-child>div>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>a:first-child {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.first-column>div:nth-child(2)>div:last-child>div {
|
||
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;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.dropdown {
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
|
||
.dropdown-content {
|
||
display: none;
|
||
position: absolute;
|
||
background-color: white;
|
||
border-radius: 10px;
|
||
width: 250px;
|
||
height: 382px;
|
||
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;
|
||
}
|
||
.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;
|
||
}
|
||
|
||
|
||
.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: block;
|
||
padding-top: 10px;
|
||
}
|
||
|
||
.header-second-item>a{
|
||
margin-right: 30px;
|
||
}
|
||
|
||
/*Language select*/
|
||
|
||
.dropbtn_lang {
|
||
padding: 7px 0 7px 0;
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 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/png/ru.png') 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;*/
|
||
/*}*/
|
||
|
||
.dropdown-content-lang a:first-child
|
||
{
|
||
background: url('/static/img/png/ru.png') no-repeat left center;
|
||
color: transparent;
|
||
padding: 10px;
|
||
}
|
||
|
||
.dropdown-content-lang a:last-child
|
||
{
|
||
background: url('/static/img/png/en.png') no-repeat left center;
|
||
color: transparent;
|
||
padding: 10px;
|
||
}
|
||
|
||
/* 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;
|
||
}
|
||
|
||
/* 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*/
|
||
|
||
|
||
.header-second>div>img{
|
||
margin-right: 5px;
|
||
}
|
||
#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;
|
||
}
|
||
|
||
.second-footer>div>div:last-child>div>a {
|
||
color: #272424;
|
||
/* Body text 2 */
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
.first-column>div:nth-child(2)>div:last-child>input: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%;
|
||
}
|
||
|
||
.inputs>div:first-child {
|
||
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;
|
||
}
|
||
|
||
.agree>div:first-child {
|
||
width: 50px;
|
||
}
|
||
|
||
.agree>div:last-child {
|
||
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;
|
||
}
|
||
|
||
.button_register>button {
|
||
display: block;
|
||
|
||
/* Body text 3 */
|
||
height: 60px;
|
||
width: 105%;
|
||
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);
|
||
}
|
||
#registration{
|
||
width: 102%;
|
||
}
|
||
|
||
.button_register {
|
||
width: 100%;
|
||
}
|
||
|
||
.switch {
|
||
width: 375px;
|
||
border-radius: 14px;
|
||
background: #FFF;
|
||
display: flex;
|
||
height: 70px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
|
||
|
||
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: 104%;
|
||
height: 60px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.inputs_l>input {
|
||
border-radius: 10px;
|
||
border: 1px solid #FF613A;
|
||
width: 98%;
|
||
height: 60px;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
section.login>form>div>div:nth-child(4) {
|
||
color: rgba(39, 36, 36, 0.60);
|
||
text-align: center;
|
||
/* Body text 3 */
|
||
font-family: Inter;
|
||
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;
|
||
}
|
||
|
||
section.login>form>div>div:nth-child(7) {
|
||
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;
|
||
}
|
||
|
||
section.login>form>div>div:nth-child(5)>a {
|
||
text-decoration: underline;
|
||
color: rgba(39, 36, 36, 0.60);
|
||
}section.login>form>div>div:nth-child(5) {
|
||
|
||
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;
|
||
}
|
||
|
||
/*.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-family: Inter;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 36px;
|
||
}
|
||
|
||
.info_profile>h1>span:first-child {
|
||
color: #FF613A;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.info_profile>h1>span:last-child {
|
||
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;
|
||
}
|
||
|
||
.info_profile>div:nth-child(4) {
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
margin-bottom: 40px;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.info_profile>div:nth-child(5) {
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.info_profile>div:nth-child(6) {
|
||
color: #272424;
|
||
font-family: Inter;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.info_profile>div:nth-child(4)>a {
|
||
color: #FF613A;
|
||
}
|
||
|
||
.info_profile>div:nth-child(5)>a {
|
||
color: #FF613A;
|
||
}
|
||
|
||
.info_profile>div:nth-child(6)>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: 14px;
|
||
}
|
||
span.errorlist{
|
||
color: red;
|
||
}
|
||
|
||
.receive_msg_by_email{
|
||
display: inline-block;
|
||
position: absolute;
|
||
bottom: 27%;
|
||
}
|
||
|
||
/*create new route*/
|
||
select#id_type_transport{
|
||
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;*/
|
||
|
||
}
|
||
form.new_route>div.range-slider{
|
||
margin-bottom: 30px;
|
||
margin-top: 30px;
|
||
display: block;
|
||
}
|
||
|
||
form.new_route{
|
||
width:100%;
|
||
|
||
}
|
||
|
||
.departure_arrival>div:first-child,
|
||
.from_to_place>div:first-child,
|
||
.from_to_country>div:first-child,
|
||
.phone>div:first-child
|
||
{
|
||
width: 50%;
|
||
float: left;
|
||
margin-bottom: 20px;
|
||
|
||
|
||
}
|
||
.departure_arrival>div:nth-child(2),
|
||
.from_to_place>div:nth-child(2),
|
||
.from_to_country>div:nth-child(2)
|
||
|
||
{
|
||
width: 50%;
|
||
float: right;
|
||
margin-bottom: 20px;
|
||
|
||
}
|
||
.phone>div:nth-child(2){
|
||
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;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
div.departure_arrival>div>input{
|
||
display: block;
|
||
border-radius: 15px;
|
||
border: 1px solid #E6E6E6;
|
||
color: #272424;
|
||
font-family: Inter;
|
||
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;
|
||
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
/*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;
|
||
}
|
||
|
||
.autocomplete-result:last-child {
|
||
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: #F8F8F8;
|
||
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;
|
||
}
|
||
|
||
|
||
|
||
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;
|
||
}
|
||
|
||
|
||
/*.checkbox_cargo_type>div:nth-child(1){*/
|
||
/* flex-shrink: 1;*/
|
||
/*}*/
|
||
/*.checkbox_cargo_type>div:nth-child(2){*/
|
||
/* flex-shrink: 1;*/
|
||
/*}*/
|
||
/*.checkbox_cargo_type>div:nth-child(3){*/
|
||
/* flex-shrink: 1;*/
|
||
/*}*/
|
||
/*.checkbox_cargo_type>div:nth-child(4){*/
|
||
/* flex-shrink: 1;*/
|
||
/*}*/
|
||
/*.checkbox_cargo_type>div:nth-child(5){*/
|
||
/* flex-shrink: 1;*/
|
||
/*}*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/*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;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
|
||
|
||
.route_info_about>span:first-child{
|
||
background: url("/static/img/png/Tag.png") left center no-repeat;
|
||
margin: 0 20px 0 20px;
|
||
padding-left: 15px;
|
||
|
||
}
|
||
.route_info_about>span:nth-child(2){
|
||
background: url("/static/img/png/Scales.png") left center no-repeat;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
.route_info_about>span:last-child{
|
||
background: url("/static/img/png/Airplane.png") left center no-repeat;
|
||
float: right;
|
||
margin-right: 20px;
|
||
padding-left: 15px;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
|
||
button#remove_route {
|
||
height: 44px;
|
||
width: 285px;
|
||
}
|
||
button.confirm_remove{
|
||
width: 49.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;
|
||
}
|
||
|
||
button.cancel_remove{
|
||
width: 49.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;
|
||
|
||
}
|
||
|
||
|
||
/*Static_pages*/
|
||
#title_static{
|
||
text-align: center;
|
||
font-size: 44px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 52px;
|
||
margin-bottom: 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: 0 auto;
|
||
|
||
|
||
}
|
||
|
||
.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 40px 0 40px;
|
||
width: 90%;
|
||
}
|
||
.mid_block_static>.text_wrapper>span{
|
||
display: block;
|
||
width: 50%;
|
||
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;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.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: 30%;
|
||
}
|
||
.bottom_block_static>form>.button_register{
|
||
margin: auto;
|
||
padding: 10px;
|
||
width: 30%;
|
||
}
|
||
|
||
.bottom_block_static img:nth-child(4) {
|
||
/* Положение нижнего левого изображения */
|
||
left: -10%;
|
||
bottom: -7%;
|
||
|
||
}
|
||
|
||
.bottom_block_static img:nth-child(5) {
|
||
/* Положение верхнего левого изображения */
|
||
top: 16%;
|
||
left: -2%;
|
||
transform: scale(-1, 1);
|
||
|
||
|
||
}
|
||
|
||
.bottom_block_static img:nth-child(6) {
|
||
/* Положение нижнего правого изображения */
|
||
right: -10%;
|
||
bottom: -4%;
|
||
transform: scale(1, -1);
|
||
}
|
||
|
||
|
||
|
||
.bottom_block_static img:nth-child(7) {
|
||
/* Положение верхнего правого изображения */
|
||
top: 18%;
|
||
right: -1%;
|
||
}
|
||
|
||
|
||
|
||
|
||
.button_container{
|
||
text-align: -webkit-center;
|
||
width: 100%;
|
||
margin-top: 40px;
|
||
}
|
||
|
||
#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);
|
||
|
||
|
||
|
||
}
|
||
|
||
.benefit_img_item{
|
||
width: 30%
|
||
}
|
||
|
||
|
||
|
||
.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%;
|
||
}
|
||
.right_inputs_form{
|
||
float: right;
|
||
width: 50%;
|
||
}
|
||
|
||
.counter-box{
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
|
||
.counter-box>textarea{
|
||
border-radius: 10px;
|
||
border: 1px solid #FF613A;
|
||
width: 100%;
|
||
height: 130px;
|
||
min-width: 65px;
|
||
padding: 10px 0 0 10px;
|
||
max-width: 100%;
|
||
min-width: 100%;
|
||
}
|
||
.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: 104%;
|
||
margin-top: 13px;
|
||
}
|
||
|
||
.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: 90%;
|
||
margin: auto;
|
||
}
|
||
.pre_bottom_block_static>h2{
|
||
margin-top: 120px;
|
||
}
|
||
|
||
.cards_wrapper{
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
|
||
.cards_item_1{
|
||
width: 48%;
|
||
height: 322px;
|
||
border-radius: 10px;
|
||
background: url(/static/img/png/cards_item_1.png) #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_left,
|
||
.cards_item_2_left,
|
||
.cards_item_3_left,
|
||
.cards_item_4_left{
|
||
width: 55%;
|
||
float: left;
|
||
}
|
||
|
||
|
||
|
||
.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%;
|
||
height: 322px;
|
||
border-radius: 10px;
|
||
background: url(/static/img/png/cards_item_2.png) 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_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%;
|
||
height: 322px;
|
||
border-radius: 10px;
|
||
background: url(/static/img/png/cards_item_3.png) 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%;
|
||
height: 322px;
|
||
border-radius: 10px;
|
||
background: url(/static/img/png/cards_item_4.png), #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: 104px 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;
|
||
width: 50%;
|
||
}
|
||
|
||
/*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: .4em;
|
||
right: .3em;
|
||
color: transparent;
|
||
background: url(/static/img/svg/icon_cross.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: url(/static/img/svg/icon_cross_2.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 {
|
||
width: 48%;
|
||
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_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{
|
||
height: 200px;
|
||
text-align: center;
|
||
border-radius: 10px;
|
||
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;
|
||
}
|
||
|
||
.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: 90%;
|
||
background: white;
|
||
margin: 0 auto 10px;
|
||
border-radius: 15px;
|
||
}
|
||
.pag_news_img {
|
||
width: 20%;
|
||
|
||
}
|
||
.pag_news_item_text{
|
||
width: 76%;
|
||
}
|
||
|
||
.news_item_pagination:nth-child(odd) .pag_news_img,
|
||
.news_item_pagination:nth-child(odd) .pag_news_item_text{
|
||
float: left;
|
||
margin: 10px;
|
||
overflow-wrap: break-word;
|
||
}
|
||
.news_item_pagination:nth-child(even) .pag_news_img,
|
||
.news_item_pagination:nth-child(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;
|
||
}
|
||
.self_news_header{
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 36px;
|
||
margin-bottom: 40px;
|
||
}
|
||
.self_news_description{
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.self_news_text>p+img{
|
||
text-align: center;
|
||
}
|
||
|
||
.self_news_text>p>a{
|
||
color: black;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.self_news_img{
|
||
float: right;
|
||
width: 30%;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
|
||
.previous_next_news{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 30px;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
/*END news articles all*/
|
||
|
||
|
||
|
||
|
||
|