/* ============================================
   CONSOLIDATED PAGE-SPECIFIC STYLES
   All page styles consolidated into one file for better maintainability
   ============================================ */


/* === EQUIPMENT RENT PAGE === */
h2{
    color: #0C5E8D;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 65px;
    margin-top: 62px;
}
.equipment .container{
    max-width: 1600px !important;
    font-family: "Roboto-Regular-Regular", sans-serif;
}
.equipment__button{
    border-radius: 1200px;
    border: none;
    font-size: 11px;
    min-height: 30px;
    min-width: 75px;
}
.equipment__button_primary{
    background-color: #548EB4;
    color: #fff;
}
.equipment__button_secondary{
    background-color: inherit;
    color: #548EB4;
}
.equipment__button_danger{
    background-color: #EE3F3F;
    min-width: 117px;
    margin-left: 15px;
}
.equipment__button_outline_primary{
    border: 1px solid #0C5E8D;
    border-radius: 5px;
    width: 52px;
    height: 26px;
    color: #0C5E8D;
    font-size: 10px;
}
aside{
    max-width: 100% !important;
    display: block;
    visibility: visible;
    background-color: #fff;
    z-index: 10000;
    font-family: "Roboto-Regular", sans-serif;
    box-shadow: 20px 0 20px rgba(0,0,0,.2);
    margin: 0;
    padding-top: 290px;
    padding-bottom: 80%;
}
.aside__showbutton{
    margin-top: 20px;
    display: none;
}
.aside__showbutton::after{
    content: "";
}
.aside__showbutton_close{
    display: none;
}
.aside__showbutton_close::after{
    position: absolute;
    content: url(../images/cross.svg);
}
.aside__options{
    margin: auto;
    max-width: 205px;
}
.aside__field{
    width: 205px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #0C5E8D;
    border-radius: 120px;
    color: #0C5E8D;
    text-align: left;
    margin-bottom: 20px;
}
.field_search{
    padding-left: 35px;
    background: url(../images/search.svg) no-repeat 5% 50%;
    background-size: 15px 15px; 
}
.field_search::placeholder{
    color: #0C5E8D;
}
.aside__text{
    color: #0C5E8D;
    margin-left: 10px;
    margin-top: 0;
}
.aside__field:after{
    position: absolute;
    right: 20px;
    content: url(../images/arrow.svg);
}
.aside__dropdown_menu{
    width: 100%;
}
.main__view{
    color: #0C5E8D;
    font-weight: lighter;
    font-size: 18px;
    margin-bottom: 22px;
}
.view__img{
    height: 11px;
    width: 11px;
    margin-top: 4px;
}
.main__section{
    display: grid;
    grid-template-columns: 3fr 7fr 1fr;
    border: 1px solid #A0A0A055;
    padding: 18px 25px;
    margin-bottom: 20px;
}
.equip__img{
    margin: auto;
}
.equip__description{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 39px 0 20px;
    color: #0C5E8D;
}
.equip__description h3{
    font-weight: bold;
    font-size: 20px;
    color: #013655;
}
.equip__actions{
    color: #0C5E8D;
    display: flex;
    flex-direction: column-reverse;
}
.actions__row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.actions__star{
    cursor: pointer;
}
.paginator{
    display: flex;
    justify-content: center;
    margin: 40px 0;
}
.paginator__entry{
    color: #0C5E8D;
    font-size: 13px;
    line-height: 18px; 
    text-align: center;
    padding: 7px 12px;
    border: 1px solid #0C5E8D;
    border-radius: 100%;
    margin-left: 20px;
}
.paginator__entry_dots{
    font-weight: bold;
    font-size: 30px;
    border: none;
}

@media screen and (max-width: 1000px){
    aside{
        display: none;
        position: absolute !important;
        height: 300px;
        top: 260px;
        left: 0;
        right: 0;
        padding: 0px;
        width: 100%;
    }
    .aside__showbutton{
        display: block;
    }
    .main__view{
        font-size: 18px;
    }
    .main__section{
        grid-template-rows: 6fr 1fr;
        grid-template-columns: 4fr 4fr 2fr;
        padding: 18px 7px;
    }
    .equip__description h3{
        font-size: 20px;
    }
    .equip__description{
        font-size: 10px;
    }
    .equip__img{
        width: 150px;
        height: 125px;
    }
    .equip__actions{
        grid-row: 2;
        grid-column: 3;
    }
    .equip__description{
        grid-column: 2/4;
    }
}
@media screen and (max-width: 820px){
    aside{
        top: 200px;
    }
}
@media screen and (max-width: 500px){
     h2{
        font-weight: bold;
        font-size: 25px;
        margin: 15px;
    }
    .equipment__button_danger{
        margin: 0;
    }
}
/* === EQUIPMENT GRID VIEW === */
.equips__container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
}
.main__section{
    grid-template-rows: 5fr 1fr;
    grid-template-columns: 2fr 3fr;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
}
.equip__img{
    height: 150px;
    max-width: 170px;
}
.equip__actions{
    grid-row: 2;
    grid-column: 1/3;
}
.description__buttons{
    display: flex;
}
/* === TENDERS PAGE === */
.tendersbox .container{
    max-width: 1600px !important;
    margin-top: -20px;
    font-family: "Roboto-Regular", sans-serif;
}
aside{
    margin: 0;
    box-shadow: 10px 0 20px rgba(0,0,0, .2);
    background-color: #fff;
}
.row_ultra{
    margin-top: -20px;
    display: none;
}
h2{
    font-weight: bold;
    text-align: center;
    color: #0C5E8D;
    font-size: 70px;
    line-height: 82px;
}
h3{
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
}
p{
    font-family: "Roboto-Regular", sans-serif;
    font-size: 20px;
    line-height: 23px;
}
.row{
    margin-top: 20px !important;
}
main{
    padding: 34px 70px 50px 70px;
    text-align: justify;
    font-family: "Roboto-Regular", sans-serif;
}
.input {
    border: 1px solid #0C5E8D;
    box-sizing: border-box;
    border-radius: 200px;
    padding: 10px 32px 8px;
    margin-right: 24px;
    width: 100%;
}
.input::placeholder{
    color: #548EB4;
    font-size: 20px;
}
.btn{
    border-radius: 200px;
    width: 100%;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}
.btn-primary{
    background-color: #0A4073;
    font-size: 20px;
    line-height: 27px;
    box-shadow: 0 5px 10px #00000033;
}
.btn-danger{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}
.trend__nav{
    display: flex;
    justify-content: space-between;
    margin: auto;
}
.trend__link{
    color: #000;
    font-size: 20px;
    line-height: 27px;
}
.trend__link_active{
    font-weight: bold;
}
.input-group-prepend .btn{
    border-radius: 0;
    border: 1px solid #0C5E8D44;
    color: #0C5E8D;
}
.input-group-prepend{
    width: 100% !important;
    flex-direction: row-reverse;
}
.table{
    padding: 28px 35px;
    border: 1px solid #0C5E8D44;
    border-radius: 5px;
}
.table__row{
    display: flex;
    justify-content: space-between;
    text-align: left;
    border-bottom: 1px solid #0C5E8D44;
    padding: 14px 0;
}
.table__row_last{
    border: none;
    flex-direction: row-reverse;
}
.row__type{
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
}
.row__value{
    width: 50%;
    font-size: 15px;
    line-height: 18px;
}
.row__value p{
    font-size: 15px;
}
.table__row .btn{
    border: none;
    border-radius: 200px !important;
    max-width: 150px;
}
.table__row .btn-danger{
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
.paginator{
    display: flex;
    justify-content: center;
}
.paginator__entry{
    color: #0C5E8D;
    font-size: 13px;
    line-height: 18px; 
    text-align: center;
    padding: 7px 12px;
    border: 1px solid #0C5E8D;
    border-radius: 100%;
    margin-left: 20px;
}
.paginator__entry_dots{
    font-weight: bold;
    font-size: 30px;
    border: none;
}
.aside__container{
    padding-top: 372px;
}
.notices{
    border: 1px solid #0C5E8D44;
    border-radius: 21px;
    padding: 0;
    margin-bottom: 50px;
}
.notices__head{
    background-color: #0C5E8D;
    padding: 18px 40px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
}
.notices__head::before{
    position: absolute;
    left: 25px;
    content: url(../images/globe.svg);
    color: #fff;
}
.notices__head::after{
    position: absolute;
    content: url(../images/arrow-down.svg);
    right: 40px;
}
.notices__table{
    padding: 18px;
    width: 100%;
}
.notices__table .table__row{
    border-bottom: 1px solid #0C5E8D;
    font-size: 13px;
    line-height: 15px;    
}
.trend__nav, .nav__button{
    margin-top: 30px;
}

.aside__button{
    border-radius: 5px;
    border-color: #0C5E8D;
    color: #0C5E8D;
    width: 100%;
    font-size: 10px;
    line-height: 20px;
    display: none;
}
.tenders__input{
    display: flex;
    justify-content: space-between;
}
.tenders__input div{
    flex-grow: 1;
    text-align: left;
}
.tenders__input div .btn{
    border-radius: 0;
    color: #0C5E8D;
    border-color: #0C5E8D;
    width: 100%;
}
.tenders__input div .dropdown-menu {
    position: absolute;
    left: 0;
    flex-shrink: 10;
}
@media screen and (max-width: 992px){
    .row_ultra{
        display: flex;
    }
    p{
        font-size: 15px;
        line-height: 18px;
    }
    aside{
        position: absolute !important;
        display: none;
        z-index: 100000;
    }
    .aside__container{
        padding: 0;
    }
    .tenders__input{
        flex-direction: column !important;
    }
    .tenders__input .btn{
        font-size: 18px;
        line-height: 21px;
        padding: 21px 39px;
    }
    .aside__button{
        display: block;
        visibility: visible;
    }
}
/* === AUCTION / JOIN LINE PAGE === */
.jobline .container {
	max-width: 100%;
	font-family: "Roboto-Regular", sans-serif !important;
	margin-top: -20px;
}

aside {
	margin: 0;
	visibility: visible;
	box-shadow: 10px 0 20px rgba(0, 0, 0, .2);
	background-color: #fff;
}

.aside__row {
	display: none;
}

h2 {
	font-weight: bold;
	text-align: center;
	color: #0C5E8D;
	font-size: 70px;
	line-height: 82px;
}

p {
	font-family: "Roboto-Regular", sans-serif;
	font-size: 20px;
	line-height: 23px;
}

.row {
	margin-top: 20px !important;
}

main {
	padding: 34px 70px 50px 70px;
	text-align: justify;
	font-family: "Roboto-Regular", sans-serif;
}

.input {
	display: block;
	border: 1px solid #0C5E8D;
	box-sizing: border-box;
	border-radius: 200px;
	padding: 10px 32px 8px;
	margin-right: 24px;
	max-width: 205px;
	height: 35px;
	background-color: #fff !important;
	color: #0C5E8D !important;
}

.input:hover {
	background-color: #fff;
}

.dropdown .show {
	background-color: #fff;
}

.input::placeholder {
	color: #548EB4;
	font-size: 20px;
}

.btn {

	border-radius: 1200px;
	border: none;
	font-size: 11px;
	min-height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	width: 100%;
	color: #fff;
	margin-bottom: 10px;
}

.btn-primary {
	background-color: #013655;
	font-size: 11px;
	line-height: 15px;
	padding: 2px 0;
	max-height: 22px;
	max-width: 131px;

}

.btn-danger {
	background-color: #DD4A4A;
	font-size: 11px;
	line-height: 15px;
	padding: 2px 0;
	max-height: 22px;
	max-width: 131px;
	margin-bottom: 5px;
}

.trend__nav {
	display: flex;
	justify-content: space-between;
	margin: auto;
}

.trend__link {
	color: #000;
	font-size: 20px;
	line-height: 27px;
}

.trend__link_active {
	font-weight: bold;
}

.input-group-prepend .btn {
	border-radius: 0;
	border: 1px solid #0C5E8D44;
	color: #0C5E8D;
}

.input-group-prepend {
	width: 100% !important;
	flex-direction: row-reverse;
}

.table {
	padding: 28px 35px;
	border: 1px solid #0C5E8D44;
	border-radius: 5px;
}

.table__row {
	display: flex;
	justify-content: space-between;
	text-align: left;
	border-bottom: 1px solid #0C5E8D44;
	padding: 14px 0;
}

.table__row_last {
	border: none;
	flex-direction: row-reverse;
}

.row__type {
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
}

.row__value {
	width: 50%;
	font-size: 15px;
	line-height: 18px;
}

.table__row .btn {
	border: none;
	border-radius: 200px !important;
	max-width: 150px;
}

.table__row .btn-danger {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}

.paginator {
	display: flex;
	justify-content: center;
}

.paginator__entry {
	color: #0C5E8D;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	padding: 7px 12px;
	border: 1px solid #0C5E8D;
	border-radius: 100%;
	margin-left: 20px;
}

.paginator__entry_dots {
	font-weight: bold;
	font-size: 30px;
	border: none;
}

.aside__container {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	padding-top: 260px;
	padding-bottom: 560px;
	height: 100%;
}

.filter-full {
	width: 100%;
}

.filer form {
	margin-left: auto;
	margin-right: auto;
}

.filter__label {
	margin-left: 20px;
	color: #0C5E8D;
	margin-top: 10px;
}

.trend__nav, .nav__button {
	margin-top: 30px;
}

.aside__button {
	max-width: 55px;
	max-height: 22px;
	border-radius: 5px;
	border-color: #0C5E8D;
	color: #0C5E8D;
	width: 100%;
	font-size: 10px;
	line-height: 10px;
	display: none;
}

.aside__row {
	display: none;
}

.tenders__input {
	display: flex;
	justify-content: space-between;
}

.tenders__input div {
	flex-grow: 1;
	text-align: left;
}

.tenders__input div .btn {
	border-radius: 0;
	color: #0C5E8D;
	border-color: #0C5E8D;
	width: 100%;
}

.tenders__input div .dropdown-menu {
	position: absolute;
	left: 0;
	flex-shrink: 10;
}

.btn-form {
	max-width: 75px;
	background: #548EB4;
	font-size: 11px;
	margin-top: 20px;
	padding: 3px 20px;
	align-self: left;
}

.view-as {
	font-size: 18px;
	color: #013655;
}

.showing {
	font-size: 18px;
	color: #013655;
}

.post-showing {
	display: flex;
	justify-content: flex-end;
	margin-top: 3%;
	color: #013655;
}

.lot-grid {
	font-size: 13px;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 170px repeat(7, minmax(10px, 1fr));
	margin-bottom: 40px;
	margin-top: 40px;
}

.lot-grid__head {
	margin-bottom: 0;
}

.lot-grid__head {
	display: none;
}

.lot-grid__head_first {
	display: grid;
}

.lot-grid__head .lot__entity {
	border: none;
	padding: 5px;
}

.lot__entity {
	position: relative;
	border-top: 1px solid rgba(84, 142, 180, 0.5);
	padding: 40px 0;
	margin-top: -10px;
	text-align: center;
}

.lot__entity::before {
	display: none;
	position: absolute;
	top: -25px;
	left: 38%;
}

.lot-grid_first .lot__entity::before {
	display: block;

}

.entity_id::before {
	content: '#Lot';
}

.entity_category::before {
	content: 'Category';
}

.entity_location::before {
	content: 'Location';
}

.entity_price::before {
	content: 'Price';
}

.entity_start::before {
	content: 'Start time';
}

.entity_end::before {
	content: 'End time';
}

.lot__watchlist {
	position: absolute;
	bottom: 47px;
	left: 30px;
}

.lot__watchlist a {
	display: inline-block;
	padding: 10px;
	padding-left: 42px;
	border: 1px solid #000;
	border-radius: 5px;
	color: #000;
	font-size: 12px;
	background: url(../images/watchstar.svg) no-repeat 9px 3px;
	line-height: 12px;
}

.lot__watchlist a.active {
	background: url(../images/watchstar_active.svg) no-repeat 9px 3px;
}

.lot__watchlist a:hover {
	background-color: #f1f1f1;
}

.lot__aware {
	position: absolute;
	bottom: 20%;
	right: 0;
	text-align: right;
	width: 300%;
}

.lot__click {
	position: absolute;
	bottom: 0;
	color: #FF0909;
}

.lot__id, .lot__category, .lot__location, .lot__price, .lot__start, .lot__end {

	margin-top: calc(50% - 35px);
}

.lot-buttons .btn {
	max-width: 131px;
	height: 27px;
	margin-bottom: 10px;
}

.lot-buttons {
	margin: auto;
	bottom: 20%;
}

.outlined_right {
	word-wrap: normal;
	right: 0;
	left: auto;
	text-align: right;
}

.outlined p {
	font-size: 12px;
	line-height: 12px;
}

.red_a {
	margin-top: 20px;
	color: #FF0909;
}

.time-left {
	display: flex;
	justify-content: center;
	max-width: 40%;
	margin: auto;
	margin-bottom: 20%;
	margin-top: 0;
}

.time-left > div {
	position: relative;
	background-color: #000;
	color: #fff;
	font-size: 11px;
	padding: 7px;
	margin-right: 7px;
}

.left_hours::after {
	position: absolute;
	bottom: -12px;
	left: 0;
	font-size: 8px;
	content: "Hours";
	color: #000;
	background-color: transparent;
}

.left_days::after {
	position: absolute;
	bottom: -12px;
	left: 0;
	font-size: 8px;
	content: "Days";
	color: #000;
	background-color: transparent;
}

.left_minutes::after {
	position: absolute;
	bottom: -12px;
	left: 0;
	font-size: 8px;
	content: "Minutes";
	color: #000;
	background-color: transparent;
}

.left_seconds::after {
	position: absolute;
	bottom: -12px;
	left: 0;
	font-size: 8px;
	content: "Seconds";
	color: #000;
	background-color: transparent;
}

.notinmin {
	display: auto;
	visibility: visible;
}

@media screen and (max-width: 992px) {
	p {
		font-size: 15px;
		line-height: 18px;
	}

	aside {
		position: absolute !important;
		display: none;
		z-index: 100000;
	}

	.aside__row {
		display: flex;
	}

	.aside__container {
		padding: 0;
	}

	.tenders__input {
		flex-direction: column !important;
	}

	.tenders__input .btn {
		font-size: 18px;
		line-height: 21px;
		padding: 21px 39px;
	}

	.aside__button {
		display: block;
		visibility: visible;
	}

	.notinmin {
		display: none;
		visibility: hidden;
	}

	.lot-grid {
		grid-template-columns: auto;
		grid-template-rows: 1fr 1fr;
		width: 100%;
	}

	.lot-grid__head {
		display: grid;
	}

	.lot__entity {
		max-height: 100px;
		padding: 20px 0;
	}

	.lot__entity::before {
		display: block;
	}

	.entity_location, .entity_price, .entity_start, .entity_end {
		grid-row: 2;
		margin-top: 50px;
	}

	.lot__id, .lot__category, .lot__location, .lot__price, .lot__start {
		margin-top: 10%;
	}

	.lot__end {
		margin-top: 0;
	}

	.aside__row {
		display: flex;
	}

	.lot-buttons {
		bottom: auto;
	}
}

@media screen and (max-width: 700px) {
	h2 {
		font-size: 30px;
		font-weight: bold;
	}

	.lot__watchlist {
		bottom: 0;
	}

	.lot__aware {
		bottom: 8%;
	}

	.lot__click {
		bottom: -8px;
	}
}

/* === JOIN GRID VIEW === */
.jobline .container{
    max-width: 1500px !important;
    font-family: "Roboto-Regular", sans-serif !important;
    margin-top: -20px;
}
aside{
    margin: 0;
    visibility: visible;
    box-shadow: 10px 0 20px rgba(0,0,0, .2);
    background-color: #fff;
}
.aside__row{
    display: none;
}
h2{
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    color: #0C5E8D;
    font-size: 70px;
    line-height: 82px;
}
p{
    font-family: "Roboto-Regular", sans-serif;
    font-size: 20px;
    line-height: 23px;
}
.row{
    margin-top: 20px !important;
}
main{
    padding: 34px 70px 50px 70px;
    text-align: justify;
    font-family: "Roboto-Regular", sans-serif;
}
.input {
    display: block;
    border: 1px solid #0C5E8D;
    box-sizing: border-box;
    border-radius: 200px;
    padding: 10px 32px 8px;
    margin-right: 24px;
    max-width: 205px;
    height: 35px;
    background-color: #fff !important;
    color: #0C5E8D !important;
}
.input:hover{
    background-color: #fff;
}
.dropdown .show{
    background-color: #fff;
}
.input::placeholder{
    color: #548EB4;
    font-size: 20px;
}
.btn{
    border-radius: 200px;
    width: 100%;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}
.btn-primary{
    background-color: #013655;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 0;
    max-height: 22px;
    max-width: 131px;
    
}
.btn-danger{
    background-color: #DD4A4A;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 0;
    max-height: 22px;
    max-width: 131px;
    margin-bottom: 5px;
}
.trend__nav{
    display: flex;
    justify-content: space-between;
    margin: auto;
}
.trend__link{
    color: #000;
    font-size: 20px;
    line-height: 27px;
}
.trend__link_active{
    font-weight: bold;
}
.input-group-prepend .btn{
    border-radius: 0;
    border: 1px solid #0C5E8D44;
    color: #0C5E8D;
}
.input-group-prepend{
    width: 100% !important;
    flex-direction: row-reverse;
}
.table{
    padding: 28px 35px;
    border: 1px solid #0C5E8D44;
    border-radius: 5px;
}
.table__row{
    display: flex;
    justify-content: space-between;
    text-align: left;
    border-bottom: 1px solid #0C5E8D44;
    padding: 14px 0;
}
.table__row_last{
    border: none;
    flex-direction: row-reverse;
}
.row__type{
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
}
.row__value{
    width: 50%;
    font-size: 15px;
    line-height: 18px;
}
.table__row .btn{
    border: none;
    border-radius: 200px !important;
    max-width: 150px;
}
.table__row .btn-danger{
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
.paginator{
    display: flex;
    justify-content: center;
}
.paginator__entry{
    color: #0C5E8D;
    font-size: 13px;
    line-height: 18px; 
    text-align: center;
    padding: 7px 12px;
    border: 1px solid #0C5E8D;
    border-radius: 100%;
    margin-left: 20px;
}
.paginator__entry_dots{
    font-weight: bold;
    font-size: 30px;
    border: none;
}
.aside__container{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    padding-top: 260px;
    padding-bottom: 560px;
    height: 100%;
}
.filter-full{
    width: 100%;
}
.filer form{
    margin-left: auto;
    margin-right: auto;
}

.filter__label{
    margin-left: 20px;
    color: #0C5E8D;
    margin-top: 10px;
}
.trend__nav, .nav__button{
    margin-top: 30px;
}

.aside__button{
    max-width: 55px;
    max-height: 22px;
    border-radius: 5px;
    border-color: #0C5E8D;
    color: #0C5E8D;
    width: 100%;
    font-size: 10px;
    line-height: 10px;
    display: none;
}
.tenders__input{
    display: flex;
    justify-content: space-between;
}
.tenders__input div{
    flex-grow: 1;
    text-align: left;
}
.tenders__input div .btn{
    border-radius: 0;
    color: #0C5E8D;
    border-color: #0C5E8D;
    width: 100%;
}
.tenders__input div .dropdown-menu {
    position: absolute;
    left: 0;
    flex-shrink: 10;
}
.btn-form{
    max-width: 75px;
    background: #548EB4;
    font-size: 11px;
    margin-top: 20px;
    padding: 3px 20px;
    align-self: left;
}
.view-as{
    font-size: 18px;
    color: #013655;
}
.showing{
    font-size: 18px;
    color: #013655;
}
.post-showing{
    display: flex;
    justify-content: space-between;
    margin-top: 3%;
    color: #013655;
}

.lot-grid{
    font-size: 13px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 170px repeat(7, minmax(10px, 1fr));
    margin: 30px 5px 2px 5px;
    padding-bottom: 20px;
    border: 1px solid rgba(84, 142, 180, 0.5);
}
.lot-grid__head{
    margin-bottom: 0;
}
.lot-grid__head{
    display: none;
}
.lot-grid__head_first{
    display: grid;
}
.lot-grid__head .lot__entity{
    border: none;
    padding: 5px;
}
.lot__entity{
    position: relative;
    border: none;
    padding: 40px 0;
    text-align: center;
}
.lot__entity::before{
    position: absolute;
    top: -25px;
    left: 38%;
}
.entity_id::before{
    content: '#Lot';
    display: none;
}
.entity_category::before{
    content: 'Category';
    display: none;
}
.entity_location::before{
    content: 'Location';
    display: none;
}
.entity_price::before{
    content: 'Price';
    display:none;
}
.entity_start::before{
    content: 'Start time';
    display: none;
}
.entity_end::before{
    content: 'End time';
    display: none;
}
.entity_buttons{
    grid-row: 2;
    grid-column: 1/10;
    border: none;
}

.lot__watchlist{
    position: absolute;
    bottom: 0;
}.lot__watchlist a {
     display: inline-block;
     padding: 10px;
     padding-left: 42px;
     border: 1px solid #000;
     border-radius: 5px;
     color: #000;
     font-size: 12px;
     background: url(../images/watchstar.svg) no-repeat 9px 3px;
     line-height: 12px;
 }

.lot__watchlist a.active {
    background: url(../images/watchstar_active.svg) no-repeat 9px 3px;
}

.lot__watchlist a:hover {
    background-color: #f1f1f1;
}
.lot__aware{
    position: absolute;
    bottom: 20%;
    right: 0;
    text-align: right;
    width: 300%;
    display: none;
}
.lot__click{
    position: absolute;
    bottom: 0;
    display: none;
    color: #FF0909;
}
.lot__id, .lot__category, .lot__location, .lot__price, .lot__start, .lot__end{
    margin-top: 50%;
    display: none;
}

.lot-buttons{
    margin: auto;
}
.outlined_right{
    word-wrap: normal;
    right: 0;
    left: auto;
    text-align: right;
}
.outlined p{
    font-size: 12px;
    line-height: 12px;
}
.red_a{
    margin-top: 20px;
    color: #FF0909;
}
.time-left{
    display: flex;
    justify-content: center;
    max-width: 40%;
    margin: auto;
    margin-bottom: 20%;
    margin-top: 0;
}
.time-left div{
    position: relative;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    padding-left: 2px;
    margin-right: 7px;
}
.left_hours::after{
    position: absolute;
    bottom: -12px;
    left: 0;
    font-size: 7px;
    content: "Hours";
    color: #000;
    background-color: transparent;
}
.left_days::after{
    position: absolute;
    bottom: -12px;
    left: 0;
    font-size: 7px;
    content: "Days";
    color: #000;
    background-color: transparent;
}
.left_minutes::after{
    position: absolute;
    bottom: -12px;
    left: 0;
    font-size: 7px;
    content: "Minutes";
    color: #000;
    background-color: transparent;
}
.left_seconds::after{
    position: absolute;
    bottom: -12px;
    left: 0;
    font-size: 7px;
    content: "Seconds";
    color: #000;
    background-color: transparent;
}
.notinmin{
    display: auto;
    visibility: visible;
}

.lot-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media screen and (max-width: 992px){
    p{
        font-size: 15px;
        line-height: 18px;
    }
    aside{
        position: absolute !important;
        display: none;
        z-index: 100000;
    }
    .aside__row{
        display: flex;
    }
    .aside__container{
        padding: 0;
    }
    .tenders__input{
        flex-direction: column !important;
    }
    .tenders__input .btn{
        font-size: 18px;
        line-height: 21px;
        padding: 21px 39px;
    }
    .aside__button{
        display: block;
        visibility: visible;
    }
    .notinmin{
        display: none;
        visibility: hidden;
    }
    .lot-grid{
        grid-template-columns: auto;
        grid-template-rows: 1fr 1fr;
        width: 100%;
    }
    .lot-grid__head{
        display: grid;
    }
    .btn-danger{
        margin: auto;
    }
    .lot__entity{
        max-height: 100px;
        padding: 50px 0;
    }
    .entity_location, .entity_price, .entity_start, .entity_end{
        grid-row: 2;
        margin-top: 50px;
    }
    .lot__id, .lot__category, .lot__location, .lot__price, .lot__start{
        margin-top: 10%;
    }
    .lot__end{
        margin-top: 0;
    }
}

@media screen and (max-width: 700px){
    h2{
        font-size: 30px;
        font-weight: bold;
    }
}

/* === INVESTMENT PAGE === */
.container{
    max-width: 1600px !important;
}
.investment{
    font-family: "Roboto-Regular", sans-serif;
}
.investment h2{
    color: #0C5E8D;
    font-weight: bold;
    font-size: 70px;
    line-height: 82px;
    text-align: center;
    margin: 25px;
}
.invest__button{
    min-width: 180px;
    height: 50px !important;
    border-radius: 100px !important;
    font-size: 20px !important;
    margin: 0 16px;
    border: none !important;
}
.invest__button_primary{
    background-color: #0C5E8D !important;
    box-shadow: 0px 5px 20px rgba(12, 94, 141, 0.45);
    border-radius: 100px;
}
.invest__button_light{
    background-color: transparent !important;
    color: #fff !important;
}
.invest__section{
    background-image: url(../images/invest/background0.svg), linear-gradient(111.97deg, #548EB4 0%, #FF7575 84.06%);
    background-repeat: no-repeat, no-repeat;
    background-position: 80% 100%;
    padding: 60px;
}
.invest__become{
    color: #fff;
}
.become__title{
    font-family: "Montserrat";
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 73px;
}
.become__give{
    font-size: 30px;
    line-height: 35px;
}
.become__options{
    opacity: 0.7;
    font-size: 20px;
    line-height: 23px;
}
.become__options li{
    margin-top: 15px;
}
.become__options li::before{
    content: url(../images/invest/marker.svg);
    margin-right: 12px;
}
.become__buttons{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    margin-right: 10%;
}
.buy__section h3{
    color: #0C5E8D;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 120px;
}
.buy__section h3::after{
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    content: "";
    width: 170px;
    border: 2px solid #0C5E8D;
}
.buy__payment{
    display: flex;
    justify-content: space-around;
}
.element__head{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 30%;
}
.element__title{
    color: #548EB4;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 15px;
}
.element__prev, .element__next{
    cursor: pointer;
    margin-left: 15px;
}
.element_inactive{
    opacity: .5;
    cursor: default;
}
.element__button{
    background-color: #DDD !important;
    border: none !important;
    height: 115px;
    width: 160px;
    font-weight: bold !important;
    font-size: 40px !important;
    color: #363636 !important;
}
.element__buttons{
    padding: 10px;
    background-color: #DDD;
    max-width: 500px;
    margin: auto;
    margin-bottom: 20px;
}
.element__button:not(:last-child){
    border-right: 2px solid #00000044 !important;
}
.buy__confirmation{
    text-align: center;
    margin-bottom: 52px;
}
.confirmation__title{
    margin-top: 10px;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    color: #548EB4;
}
.confirm__input{
    padding: 5px;
    opacity: 0.3;
    color: #000;
    font-size: 20px;
    line-height: 23px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

@media screen and (max-width: 500px){
    
    .investment h2{
        font-size: 45px;
        margin: 12px;
    }
    .investment h3{
        font-size: 23px;
    }
    .become__title{
        font-size: 23px;
    }
    .become__give{
        font-size: 15px;
    }
    .become__options{
        font-size: 13px;
    }
    .buy__payment{
        flex-direction: column;
    }
    .invest__section{
        padding-bottom: 520px;
    }
}
/* === NEWS PAGE === */
body{
	font-family: 'Roboto', sans-serif;
}


.section-padding{
	padding-bottom: 2vw;
}

.wrap{
	max-width: 1400px;
	padding: 0 15px;
	margin: 0 auto;
}


.section-title{
	font-weight: bold;
	text-align: center;
	font-size: 70px;
	line-height: 82px;
	letter-spacing: -2.5px;
	color: #0C5E8D;
	padding: 10px 0;
	margin-bottom: 20px;
}

.section-list{
	display: flex;
	align-items: center;
}

.section-list ul{
	display: flex;
}

.section-list h4{
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	color: #0C5E8D;
	margin-left: 20px;

}

.section-list a{
	font-size: 13px;
	line-height: 18px;
	color: #0C5E8D;
	margin-left: 10px;
}

.items-block1{
	margin-top: 50px;
	padding: 27px 20px;
	border: 1px solid #0C5E8D;
	border-radius: 2px;
	display: flex;
}


.items-block1-img{
	padding-right: 6px;
	position: relative;
}

.items-block1-img a{
	position: absolute;
	color: #fff;
	font-weight: bold;
	font-size: 150%;
	line-height: 27px;
	bottom: 60px;
	left: 0;
	margin-left: 40px;
	width: 80%;


}

.items-block1-img span{
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	position: absolute;
	bottom: 40px;
	left: 0;
	margin-left: 40px;
}

.items-block1-img div{
	position: absolute;
	width: 4px;
	height: 15px;
	background: #FFE81D;
	border-radius: 200px;
	bottom: 40px;
	left: 25px;
}

.items-block1-img img{


}

.items-block1-img-list11 img{
	width: 250px;
	height: 158px;
	padding: 2px 6px 5px 0;
}



.items-block1-img-list{

}

.items-block1-img-list1{
	display: flex;
	justify-content: center;

}

.items-block1-img-list11{
	position: relative;
}


.items-block1-img-list11 a{
	position: absolute;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	bottom: 40px;
	left: 0;
	margin-left: 15px;
	width: 80%;
	color: #fff;


}

.items-block1-img-list11 span{
	font-size: 10px;
	line-height: 14px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 0;
	margin-left: 25px;
}

.items-block1-img-list11 div{
	position: absolute;
	width: 4px;
	height: 15px;
	background: #FFE81D;
	border-radius: 200px;
	bottom: 20px;
	left: 15px;
}


.items-block1-img-list2{
	display: flex;
	justify-content: center;
}



.section2__flex{
	display: flex;
}


.section2__flex1-block{
	padding: 27px 20px;
	border: 1px solid #0C5E8D;
	border-radius: 2px;
	margin-bottom: 37px;
}

.section2__flex1-block-flex{
	display: flex;
	justify-content: center;
}

.section2__flex1-block h3{
	display: flex;
	align-items: flex-end;
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	color: #0C5E8D;
}

.block-h3{
	margin-bottom: 20px;
}

.block-h3 div{
	background: #14AE51;
	border-radius: 50px;
	width: 8px;
	height: 35px;
	margin-right:  20px;
}



.section2__flex1-block a{
	margin-left: 5px;
	font-size: 13px;
	line-height: 18px;
	color: #0C5E8D;
} 

.section2__flex1-block-block img{
	padding: 10px;
}

.section2__flex1-block-block a{
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	color: #0C5E8D;
	padding-bottom: 10px;
}

.section2__flex1-block-block p{
	font-size: 12px;
	line-height: 16px;
	color: #000;
	margin-top: 10px;

}

.secton2__flex2-block2-a{
	color: #000;
}

.block-h32{
	margin-bottom: 20px;
}

.block-h32 div{
	background: #AE1439;
	border-radius: 50px;
	width: 8px;
	height: 35px;
	margin-right:  20px;
}


.block-h33{
	margin-bottom: 20px;
}

.block-h33 div{
	background: #1464AE;
	border-radius: 50px;
	width: 8px;
	height: 35px;
	margin-right:  20px;
}

.section2__flex1-block-block{
	margin-right: 15px;
}

.section2__flex1-block-block:nth-child(3){
	margin-right: 0;
}


.section2__flex2{
	margin-left: 10px;
}

.secton2__flex2-block{
	padding: 27px 20px;
	border: 1px solid #0C5E8D;
	border-radius: 2px;
}

.secton2__flex2-block h3{
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	color: #0C5E8D;
	margin-bottom: 14px;
}
.secton2__flex2-block1{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.secton2__flex2-block1 img{
	margin-right: 10px;
	margin-top: 15px;
}

.secton2__flex2-block2:nth-child(1){
	margin-bottom: 66px;
}

.secton2__flex2-block2{
	margin-top: 26px;
	padding: 18px 20px 33px ;
	border: 1px solid #0C5E8D;
	border-radius: 2px;
}

.secton2__flex2-block2 h3{
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	color: #0C5E8D;
	margin-bottom: 24px;
}

.secton2__flex2-block2 p{
	font-size: 13px;
	line-height: 20px;
	padding: 11px 0;
	border-bottom: 1px solid rgba(84, 142, 180, 0.7);

}

.paginator{
	display: flex;
	justify-content: center;
	margin-top: 50px;
	margin-bottom: 42px;
}

.paginator__entry{
	color: #0C5E8D;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	padding: 7px 12px;
	border: 1px solid #0C5E8D;
	border-radius: 100%;
	margin-left: 20px;
}
.paginator__entry_dots{
	font-weight: bold;
	font-size: 30px;
	border: none;
}



@media(height: 850px){
	.section-padding{
		height: 20%
	}
}

@media(max-width: 1365px){
	.items-block1-img-list1 img{
		width: 235px;
	}
	.secton2__flex2-block2{
		margin-top: 106px;
	}

	.items-block1-img img{
		width: 360px;
		height: 311px;
	}
	.section2__flex1-block-block img{
		width: 275px;
		height: 140px;
	}
}
@media(max-width: 1300px){
	.secton2__flex2-block2{
		margin-top: 18px;
	}
	.section2__flex1-block{
		margin-bottom: 25px;
	}
	.secton2__flex2-block2 p{
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 10px;
	}
	.section2__flex1-block{
		padding: 10px 20px;
	}
}

@media (max-width: 1285px){
	.section2__flex1-block-block img {
		width: 250px;
		height: 140px;
	}
}

@media(max-width: 1200px){
	.secton2__flex2-block2{
		padding: 10px 20px 22px;
		margin-top: 21px;
	}
	.secton2__flex2-block2 p{
		font-size: 11px;
		line-height: 16px;
		padding-bottom: 16px;
	}
}

@media(max-width: 1190px){

}

@media(max-width: 1180px){
	.secton2__flex2-block{
		padding: 15px 20px;
	}
	.secton2__flex2-block2 p{
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 4px;
	}
	.secton2__flex2-block2 h3{
		margin-bottom: 11px;
	}
	.secton2__flex2-block2{
		margin-top: 30px;
	}
}
@media(max-width: 1190px){

}

@media(max-width: 1150px){

	.items-block1-img-list1 img{
		width: 228px;
	}
	.items-block1-img img{
		width: 340px;
	}
	.section2__flex1-block-block:nth-child(3){
		display: none;
	}
	.secton2__flex2-block2 p{
		padding: 6px 0;
	}
	.secton2__flex2-block2{
		margin-top: 132px;
	}
	.section2__flex1-block{
		margin-top: 10px;
	}
}
@media(max-width: 1130px){
	.secton2__flex2-block2{
		margin-top: 173px;
	}
}

@media(max-width: 1100px){
	.se{
		display: none;
	}
	.items-block1-img-list11 img{
		margin-left: 15px;
	}
	.items-block1-img-list11 a{
		margin-left: 25px;
	}
	.items-block1-img-list11 span{
		margin-left: 35px;
	}
	.items-block1-img-list11 div{
		left: 25px;
	}

	.items-block1-img{
		margin-left: 9%;
	}
}
@media(max-width: 1095px){
	.section2__flex1-block{
		margin-bottom: 31px;
	}
	.secton2__flex2-block2{
		margin-top:132px;
	}
	.section2__flex1-block{
		margin-bottom: 10px;
	}
}

@media(max-width: 1050px){

	.items-block1-img{
		margin-left: 7%;
	}
}

@media(max-width: 1020px){

	.items-block1-img{
		margin-left: 3%;
	}
}

@media(max-width: 948px){
	.items-block1-img-list11 img{
		margin-left: 0;
	}
	.section2__flex1-block{
		margin-bottom: 10px;
	}
	.secton2__flex2-block2{
		margin-top: 29px;
	}
	.secton2__flex2-block1{
		font-size: 12px;
	}
}

@media(max-width: 916px){
	.items-block1-img{
		margin-left: 0;
	}
}

@media(max-width: 900px){
	.section2__flex1-block-block img{
		width: 180px;
	}
}

@media(max-width: 875px){
	.section2__flex1-block{
		margin-bottom: 8px;
	}
	.secton2__flex2-block2{
		margin-top: 30px;
	}
}


@media(max-width: 865px){
	.items-block1-img img{
		width: 325px;
	}
	.items-block1{
		padding: 27px 8px;
	}
	.items-block1-img-list11 img{
		width: 100%;
	}
}
@media(max-width: 858px){
	.secton2__flex2-block2{
		margin-top: 78px;
	}
}

@media(max-width: 797px){
	.secton2__flex2-block2{
		margin-top: 139px;
	}
}


@media(max-width: 756px){
	.secton2__flex2-block2 p{
		padding-bottom: 24px;
	}
	.secton2__flex2-block2{
		margin-top: 22px;
	}
	.section2__flex1-block{
		margin-top: 25px;
	}
}



@media(max-width: 750px){
	.items-block1{
		display: block;
		width: 370px;
		margin: 45px auto;
	}
	.se{
		display: block;
	}
	.items-block1-img-list1{
		flex-direction: column;
	}
	.items-block1-img{
		display: none;
	}
	.items-block1-img-list11 img{
		width: 350px;
		height: 175px;
		margin-bottom: 10px;
	}
	.section-list ul{
		flex-wrap: wrap;
	}
	.section-list h4{
		margin-left: 9px;
	}
	.section-list{
		display: block;
	}
	.section2__flex1-block-flex{
		flex-direction: column;
	}
	.section2__flex{
		display: block;
		width: 370px;
		margin: 50px auto;
	}
	.section2__flex1-block-block:nth-child(3){
		display: block;
	}
	.section2__flex1-block-block img{
		width: 275px;
		margin-bottom: 20px;
	}
	.section2__flex1-block-block a{
		margin-bottom: 15px;
	}
	.section2__flex1-block-block p{
		margin-bottom: 15px;

	}
	.row{
		display: none;
	}
	.section2__flex2{
		margin-left: 0;
	}
}

@media(max-width: 405px){
	.items-block1-img-list11 img{
		width: 320px;
	}
	.items-block1{
		width: 340px;
	}
	.section2__flex{
		width: 340px;
	}
}

@media(max-width: 380px){
	.items-block1-img-list11 img{
		width: 300px;
	}
	.items-block1{
		width: 320px;
	}
	.section2__flex{
		width: 320px;
	}
}

@media(max-width: 350px){
	.items-block1-img-list11 img{
		width: 280px;
	}
	.items-block1{
		width: 300px;
	}
	.section2__flex{
		width: 300px;
	}
	.section2__flex1-block-block img{
		width: 280px;
	}
	.section2__flex1-block{
		padding: 10px 8px;
	}
}
@media(max-width: 335px){
	.items-block1-img-list11 img{
		width: 260px;
	}
	.items-block1{
		width: 280px;
	}
	.section2__flex{
		width: 280px;
	}
	.section2__flex1-block-block img{
		width: 260px;
	}
}


@media(max-width: 325px){
	.items-block1-img-list11 img{
		width: 250px;
	}
	.items-block1{
		width: 270px;
	}
	.section2__flex{
		width: 270px;
	}
	.section2__flex1-block-block img{
		width: 250px;
	}
}


/* === BRANCHES PAGE === */
.branchesbox .container{
    max-width: 1600px !important;
}
h2{
    font-weight: bold;
    font-size: 70px;
    color: #0C5E8D;
    text-align: center;
}
hr{
    background-color: #0C5E8D;
    opacity: .3;
}
.branches{
    font-family: "Roboto-Regular", sans-serif !important;
}
.branches__button{
    min-width: 87px;
    max-height: 31px;
    border-radius: 5px;
}
.branches__button_primary{
    border-color: #0C5E8D;
    background-color: #0C5E8D;
    color: #fff;
}
.branches__button_primary_outline{
    background-color: #fff;
    color: #0C5E8D;
    border-color: #0C5E8D;
}
.search{
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px;
}
.search__field{
    background-color: inherit;
    border: 1px solid #0C5E8D55;
    border-radius: 5px;
    min-width: 161px;
    min-height: 31px;
    color: #00000066;
    text-align: left;
    font-size: 12px;
}
.search__field::after{
    content: url(../images/arrow.svg);
    position: absolute;
    right: 10px;
}
.search__buttons{
    display: flex;
    justify-content: space-between;
    width: 30%;
}
.search__drpodown{
    width: 100%;
}
.search__item{
    margin: auto;
    margin-bottom: 16px;
}
.cardfield{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}
.cardfield__card{
    display: grid;
    grid-template-columns: 2fr 4fr;
    padding: 45px 40px 70px 20px;
    background: linear-gradient(103.08deg, rgba(36, 142, 203, 0.96) 0%, #0C5E8D 98.92%);
    border-radius: 10px;
    color: #fff;
}
.card_ukranian{
    background: url(../images/background_ukr.svg) no-repeat, linear-gradient(103.08deg, rgba(36, 142, 203, 0.96) 0%, #0C5E8D 98.92%);
    background-position: right;
}
.card_russian{
    background: url(../images/background_rus.svg) no-repeat, linear-gradient(103.08deg, rgba(36, 142, 203, 0.96) 0%, #0C5E8D 98.92%);
    background-position: right;
}
.card__img{
    margin: auto;
}
.card__info{}
.info__name{
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}
.info__status{
    text-align: center;
    font-style: italic;
    font-weight: 300;
    font-size: 20px;
}
.info__portal{
    font-weight: 500;
    font-size: 26px;
    text-align: center;
}
.info__contacts{
    margin-top: 28px;
}
.contact{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.contact__type{
    font-size: 20px;
}
.contact__value{
    position: relative;
    font-size: 20px;
}
.contact__value a {
    color:#fff;
    text-decoration: underline;
}
.contact__country{
    display: inline;
    padding: 0;
    max-height: 45px;
    max-width: 45px;
    margin-top: -12px;
}
.paginator{
    display: flex;
    justify-content: center;
    margin: 40px 0;
}
.paginator__entry{
    color: #0C5E8D;
    font-size: 13px;
    line-height: 18px; 
    text-align: center;
    padding: 7px 12px;
    border: 1px solid #0C5E8D;
    border-radius: 100%;
    margin-left: 20px;
}
.paginator__entry_dots{
    font-weight: bold;
    font-size: 30px;
    border: none;
}

@media screen and (max-width: 1000px){
    .cardfield{
        grid-template-columns: 1fr;
    }
    .search{
        flex-direction: column;
    }
    .search__buttons{
        width: 40%;
    }
}
@media screen and (max-width: 640px){
    h2{
        font-size: 45px;
    }
    .card__img{
        max-width: 91px;
        max-height: 91px;
    }
    .info__name{
        font-size: 17px;
    }
    .info__status{
        font-size: 12px;
    }
    .info__portal{
        font-size: 15px;
    }
    .contact__type, .contact__value{
        font-size: 15px;
    }
    .contact__country{
        max-width: 23px;
        max-height: 23px;
        margin-top: -4px;
    }
}

/* === BRANCH DETAIL PAGE === */
.branchbox .container{
    max-width: 1600px !important;
}
p{
    text-align: justify;
    font-family: "Roboto-Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
}
.branchbox img{
    margin: auto;
    width: 100%;
}
.img_inline{
    display: inline-block;
    width: 45px;
    height: 45px;
}

.centered{
    text-align: center;
}
h2, h3{
    color: #0C5E8D;
    font-family: "Roboto-Regular", sans-serif;
    font-style: normal;
    font-weight: bold;
}
h2{
    font-size: 70px;
    line-height: 82px;
    text-align: center;
}
h3{
    font-size: 60px;
    line-height: 70px;
    margin-top: 80px;
    margin-bottom: 46px;
}
h3::after{
    content: "";
    display: block;
    margin-top: 16px;
    border: 1px solid #0C5E8D;
    width: 111px;
}
.h_right{
    text-align: right;
}
.h_right::after{
    position: absolute;
    right: 2%;
}
.h_yellow{
    color: #EED23F;
}
.h_yellow::after{
    border-color: #EED23F;
}

.ukranian{
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
}
.person__card{
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    background: linear-gradient(102.16deg, rgba(36, 142, 203, 0.96) 0%, #0C5E8D 98.92%);
    border-radius: 10px;
    padding: 41px 44px 25px 44px;
    color: #fff;
    font-family: "Roboto-Regular, sans-serif;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    box-shadow: 23px 29px 0 0 #EED23F;
}
.person__card hr{
    background-color: #F2F2F6;
}
.person__img{
    margin-top: 30px;
    margin-left: 0;
    height: 304px;
    width: 304px;
}
.person__img_mobile{
    align-self: center;
    margin-top: auto;
    margin-right: 0;
    display: none;
}
.person__name{
    font-size: 50px;
    line-height: 59px;
    text-align: center;
}
.person__status{
    font-style: italic;
    font-weight: 300;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}
.person__portal{
    font-weight: 500;
    font-size: 35px;
    line-height: 41px;
    text-align: center;
}
.person__address{
    display: flex;
}
.person__address hr{
    width: 100%;
    margin-left: 0;
    margin-right: 40px;
}
.address__type{
    width: 18%;
}
.address__value{
    display: flex;
    align-items: center;
}
.address__type, .address__value{
    font-family: "Roboto-Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    flex-shrink: 0;
}


@media screen and (max-width: 900px){
    h2{
        font-weight: bold;
        font-size: 45px;
        line-height: 53px;
    }
    h3, h4{
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 30px;
    }
    h3::after{
        width: 61px;
    }
    p {
        font-size: 13px;
        line-height: 126.69%;
    }
    .img_inline{
        width: 23px;
        height: 23px;
    }
    .person__name{
        font-size: 17px;
        line-height: 20px;
    }
    .person__status{
        font-size: 12px;
        line-height: 14px;
    }
    .person__portal{
        font-size: 15px;
        line-height: 18px;
    }
    .address__type{
        font-size: 15px;
        line-height: 18px;
    }
    .address__value{
        font-size: 15px;
        line-height: 18px;
    }
    .person__card{
        background-image: url(../images/ukrainemap.svg), linear-gradient(102.16deg, rgba(36, 142, 203, 0.96) 0%, #0C5E8D 98.92%);
        background-size: 100% 100%;
        box-shadow: 4px 8px 0 0 #EED23F;
    }
    .person__address hr{
        opacity: 0;
    }
    .person__img{
        width: 240px;
        height: 203px;
    }
    .person__img_mobile{
        display: inline-block;
        width: 91px;
        height: 91px;
    }
    
}
/* === PARTNERSHIP PAGE === */
.partnershipbox .container{
    max-width: 1600px !important;
}
.partnershipbox{
    font-family: "Roboto", sans-serif;
}
.partnershipbox hr{
    font-family: "Roboto";
    color: #0C5E8D;
}
.partnershipbox h2{
    font-family: "Roboto";
    color: #0C5E8D;
    font-weight: bold;
    font-size: 70px;
    line-height: 82px;
    text-align: center;
}
.partner__container{
    margin-bottom: 90px;
}
.partner__section{
    display: grid;
    grid-gap: 23px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin-top: 90px;
}
.partmer__text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.partner__title{
    color: #0C5E8D;
    font-weight: bold;
    font-size: 50px;
    line-height: 59px;
    margin-bottom: 57px;
}
.partner__title::after{
    display: block;
    content: "";
    width: 200px;
    border: 2px solid #0C5E8D;
    margin-top: 10px;
}
.partner__title_right-align{
    text-align: right;
}
.partner__title_right-align::after{
    margin-right: 0;
    margin-left: auto;
}
.partner__title_condensed{
    letter-spacing: -3px;
    font-size: 40px;
}
.partner__body{
    color: #000;
    opacity: 0.6;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
}
.partner__img{
    box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.35), 24px 25px 0px #EE3F3F;
    margin-right: 0;
    margin-left: auto;
}
.partner__img_left-shadow{
    box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.35), -24px 25px 0px #EE3F3F;
}
.partner__more{
    display: block;
    position: relative;
    text-align: right;
    color: #EE3F3F;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
}
.partner__more:hover{
    color: #EE3F3F;
}
.partner__more::after{
    content: url(../images/right-red.svg);
    margin-left: 5px;
}

@media screen and (max-width: 1000px){
    .partnershipbox h2{
        font-size: 30px;
    }
    .partner__title{
        font-size: 25px;
    }
    .partner__title_condensed{
        letter-spacing: 0;
    }
    .partner__body{
        font-size: 15px;
    }
    .partner__text_top{
        grid-row: 1;
    }
    .partner__section{
        grid-template-columns: 1fr;
    }
    .partner__img{
        margin: auto;
        max-width: 100%;
    }
}
/* === CONTACTS PAGE === */
.button_next{
    position: relative;
}
.button_next::after{
    position: absolute;
    content: url("../images/next (1) 4.svg");
    right: 15px;
}
/* === ABOUT PAGE === */
.about .container{
    max-width: 1600px !important;
}
.about{
    font-family: "Roboto-Regular", sans-serif;
}
.about h2{
    font-weight: bold;
    font-size: 70px;
    text-align: center;
    color: #0C5E8D;
}
.about__button{
    width: 146px;
    height: 46px;
    font-size: 20px !important;
}
.about__button_primary{
    border-color: #fff !important;
    color: #fff !important;
}
.about__button_primary:hover{
    border-color: #000 !important;
    color: #000 !important;
    background-color: transparent !important;
}
.about__button_light{
    border: none !important;
    color: #fff !important;
}
.about__button_light:hover{
    background-color: transparent !important;
    color: #000 !important;
}
.section_background_0{
    background-image: linear-gradient(180deg, rgba(1, 54, 85, .1) 0%, #013655 98.23%), url(../images/about/offshore-back.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: 100%;
}
.section_background_1{
    background: url(../images/about/about-back.svg) no-repeat;
    background-position: right;
}
.section_background_2{
    background-image: linear-gradient(269.62deg, rgba(6, 6, 6, 0.91) 26.64%, rgba(39, 38, 38, 0.41) 99.88%), url(../images/about/quiality-back.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: 100%;
}
.about__info{
    color: #fff;
    padding-top: 20%;
}
.info__weare{
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 70px;
}
.info__aboutus{
    font-family: "Roboto-Regular", sans-serif;
    margin-top: 30px;
    margin-bottom: 45px;
    font-size: 20px;
    opacity: 0.65;
    line-height: 111.3%;
    max-width: 90%;
}
.about__learnmore{
    margin-bottom: 110px;
}
.about__advantages{
    display: flex;
    justify-content: space-between;
}
.advantage{
    background: #EE3F3F;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    max-width: 301px;
    max-height: 220px;
    text-align: center;
    padding: 16px 22px;
    margin-bottom: -96px;
}
.advantage__img{
    margin: auto;
}
.advantage__title{
    font-weight: 500;
    font-size: 20px;
    margin-top: 10px;
}
.advantage__description{
    font-weight: 300;
    font-size: 12px;
    opacity: 0.65;
    text-align: left;
}
.advantage__more{
    display: block;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    text-align: right;
}
.advantage__more:hover{
    color: #000 !important;
}
.advantage__more::after{
    content: url("../images/next (1) 4.svg");
    margin-left: 5px;
}
.about__company{
    padding: 250px 0 200px;;
}
.company__slog{
    font-weight: 500;
    font-size: 40px;
    line-height: 111.3%;
    color: #000;
    margin-bottom: 45px;
}
.company__slog .slog_red{
    color: #EE3F3F;
    display: block;
}
.company__selfish{
    font-weight: normal;
    font-size: 20px;
    line-height: 123.3%;
    opacity: .65;
}
.company__more{
    display: block;
    position: relative;
    text-align: center;
    color: #013655;
    font-weight: normal;
    font-size: 20px;
    line-height: 111.3%;
}
.company__more::after{
    position: absolute;
    bottom: -3px;
    content: url("../images/next%20(1)%204.png");
    margin-left: 8px;
}
.about__quality{
    padding: 220px 0 150px;
}
.quality__title{
    color: #fff;
    font-weight: 500;
    font-size: 40px;
    line-height: 111.3%;
}
.quality__title::after{
    margin: 20px 0;
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    border: 1px solid #EE3F3F;
}
.quality__selfish{
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    line-height: 123.3%;
    opacity: .65;
    margin-bottom: 40px;
}
.quality__more{
    position: relative;
    color: #EE3F3F;
    font-weight: normal;
    font-size: 20px;
    line-height: 111.3%;
}
.quality__more::after{
    content: url("../images/about/next.svg");
    position: absolute;
    margin-left: 10px;
    bottom: -2px;
}

.about__comments{
    display: grid;
    position: relative;
    grid-template-columns: 3fr 4fr;
}
.section__clients{
    padding: 94px 0 82px;
}
.about__clients{
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}
.client__img_container{
    min-height: 600px;
    min-width: 65px;
}
.client__img{
    position: absolute;
    margin-top: -200px;
}
.clients__comments{
    padding-left: 80px;
}
.comments__title{
    color: #013655;
    font-weight: 500;
    font-size: 45px;
    line-height: 111.3%;
}
.comments__title::after{
    margin: 20px 0;
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    border: 1px solid #EE3F3F;
}
.comments__selfish{
    color: #013655;
    opacity: 0.65;
    font-weight: normal;
    font-size: 20px;
    line-height: 123.3%;
}
.client{
    padding: 30px;
    max-width: 370px;
    max-height: 210px;
    background-color: #fff;
    box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}
.client__head{
    display: flex;
    justify-content: space-between;
    width: 75%
}
.client__prof{
    display: inline-block;
    width: 77px;
    height: 84px;
}
.client__person{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.client__name{
    font-weight: bold;
    font-size: 20px;
    line-height: 123.3%;
}
.client__status{
    font-weight: 300;
    font-size: 15px;
    line-height: 123.3%;
}
.client__body{
    color: #013655;
    font-weight: normal;
    font-size: 13px;
    line-height: 123.3%;
    margin-top: 15px;
}
.client__more{
    position: relative;
    display: block;
    text-align: right;
    color: #EE3F3F;
    font-weight: normal;
    font-size: 12px;
    line-height: 111.3%;
}
.client__more::after{
    content: url("../images/about/next.svg");
    transform: scale(.6);
    position: absolute;
    margin-left: 10px;
    top: -3px;
}

@media screen and (max-width: 1700px){
    .section_background_0, .section_background_2{
        background-size: auto;
    }
}
@media screen and (max-width: 1400px){
    .client__img{
        width: 300px;
        left: 7%;
    }
    .client{
        max-width: 100%;
        max-height: 100%;
    }
}
@media screen and (max-width: 700px){
    .about h2{
        font-size: 45px;
    }
    .about__company{
        padding: 50px 0;
    }
    .about__quality{
        padding: 50px 0 150px;
    }
    .info__weare{
        font-size: 20px;
    }
    .info__aboutus{
        font-size: 15px;
    }
    .advantage__title{
        font-size: 15px;
    }
    .advantage__description{
        font-size: 10px;
    }
    .about__learnmore{
        text-align: center;
    }
    .about__comments{
        grid-template-columns: 1fr;
    }
    .company__slog{
        font-size: 15px;
    }
    .company__selfish{
        font-size: 12px;
    }
    .quality__title{
        font-size: 25px;
    }
    .quality__selfish{
        font-size: 15px;
    }
    .comments__title{
        font-size: 20px;
    }
    .comments__selfish{
        font-size: 15px;
    }
    .client__img{
        position: static;
        width: 80%;
        margin-left: 10%;
    }
    .client{
        max-width: 100%;
    }
    .clients__comments{
        padding: 0;
    }
    .about__clients{
        grid-template-columns: 1fr;
        width: 90%;
        margin-left: 5%;
    }
    .about__advantages{
        flex-direction: column;
        align-items: center;
        margin-bottom: -100%;
    }
    .advantage{
        margin-bottom: 20px;
    }
    .about__company{
        margin-top: 500px;
    }
}
/* === OTHER PAGES === */

.wrap{
	max-width: 1030px;
	padding: 0 15px;
	margin: 0 auto;
}


.section-title{
	font-weight: bold;
	text-align: center;
	font-size: 70px;
	line-height: 82px;
	letter-spacing: -2.5px;
	color: #0C5E8D;
	padding: 10px 0;
	border-bottom: 1px solid rgb(8,93,140, .3);
	margin-bottom: 20px;
}


.section-block-title{
	margin-bottom: 30px;
}

.section-block-title ul{
	display: flex;
	justify-content: space-around;
}

.section-block-title a{
	font-size: 20px;
	line-height: 23px;
	color: #0C5E8D;
}

.section-block-title a:hover{
	text-decoration: underline;
}

.section__inner-title{
	font-weight: bold;
	font-size: 30px;
	line-height: 35px;
	color: #0C5E8D;
	margin-bottom: 30px;
}

.section__inner-radio{
	margin-bottom: 60px;
}

.section__inner-radio-input{
	display: none;
}

.section__inner-radio-fake{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #0C5E8D;
	position: relative;
}

.section__inner-radio-fake:before{
	content: '';
	background: #0C5E8D;	
	opacity: 0;
	transition: all .3s;		
	position: absolute;
	display: block;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;

}

.section__inner-radio-input:checked + .section__inner-radio-fake:before{
	opacity: 1;
}


.section__inner-radio-text{
	font-size: 20px;
	line-height: 23px;
	padding-right: 95px;
}

.section__inner-cpu{
	display: flex;
	align-items: center;
	margin-bottom: 75px;
}

.section__inner-cpu h3{
	font-size: 20px;
	line-height: 23px;
	color: #000;
	margin-right: 8px;
}

.section__inner-cpu input {
    font-size: 13px;
    line-height: 28px;
    color: #000;
    padding: 4px 40px 4px 15px;
    width: 300px;
    border: 1px solid #0C5E8D;
    border-radius: 100px;
}






@media(min-height: 830px){
	.section-padding {
		height: calc(100vh - 429px);
	}
}
@media(max-width: 530px){
	.section__inner-radio-text{
		padding-right: 15px;
	}

	.section__inner-cpu a{
		padding: 4px 20px 4px 15px;
	}
}

@media(max-width: 370px){
	.section-block-title a{
		font-size: 16px;
   		line-height: 18px;
	}

	.section__inner-radio-text{
		font-size: 16px;
   		line-height: 18px;
	}

	.section__inner-cpu h3{
		font-size: 16px;
   		line-height: 18px;	
	}

}

@media(max-width: 345px){
	.section__inner-cpu{
		display: inline-block;
		text-align: center;
	}

	.section__inner-cpu h3{
		margin-bottom: 10px;
	}
}





.main {
  background: #fff;
  padding-top: 41px;
  padding-bottom: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-text__title {
  font-weight: bold;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: -1.5px;
  color: #0C5E8D;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

.main__wrapper {
  width: 823px;
}

.form {
  width: 100%;
  margin-top: 74px;
}

.form__item {
  width: 100%;
  margin-bottom: 30px;
}

.form__item--checkbox {
  display: flex;
}

.select {
  width: 100%;
  font-size: 25px;
  line-height: 34px;
  color: #0C5E8D;
  border: 1px solid #0C5E8D;
  box-sizing: border-box;
  border-radius: 200px;
  outline: none;
  padding: 10px 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url('../images/icons/arrow-select.png') no-repeat right 22px center;
}

.select option {
  font-size: 25px;
  line-height: 34px;
  color: #0C5E8D;
  outline: none;
}

.form__input {
  width: 100%;
  font-size: 25px;
  line-height: 34px;
  color: #0C5E8D;
  border: 1px solid #0C5E8D;
  box-sizing: border-box;
  border-radius: 200px;
  outline: none;
  padding: 10px 34px;
}

.form__input::placeholder {
  font-size: 25px;
  line-height: 34px;
  color: #0C5E8D;
}

.checkbox {
  display: flex;
  align-items: center;
  margin-right: 44px;
}

.checkbox:last-child {
  margin-right: 0;
}

.checkbox p {
  font-size: 25px;
  line-height: 34px;
  color: #0C5E8D;
}

.google-maps {
  width: 100%;
  height: 485px;
  background: #C4C4C4;
  border-radius: 15px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}

.info {
  display: flex;
  margin-top: 39px;
}

.info__danger {
  margin-right: 16px;
  height: 80px
}

.info__desc {
  font-size: 20px;
  line-height: 27px;
  display: flex;
  align-items: flex-end;
  color: #0C5E8D;
}

.form--border {
  border: 1px solid #0C5E8D;
  box-sizing: border-box;
  border-radius: 15px;
  padding: 31px 53px 37px 35px;
}

.form__title {
  font-size: 50px;
  line-height: 68px;
  color: #0C5E8D;
  text-align: center;
}

.form__wrapper {
  margin-top: 24px;
}

.form--border .form__item--checkbox {
  justify-content: center;
  align-items: center;
}

.form__item textarea {
  width: 100%;
  height: 219px;
  border: 1px solid #0C5E8D;
  box-sizing: border-box;
  border-radius: 15px;
  font-size: 25px;
  line-height: 34px;
  color: #0C5E8D;
  padding: 17px 30px;
  outline: none;
}

.form__item textarea::placeholder {
  font-size: 25px;
  line-height: 34px;
  color: #0C5E8D;
}
.form__item--mobile-select .select, .form__item--mobile-input .form__input {
  display: none;
}

@media (max-width: 540px) {
  .google-maps {
    font-size: 25px;
  }
  .main__wrapper {
    width: 98%;
  }
  .form__item--checkbox {
    justify-content: space-between;
  }
  .form__item--checkbox .checkbox {
    margin-right: 5px;
  }
  .form__item--checkbox .checkbox:last-child {
    margin-right: 0;
  }
  .main-text__title {
    font-size: 30px;
    letter-spacing: inherit;
  }
  .main {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .select, .form__input, .form__input::placeholder, .form__title {
    font-size: 20px;
  }
  .form__title {
    line-height: inherit;
  }
  .select {
    background-position: right 15px center;
  }
}
@media (max-width: 375px) {
  .form__item--checkbox {
    /* flex-direction: column; */
    align-items: center;
  }
  .form__item--checkbox .checkbox {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .form__item--checkbox p {
    font-size: 20px;
  }
  .form--border {
    padding: 31px 35px;
  }
  .form--border .form__item:nth-child(2), .form--border .form__item--checkbox, .form__item--mobile-select .form__input, .form__item--mobile-input .select {
    display: none;
  }
  .form__item--mobile-select .select, .form__item--mobile-input .form__input {
    display: block;
  }
  .info__danger {
    margin-top: 22px;
  }
  .footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.container {
	max-width: 1000px !important;
}

.results {
	font-family: "Roboto-Regular", sans-serif;
}

.results h2 {
	color: #0C5E8D;
	font-weight: bold;
	font-size: 70px;
	line-height: 82px;
	text-align: center;
	margin: 25px;
	margin-bottom: 50px;
	padding-bottom: 25px;
	border-bottom: 1px solid #0C5E8D;
}

.results .table {
	text-align: center;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	font-size: 20px;
}

.results .table thead {
	background: #c4c4c4;
	border: 1px solid #c4c4c4;
}

.results .table tbody tr {
	border: 1px solid #c4c4c4;
	border-top: none;
}

.results .table tbody td {
	padding: 35px 0;
}

.results .table thead td {
	line-height: 32px;
}

.results .table thead td span {
	border-right: 1px solid #000;
	display: block;
}

.results .table thead td:last-child span {border: none}

.results .table a {
	color: #000;
	text-decoration: underline;
}

.results .table a:hover {
	text-decoration: none;
}

.results .table .col-cashback {
	color: #14AE51;
}

.sellstocksdox .container{
    max-width: 1600px !important;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
}
.sellstocks .row{
    margin-bottom: 0;
}
.sellstocksdox h2{
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #0C5E8D;
    font-size: 70px;
    line-height: 82px;
    margin-bottom: 40px;
}
.offers{
    width: 100%;
    text-align: right;
    color: #0C5E8D;
    margin-bottom: -22%;
    margin-right: 22%;
}
.today{
    text-align: right;
}
.today h3{
    display: inline-block;
    color: #0C5E8D;
    font-size: 40px;
    line-height: 47px;
}
.today h3::after{
    content:"";
    border-right: 3px solid #0C5E8D;
    margin-left: 1rem;
}
.today date{
    display: inline-block;
    color: #000;
    opacity: .6;
    font-size: 20px;
    line-height: 26px;
}
.you-have__stocks{
    color: #0C5E8D;
    font-size: 30px;
    line-height: 35px;
}
.you-have__stocks::after{
    display: inline-block;
    content: url(right.svg);
    margin-left: 10px;
}

.leaders-table{
    border: 1px solid #C4C4C4;
    border-radius: 5px 5px 0 0;
    border-collapse: separate;
    width: 100%;
    margin-bottom: 40px;
}
.leaders-table tr{
    border-bottom: 1px solid #c4c4c4;
    padding: 11px;
}
.leaders-table th{
    padding: 13px 0;
    text-align: center;
    opacity: 0.7;
}
.leaders-table th:not(:nth-child(6)){
    border-right: 1px solid #00000044;
}
.leaders-table td{
    text-align: center;
}
.naming__block{
    display: flex;
    align-items: center;
    justify-content: center;
}
.leaders-table th{
    background-color: #C4C4C4;
}
.leaders-table .td_good{
    color: #14AE51;
}
.leaders-table date{
    opacity: .6;
    font-size: 15px;
    line-height: 131.69%;
}
.leaders__buttons{
    margin-left: 30px;
}
.leaders__buttons .btn{
    width: 90px;
    height: 37px;
    border-radius: 10px;
}
.btn-secondary{
    opacity: .5;
}
.btn-danger{
    padding: 5px 50px !important;
}
.valies{
    display: flex;
    justify-content: space-between;
    color: #000;
    opacity: .4;
}
.least{
    display: block;
}
.biggest{
    display: block;
}
input[type=range]{
    display: block;
}

input[type=range]{
    background: #fff;
}
input[type=range]::-moz-range-thumb {
  height: 8px;
  width: 8px;
  background: #000;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  background: #000;
}

.paginator{
    display: flex;
    justify-content: center;
}
.paginator__entry{
    color: #0C5E8D;
    font-size: 13px;
    line-height: 18px; 
    text-align: center;
    padding: 7px 12px;
    border: 1px solid #0C5E8D;
    border-radius: 100%;
    margin-left: 20px;
}
.paginator__entry_dots{
    font-weight: bold;
    font-size: 30px;
    border: none;
}
.notinmin{
    display: auto;
}
.paginator{
    margin-bottom: 40px;
}

@media screen and (max-width: 700px){
    h2{
        font-size: 45px;
        border: none;
    }
    .today{
        font-size: 30px;
    }
    .you-have{
        font-size: 20px;
    }
    .container{
        font-size: 18px;
    }
    .today{
        text-align: center;
        margin-top: 5%;
    }
    .notinmin{
        display: none;
        visibility: hidden;
    }
    table{
        font-size: 10px;
    }
    img{
        height: 25px;
        width: 16px;
    }
}

.stocksbox .container{
    max-width: 1600px !important;
    font-family: "Roboto-Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
}
.row{
    margin-bottom: 40px;
}
h2{
    font-weight: bold;
    font-family: "Roboto-Regular", sans-serif;
    text-align: center;
    color: #0C5E8D;
    font-size: 70px;
    line-height: 82px;
    margin-bottom: 40px;
}
.offers{
    width: 100%;
    text-align: right;
    color: #0C5E8D;
    margin-bottom: -22%;
    margin-right: 22%;
}
.today{
    text-align: right;
}
h3{
    display: inline-block;
    color: #0C5E8D;
    font-size: 40px;
    line-height: 47px;
}
.today h3::after{
    content:"";
    border-right: 3px solid #0C5E8D;
    margin-left: 1rem;
}
.today date{
    display: inline-block;
    color: #000;
    opacity: .6;
    font-size: 20px;
    line-height: 26px;
}
.you-have__stocks{
    color: #0C5E8D;
    font-size: 30px;
    line-height: 35px;
}
.you-have__stocks::after{
    display: inline-block;
    content: url(images/right.svg);
    margin-left: 10px;
}
.leaders{
    display: flex;
    margin-top: 0;
}
.leaders p{
    color: #0C5E8D;
    font-size: 30px;
    line-height: 35px;
}
.leaders-table{
    border: 1px solid #C4C4C4;
    border-radius: 5px 5px 0 0;
    border-collapse: separate;
    width: 100%;
}
.leaders-table tr{
    border-bottom: 1px solid #c4c4c4;
    padding: 11px;
}
.leaders-table th{
    padding: 13px 0;
    text-align: center;
    opacity: 0.7;
}
.leaders-table th:not(:nth-child(6)){
    border-right: 1px solid #00000044;
}
.leaders-table td{
    text-align: center;
    vertical-align: middle;
}
.naming__block{
    display: flex;
    align-items: center;
    justify-content: center;
}
.leaders-table th{
    background-color: #C4C4C4;
}
.leaders-table .td_good{
    color: #14AE51;
}
.leaders-table date{
    opacity: .6;
    font-size: 15px;
    line-height: 131.69%;
}
.leaders__buttons{
    margin-left: 30px;
}
.leaders__buttons .btn{
    width: 90px;
    height: 37px;
    border-radius: 10px;
}
.btn-secondary{
    opacity: .5;
}
.btn-success{
    padding: 5px 50px !important;
}
.valies{
    display: flex;
    justify-content: space-between;
    color: #000;
    opacity: .4;
}
.least{
    display: block;
}
.biggest{
    display: block;
}
input[type=range]{
    display: block;
}

input[type=range]{
    background: #fff;
}
input[type=range]::-moz-range-thumb {
  height: 8px;
  width: 8px;
  background: #000;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  background: #000;
}

.paginator{
    display: flex;
    justify-content: center;
}
.paginator__entry{
    color: #0C5E8D;
    font-size: 13px;
    line-height: 18px; 
    text-align: center;
    padding: 7px 12px;
    border: 1px solid #0C5E8D;
    border-radius: 100%;
    margin-left: 20px;
}
.paginator__entry_dots{
    font-weight: bold;
    font-size: 30px;
    border: none;
}
.notinmin{
    display: auto;
}


@media screen and (max-width: 700px){
    h2{
        font-size: 45px;
        border: none;
    }
    .today{
        font-size: 30px;
    }
    .you-have{
        font-size: 20px;
    }
    .container{
        font-size: 18px;
    }
    .today{
        text-align: center;
        margin-top: 5%;
    }
    .notinmin{
        display: none;
        visibility: hidden;
    }
    table{
        font-size: 10px;
    }
    img{
        height: 25px;
        width: 16px;
    }
}


.business {
	font-family: "Roboto", sans-serif;
}

.business h2 {
	color: #0C5E8D;
	font-weight: bold;
	font-size: 70px;
	line-height: 82px;
	text-align: center;
	margin: 25px;
	padding-bottom: 25px;
}

h2 {
	color: #0C5E8D;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 65px;
	margin-top: 62px;
}

.business .container {
	max-width: 1600px !important;
	font-family: "Roboto", sans-serif;
}

.main__section {
	border-top: 1px solid #548eb4;
	border-bottom: 1px solid #548eb4;
	margin-bottom: 20px;
}


.business__info, .business__details {
	padding-top: 18px;
	padding-bottom: 18px;
}

.business__details {
	border-left: 1px solid #0C5E8D;
	border-right: 1px solid #0C5E8D;
}

.business__city {
	font-size: 15px;
	margin-bottom: 10px;
}

.business__img {
	float: left;
	margin-right: 10px;
}

.business__img img {
	max-width: 150px;
	border-radius: 10px;
}

.business__description h3 {
	font-size: 20px;
	font-weight: 500;
}

.business__description p {
	font-size: 13px;
}

.description__link {
	text-align: right;
}

.description__link a {
	color: #FF0909;
	font-size: 13px;
}

.business__detail {
	font-size: 15px;
	line-height: 35px;
}

.business__buttons {
	vertical-align: middle;
	padding-top: 58px;
}

.business__button {
	border-radius: 1200px;
	border: none;
	font-size: 11px;
	min-height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	width: 100%;
	color: #fff;
	margin-bottom: 10px;
}

.business__button:hover {
	color: #fff;
}

.business__button_primary {
	background-color: #013655;
}

.business__button_primary:hover {
	background-color: #012641;
}

.business__button_danger {
	background-color: #EE3F3F;
}

.business__button_danger:hover {
	background-color: #da3939;
}


aside {
	max-width: 100% !important;
	display: block;
	visibility: visible;
	background-color: #fff;
	z-index: 10000;
	font-family: "Roboto-Regular", sans-serif;
	box-shadow: 20px 0 20px rgba(0, 0, 0, .2);
	margin: 0;
	padding-top: 290px;
	padding-bottom: 80%;
}

.aside__showbutton{
	margin-top: 20px;
	display: none;
}
.aside__showbutton::after{
	content: "";
}
.aside__showbutton_close{
	display: none;
}
.aside__showbutton_close::after{
	position: absolute;
	content: url(../images/cross.svg);
}

.aside__options {
	margin: auto;
	max-width: 205px;
}

.aside__field {
	width: 205px;
	height: 35px;
	background-color: #fff;
	border: 1px solid #0C5E8D;
	border-radius: 120px;
	color: #0C5E8D;
	text-align: left;
	margin-bottom: 20px;
}

.field_search {
	padding-left: 35px;
	background: url(../images/search.svg) no-repeat 5% 50%;
	background-size: 15px 15px;
}

.field_search::placeholder {
	color: #0C5E8D;
}

.aside__text {
	color: #0C5E8D;
	margin-left: 10px;
	margin-top: 0;
}

.aside__field:after {
	position: absolute;
	right: 20px;
	content: url(../images/arrow.svg);
}

.aside__dropdown_menu {
	width: 100%;
}

.main__view {
	color: #0C5E8D;
	font-weight: lighter;
	font-size: 18px;
	margin-bottom: 22px;
}

.view__img {
	height: 11px;
	width: 11px;
	margin-top: 4px;
}

@media screen and (max-width: 1000px) {
	aside {
		display: none;
		position: absolute !important;
		height: 300px;
		top: 260px;
		left: 0;
		right: 0;
		padding: 0px;
		width: 100%;
	}

	.aside__showbutton {
		display: block;
	}
}
@media screen and (max-width: 820px) {
	aside {
		top: 200px;
	}
	.business__details {
		border-left: none;
		border-right: 1px solid #0C5E8D;
	}
	.business__details, .business__buttons {
		border-top: 1px solid #0C5E8D;
	}
	.main__section {
		border-top: none;
	}
}

@media screen and (max-width: 500px) {
	h2 {
		font-weight: bold;
		font-size: 25px;
		margin: 15px;
	}

	.equipment__button_danger {
		margin: 0;
	}
}

.business__container{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
}
.main__section{
	grid-template-rows: 5fr 1fr;
	grid-template-columns: 2fr 3fr;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
}
.business__img{
	height: 150px;
	max-width: 170px;
}
.business__actions{
	grid-row: 2;
	grid-column: 1/3;
}
.description__buttons{
	display: flex;
}

h2{
    color: #0C5E8D;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 65px;
    margin-top: 62px;
}
.equipment .container{
    max-width: 1600px !important;
    font-family: "Roboto-Regular-Regular", sans-serif;
}
.equipment__button{
    border-radius: 1200px;
    border: none;
    font-size: 11px;
    min-height: 30px;
    min-width: 75px;
}
.equipment__button_primary{
    background-color: #548EB4;
    color: #fff;
}
.equipment__button_secondary{
    background-color: inherit;
    color: #548EB4;
}
.equipment__button_danger{
    background-color: #EE3F3F;
    min-width: 117px;
    margin-left: 15px;
}
.equipment__button_outline_primary{
    border: 1px solid #0C5E8D;
    border-radius: 5px;
    width: 52px;
    height: 26px;
    color: #0C5E8D;
    font-size: 10px;
}
aside{
    max-width: 100% !important;
    display: block;
    visibility: visible;
    background-color: #fff;
    z-index: 10000;
    font-family: "Roboto-Regular", sans-serif;
    box-shadow: 20px 0 20px rgba(0,0,0,.2);
    margin: 0;
    padding-top: 290px;
    padding-bottom: 80%;
}
.aside__showbutton{
    margin-top: 20px;
    display: none;
}
.aside__showbutton::after{
    content: "";
}
.aside__showbutton_close{
    display: none;
}
.aside__showbutton_close::after{
    position: absolute;
    content: url(../images/cross.svg);
}
.aside__options{
    margin: auto;
    max-width: 205px;
}
.aside__field{
    width: 205px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #0C5E8D;
    border-radius: 120px;
    color: #0C5E8D;
    text-align: left;
    margin-bottom: 20px;
}
.field_search{
    padding-left: 35px;
    background: url(../images/search.svg) no-repeat 5% 50%;
    background-size: 15px 15px; 
}
.field_search::placeholder{
    color: #0C5E8D;
}
.aside__text{
    color: #0C5E8D;
    margin-left: 10px;
    margin-top: 0;
}
.aside__field:after{
    position: absolute;
    right: 20px;
    content: url(../images/arrow.svg);
}
.aside__dropdown_menu{
    width: 100%;
}
.main__view{
    color: #0C5E8D;
    font-weight: lighter;
    font-size: 18px;
    margin-bottom: 22px;
}
.view__img{
    height: 11px;
    width: 11px;
    margin-top: 4px;
}
.main__section{
    display: grid;
    grid-template-columns: 3fr 7fr 1fr;
    border: 1px solid #A0A0A055;
    padding: 18px 25px;
    margin-bottom: 20px;
}
.equip__img{
    margin: auto;
}
.equip__description{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 39px 0 20px;
    color: #0C5E8D;
}
.equip__description h3{
    font-weight: bold;
    font-size: 20px;
    color: #013655;
}
.equip__actions{
    color: #0C5E8D;
    display: flex;
    flex-direction: column-reverse;
}
.actions__row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.actions__star{
    cursor: pointer;
}
.paginator{
    display: flex;
    justify-content: center;
    margin: 40px 0;
}
.paginator__entry{
    color: #0C5E8D;
    font-size: 13px;
    line-height: 18px; 
    text-align: center;
    padding: 7px 12px;
    border: 1px solid #0C5E8D;
    border-radius: 100%;
    margin-left: 20px;
}
.paginator__entry_dots{
    font-weight: bold;
    font-size: 30px;
    border: none;
}

@media screen and (max-width: 1000px){
    aside{
        display: none;
        position: absolute !important;
        height: 300px;
        top: 260px;
        left: 0;
        right: 0;
        padding: 0px;
        width: 100%;
    }
    .aside__showbutton{
        display: block;
    }
    .main__view{
        font-size: 18px;
    }
    .main__section{
        grid-template-rows: 6fr 1fr;
        grid-template-columns: 4fr 4fr 2fr;
        padding: 18px 7px;
    }
    .equip__description h3{
        font-size: 20px;
    }
    .equip__description{
        font-size: 10px;
    }
    .equip__img{
        width: 150px;
        height: 125px;
    }
    .equip__actions{
        grid-row: 2;
        grid-column: 3;
    }
    .equip__description{
        grid-column: 2/4;
    }
}
@media screen and (max-width: 820px){
    aside{
        top: 200px;
    }
}
@media screen and (max-width: 500px){
     h2{
        font-weight: bold;
        font-size: 25px;
        margin: 15px;
    }
    .equipment__button_danger{
        margin: 0;
    }
}
.equips__container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.main__section{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
}
.equip__img{
    grid-row: 1;
    width: 100% !important;
}
.equip__description{
    grid-row: 2;
}
.equip__actions{
    grid-row: 3;
}
.description__buttons{
    display: flex;
}
/* ============================================
   PERSONAL AREA PAGE STYLES
   Extracted from raw/index.css
   ============================================ */

/* PERSONAL AREA */

.personal_area {
	font-family: 'Roboto-Regular';
	display: flex;
	justify-content: space-between;
}

.personal_area .part_1 {
	width: 265px;
	background: #F2F2F6;
	text-align: center;
	padding-top: 35px;
}

.personal_area .part_1.left {
	left: 0;
}

.personal_area .part_1 .photo {
	width: 170px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 15px;
}

.personal_area .part_1 .photo::before {
	content: "";
	width: 16px;
	height: 16px;
	background-color: #14AE51;
	border-radius: 10px;
	position: absolute;
	top: 11px;
	right: 26px;
}

.personal_area .part_1 .photo > img {
	width: 100%;
}

.personal_area .part_1 .photo .camera {
	background: #EE3F3F;
	width: 41px;
	height: 41px;
	border-radius: 20px;
	padding-top: 6px;
	position: absolute;
	right: 15px;
	bottom: -4px;
}

.personal_area .part_1 .photo .camera img {

	margin-top: 6px;
	margin-left: 1px;
}

.personal_area .part_1 .name {
	font-size: 20px;
	color: #0C5E8D;
	font-weight: bold;
	margin-bottom: 0;
}

.personal_area .part_1 .job {
	font-style: italic;
	font-size: 10px;
}

.personal_area .part_1 .ellipse_container {
	display: flex;
	justify-content: center;
}

.personal_area .part_1 .ellipse_container .ellipse {
	margin: 0 13px;
	border: 1px solid #0C5E8D;
	width: 38px;
	height: 38px;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}

.personal_area .part_1 .ellipse_container .ellipse:hover {
	background: #ffffff;
}

.personal_area .part_1 .ellipse_container .ellipse img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.personal_area .part_1 .subscribe {
	width: 100%;
	height: 45px;
	background: #EE3F3F;
	font-size: 20px;
	color: #ffffff;
	padding-top: 7px;
	margin-top: 13px;
	cursor: pointer;
	line-height: 33px;
}

.personal_area .part_1 .subscribe:hover {
	background: #e95959;
}

.personal_area .part_1 .jobs_container {
	text-align: left;
}

.personal_area .part_1 .jobs_container a {
	display: block;
	width: 100%;
	padding: 8px 0 8px 15px;
	border-bottom: 1px solid #0c5e8d5d;
	text-decoration: none;
	color: #0C5E8D;
}

.personal_area .part_1 .jobs_container a .jobs {
	margin-bottom: 0;
	font-size: 15px;
}

/* spoiler */

.personal_area .part_1 .jobs_container .spoiler .spoiler_head {
	position: relative;
	padding: 8px 0 8px 15px;
	border-bottom: 1px solid #0c5e8d5d;
	font-size: 15px;
	color: #0C5E8D;
	cursor: pointer;
}

.personal_area .part_1 .jobs_container .spoiler .spoiler_head::selection {
	background: transparent;
}

.personal_area .part_1 .jobs_container .spoiler .spoiler_head img {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}

.personal_area .part_1 .jobs_container .spoiler .spoiler_head img.active {
	transform: rotate(180deg);
}

.personal_area .part_1 .jobs_container .spoiler .spoiler_head img::selection {
	background: transparent;
}

.personal_area .part_1 .jobs_container .spoiler.disabled .spoiler_head .active {
	display: none;
}

.personal_area .part_1 .jobs_container .spoiler.active .spoiler_head .active {
	display: block;
}

.personal_area .part_1 .jobs_container .spoiler.active .spoiler_head .inactive {
	display: none;
}

.personal_area .part_1 .jobs_container .spoiler .spoiler_body {
	display: none;
	padding: 0;
	border: none;
}

.personal_area .part_1 .jobs_container .spoiler .spoiler_body > div {
	padding: 8px 0 8px 15px;
	font-size: 15px;
	color: #0C5E8D;
}


/* spoiler */

.personal_area .paid_services {
	width: calc(100% - 265px);
	padding-top: 50px;
}

.personal_area .paid_services .profile {
	display: none;
}

.personal_area .paid_services h1 {
	font-size: 50px;
	color: #0C5E8D;
	font-weight: bold;
	margin-bottom: 34px;
	margin-left: 125px;
}

.personal_area .paid_services h1 span {
	border-bottom: 2px solid #0C5E8D;
}

.personal_area .paid_services > a {
	text-decoration: underline;
	color: #0C5E8D;
	margin-left: 125px;
}

.personal_area .paid_services .content {
	text-align: center;
	padding-top: 18px;
	padding-bottom: 100px;
	position: relative;
}

.personal_area .paid_services .content h2 {
	color: #0C5E8D;
	font-weight: bold;
	font-size: 20px;
}

.personal_area .paid_services .content .text {
	font-size: 13px;
	color: #0C5E8D;
	opacity: 0.5;
	width: 395px;
	margin: 0 auto;
}

.personal_area .paid_services .content .item_container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 40px;
}

.personal_area .paid_services .content .item_container .item {
	width: 245px;
	height: 120px;
	background: #F2F2F6;
	margin: 10px 10px 0;
	position: relative;
	cursor: pointer;
}

.personal_area .paid_services .content .item_container .item.active {
	background: #EE3F3F;
}

.personal_area .paid_services .content .item_container .item.active p {
	color: #ffffff;
}

.personal_area .paid_services .content .item_container .item p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #0C5E8D;
	font-size: 20px;
	font-weight: bold;
	width: 80%;
}

.personal_area .paid_services .content button {
	width: 142px;
	height: 46px;
	background-color: #0C5E8D;
	border-radius: 5px;
	border: none;
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	right: 125px;
}

.personal_area .part_2 {
	width: calc(100% - 265px);
	text-align: right;
	padding-bottom: 50px;
}

.personal_area .part_2 .personal_area_menu {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	border-bottom: 1px solid #0c5e8d59;
}

.personal_area .part_2 .personal_area_menu_item {
	padding: 6px 10px;
	display: flex;
	flex-wrap: nowrap;
	border-left: 1px solid #0c5e8d59;
	cursor: pointer;
	line-height: 23px;
}

.personal_area .part_2 .personal_area_menu_item p {
	font-size: 15px;
	margin-bottom: 0;
}

.personal_area .part_2 .personal_area_menu_item .arrow {
	margin-left: 10px;
}

.personal_area .part_2 .personal_area_menu_item .photo {
	margin-right: 9px;
	width: 22px;
	height: 22px;
}

.personal_area .part_2 .personal_area_menu_item .setting {
	margin-right: 5px;
}

.personal_area .part_2 .photo_profile {
	display: none;
}

.personal_area .part_2 h1 {
	font-size: 50px;
	font-weight: bold;
	color: #0C5E8D;
	margin-top: 47px;
	margin-bottom: 45px;
	text-align: center;
}

.personal_area .part_2 .personal_area_item {
	margin: 0 50px;
	text-align: left;
}

.personal_area .part_2 .personal_area_item h2 {
	font-size: 25px;
	color: #0C5E8D;
	font-weight: bold;
	margin-top: 20px;
}

.personal_area .part_2 .personal_area_item h2 span {
	border-bottom: 2px solid #0C5E8D;
}

.personal_area .part_2 .personal_area_item .item_container {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	margin-top: 30px;
	border-bottom: 1px solid #0c5e8d63;
}

.personal_area .part_2 .personal_area_item .item_container .item {
	margin-right: 50px;
}

.personal_area .part_2 .personal_area_item .item_container .item:last-child {
	margin-right: 0;
}

.personal_area .part_2 .personal_area_item .item_container .item h3 {
	color: #0C5E8D;
	opacity: 0.4;
	font-size: 13px;
}

.personal_area .part_2 .personal_area_item .item_container .item p {
	color: #0C5E8D;
	font-size: 15px;
}

.personal_area .part_2 .change_information {
	margin-right: 50px;
	font-size: 20px;
	color: #0C5E8D;
	font-weight: bold;
	margin-top: 10px;
	display: inline-block;
}

.personal_area .part_2 .change_information img {
	height: 12px;
	margin-left: 12px;
}


/* PURSE */

.personal_area .part_2 .open_history {
	display: none;
}

.personal_area .part_2 .operation_history_content {
	display: flex;
	flex-wrap: nowrap;
}

.personal_area .part_2 .operation_history_content .content {
	width: calc(100% - 220px);
}

.personal_area .part_2 .operation_history_content .operation_history {
	width: 220px;
	border-left: 1px solid #0c5e8d59;
	text-align: center;
}

.personal_area .part_2 .operation_history_content .operation_history h2 {
	color: #0C5E8D;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 35px;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item {
	border-top: 1px solid #0c5e8d59;
	display: flex;
	justify-content: start;
	flex-wrap: nowrap;
	padding: 10px 10px 10px 20px;
	position: relative;
}


.personal_area .part_2 .operation_history_content .operation_history .operation_history_item p {
	margin-bottom: 0;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item .container_date .name_operation {
	color: #0C5E8D;
	font-size: 13px;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item .container_date .date_operation {
	color: #0C5E8D;
	opacity: 0.7;
	font-size: 11px;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item .container_price {
	position: absolute;
	top: 10px;
	right: 10px;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item .container_price .price {
	font-size: 12px;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item .container_price .price.green {
	color: #14AE51;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item .container_price .price.red {
	color: #EE3F3F;
}

.personal_area .part_2 .operation_history_content .operation_history .operation_history_item .container_price .currency {
	color: #0C5E8D;
	opacity: 0.5;
	font-size: 10px;
}

.personal_area .part_2 .operation_history_content .operation_history .refresh_container {
	border-top: 1px solid #0c5e8d59;
}

.personal_area .part_2 .operation_history_content .operation_history .refresh_container .refresh {
	width: 59px;
	height: 59px;
	border-radius: 50px;
	background: #0C5E8D;
	margin: 29px auto 45px;
	position: relative;
}

.personal_area .part_2 .operation_history_content .operation_history .refresh_container .refresh img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.personal_area .part_2 .operation_history_content .content .wallet_container {
	text-align: left;
	display: flex;
	justify-content: start;
	flex-wrap: nowrap;
}

.personal_area .part_2 .operation_history_content .content h2 {
	color: #0C5E8D;
	font-weight: bold;
	font-size: 25px;
}

.personal_area .part_2 .operation_history_content .content h2 span {
	border-bottom: 2px solid #0C5E8D;
}

.personal_area .part_2 .operation_history_content .content .wallet_container {
	margin-top: 112px;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet {
	margin-left: 83px;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet p {
	color: #EE3F3F;
	font-size: 15px;
	margin-top: 22px;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet input {
	background: none;
	border: none;
	border-bottom: 1.5px solid #0C5E8D;
	color: #0C5E8D;
	font-size: 15px;
	padding-left: 3px;
	width: 152px;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet img {
	margin-left: 16px;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet button {
	display: block;
	margin: 34px 40px 0;
	border: none;
	outline: none;
	background: #0C5E8D;
	border-radius: 15px;
	width: 118px;
	height: 30px;
	color: #ffffff;
}


.personal_area .part_2 .operation_history_content .content .wallet_container .methods {
	margin-left: 100px;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item_container {
	display: flex;
	flex-wrap: wrap;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item {
	width: 212px;
	height: 78px;
	background: #F2F2F6;
	margin: 10px 10px;
	position: relative;
	cursor: pointer;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item .center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item p {
	display: inline;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item .text_1 {
	font-size: 15px;
	margin-top: 13px;
	margin-left: 7px;
	display: inline-block;
	font-weight: bold;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item .text_2 {
	font-size: 20px;
	font-weight: bold;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item .paypal {
	width: 50px;
}

.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item.active {
	background: #EE3F3F;
	color: #ffffff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

/* PURSE */


/* PERSONAL AREA */


/* HELP */

.help {
	font-family: 'Roboto-Regular';
	text-align: center;
}

.help h1 {
	font-size: 65px;
	font-weight: bold;
	color: #0C5E8D;
	margin: 20px 0;
}

.help .search_section {
	border-top: 2px solid #0c5e8d57;
	padding-top: 100px;
}

.help .search_section h2 {
	color: #0C5E8D;
	font-size: 50px;
	margin-bottom: 45px;
}

.help .search_section .search {
	width: 675px;
	margin: 0 auto;
	border: 1px solid #0c5e8d7e;
	border-radius: 100px;
	display: flex;
	justify-content: space-between;
}

.help .search_section .search input[type="search"] {
	width: 550px;
	background: url("../images/search.svg") no-repeat 25px;
	border: none;
	outline: none;
	height: 48px;
	padding: 10px 0 10px 78px;
	color: #0C5E8D;
}

.help .search_section .search input::placeholder {
	color: #0c5e8d7e;
}

.help .search_section .search button {
	height: 40px;
	width: 93px;
	background: #EE3F3F;
	border-radius: 100px;
	border: none;
	outline: none;
	margin-top: 4px;
	margin-right: 6px;
	color: #ffffff;
	font-size: 15px;
}

.help .search_section .or {
	color: #0C5E8D;
	opacity: 0.5;
	margin-top: 60px;
	font-size: 20px;
}

.help .search_section .item_container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 65px;
}

.help .search_section .item_container .item {
	width: 300px;
	height: 160px;
	margin: 10px;
	background: #F2F2F6;
	padding-top: 28px;
	position: relative;
}

.help .search_section .item_container .item.active {
	background: #EE3F3F;
}

.help .search_section .item_container .item .img-svg path {
	fill: #0C5E8D;
}

.help .search_section .item_container .item.active .img-svg path {
	fill: #ffffff;
}

.help .search_section .item_container .item .item_text {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	color: #0C5E8D;
	font-size: 22px;
	font-weight: bold;
}

.help .search_section .item_container .item.active .item_text {
	color: #ffffff;
}

.help .section_spoiler {
	padding-top: 90px;
	padding-bottom: 50px;
	display: none;
}

.help .section_spoiler.active {
	display: block;
}

.help .section_spoiler h2 {
	color: #0C5E8D;
	font-size: 45px;
}

.help .section_spoiler .header_text {
	color: #0C5E8D;
	opacity: 0.5;
	font-size: 20px;
	margin: 40px auto 105px;
	width: 644px;
}

.help .section_spoiler .spoiler {
	text-align: left;
}

.help .section_spoiler .spoiler .spoiler_head {
	position: relative;
	padding: 10px 0 10px 30px;
	margin-top: 40px;
	border-bottom: 2px solid #0c5e8d81;
	font-size: 25px;
	color: #0C5E8D;
	font-weight: bold;
	cursor: pointer;
}

.help .section_spoiler .spoiler .spoiler_head::selection {
	background: transparent;
}

.help .section_spoiler .spoiler .spoiler_head img {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.help .section_spoiler .spoiler .spoiler_head img.active {
	right: 8px;
}

.help .section_spoiler .spoiler .spoiler_head img::selection {
	background: transparent;
}

.help .section_spoiler .spoiler.disabled .spoiler_head .active {
	display: none;
}

.help .section_spoiler .spoiler.active .spoiler_head .active {
	display: block;
}

.help .section_spoiler .spoiler.active .spoiler_head .inactive {
	display: none;
}

.help .section_spoiler .spoiler .spoiler_head::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #0C5E8D;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.help .section_spoiler .spoiler .spoiler_body {
	display: none;
	padding: 30px 30px 40px;
	color: #0C5E8D;
	opacity: 0.5;
}

/* HELP */


/* SEARCH JOB */

.search_job {
	font-family: 'Roboto-Regular';
	display: flex;
	justify-content: start;
	min-height: 55%;
}

.search_job .part_1 {
	width: 310px;
	margin-left: 60px;
}

.search_job .part_1 h1 {
	color: #0C5E8D;
	font-size: 70px;
	font-weight: bold;
}

.search_job .part_1 .find {
	color: #0C5E8D;
	font-size: 15px;
	font-weight: bold;
	display: inline;
	margin-left: 5px;
}

.search_job .part_1 .post {
	color: #0C5E8D;
	font-size: 15px;
	font-weight: bold;
	display: inline;
	margin-left: 30px;
}

.search_job .part_1 input {
	border: 1px solid #0C5E8D;
	width: 310px;
	height: 30px;
	border-radius: 50px;
	display: block;
	padding-left: 19px;
}

.search_job .part_1 .for_example {
	color: #0C5E8D;
	opacity: 0.5;
	font-size: 12px;
	margin-top: 6px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.search_job .part_1 .right {
	text-align: right;
}

/* SELECT */

.search_job .part_1 .right .select {
	position: relative;
	display: inline-block;
	width: 200px;
	margin-bottom: 20px;
	text-align: left;
}

.search_job .part_1 .right .select__head {
	width: 100%;
	max-width: 100%;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	border: 1px solid #0C5E8D;
	border-radius: 50px;
	padding: 6px 15px;
	font-size: 14px;
	line-height: 18px;
	color: #0C5E8D;
	cursor: pointer;
}

.search_job .part_1 .right .select__head::after {
	width: 10px;
	height: 6px;
	background: #FFF url("../images/Vector.png") no-repeat center / cover;
	position: absolute;
	right: 20px;
	bottom: 50%;
	transform: translateY(50%);
	content: '';
	display: block;
}

.search_job .part_1 .right .select__head.open::after {
	transform: translateY(50%) rotate(180deg);
}

.search_job .part_1 .right .select__list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	margin-top: 5px;
	max-height: 205px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 100;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #424348;
	scrollbar-color: dark;
	scrollbar-width: thin;
	overscroll-behavior: contain;
}

.search_job .part_1 .right .select__list::-webkit-scrollbar {
	width: 7px;
	background-color: #F8F9FA;
	padding: 5px;
}

.search_job .part_1 .right .select__list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #D9D9D9;
}

.search_job .part_1 .right .select__list .select__item {
	position: relative;
	border-top: 1px solid rgba(224, 229, 231, 0.5);
	padding: 10px 15px;
	cursor: pointer;
	list-style-type: none;
}

.search_job .part_1 .right .select__list .select__item:hover {
	background-color: rgba(224, 229, 231, 0.5);
}

/* SELECT */

.search_job .part_1 .right a {
	text-decoration: none;
	color: rgba(12, 94, 141, 0.5);
	display: block;
}

.search_job .part_1 .right button {
	width: 130px;
	height: 30px;
	background: #0A4073;
	border-radius: 50px;
	border: none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.search_job .part_1 .right p {
	color: #0C5E8D;
	opacity: 0.5;
	font-size: 12px;
}

.search_job .part_2 .item_container {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	margin-left: 100px;
	margin-top: 50px;
}

.search_job .part_2 .item_container .item {
	width: 190px;
	height: 35px;
	background: #ACACAC;
	border-radius: 5px;
	text-align: center;
	padding-top: 4px;
	margin-left: 35px;
	margin-top: 10px;
	margin-bottom: 20px;
	cursor: pointer;
	
    line-height: 27px;
}

.search_job .part_2 .item_container .item:hover {
	background: #c4c4c4;
}

.search_job .part_2 .item_container .item p {
	display: inline;
	color: #ffffff;
	font-size: 13px;
	margin-left: 12px;
}


/* SEARCH JOB */


/* JOB */

.job {
	font-family: 'Roboto-Regular';
}

.job h1 {
	text-align: left;
	color: #0C5E8D;
	font-weight: bold;
	font-size: 70px;
	margin-left: 60px;
}

.job .container .header_text {
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 0;
}

.job .container .header_text a {
	color: #000;
}

.job .container .header_text span {
	margin-left: 20px;
}

.job .container h2 {
	color: #0C5E8D;
	font-weight: bold;
	font-size: 40px;
	margin-bottom: 50px;
}

.job .container .create_resume {
	height: 113px;
	width: 100%;
	position: relative;
	background: #eaeaea;
	border-radius: 15px;
	padding-left: 165px;
	padding-top: 20px;
	margin-bottom: 30px;
}

.job .container .create_resume img {
	position: absolute;
	top: -16px;
	left: 31px;
}


.job .container .create_resume .text_container p.head {
	color: #013655;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 19px;
}

.job .container .create_resume .text_container .text {
	color: #013655;
	font-size: 15px;
}

.job .container .create_resume button {
	position: absolute;
	right: 45px;
	top: 50%;
	transform: translateY(-50%);

	border: none;
	border-radius: 50px;
	background: #1691C6;
	width: 227px;
	height: 47px;
	color: #ffffff;
	font-size: 20px;

	transition: 0.3s;
}

.job .container .create_resume button:hover {
	box-shadow: 0px 5px 10px rgba(22, 145, 198, 0.6);
}


.job .job_section {
	background: #eaeaea;
	padding-top: 10px;
}

.job .job_section .container_center {
	width: auto;
	margin: 0 auto;
	max-width: 1035px;
}

.job .job_section .container .container_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	margin-top: 30px;
}

.job .job_section .container .container_item .item {
	width: 345px;
	height: 100px;
	background: #A2A2A2;
	text-align: center;
	border: 0.3px solid rgba(255, 255, 255, 0.5);
	position: relative;
	cursor: pointer;
}

.job .job_section .container .container_item .item:hover {
	background: #a2a2a2cc;
}

.job .job_section .container .container_item .item .middle {
	position: absolute;
	top: 50px;
	transform: translateY(-50%);
	width: 100%;
}

.job .job_section .container .container_item .item p {
	font-size: 18px;
	color: #ffffff;
	margin-top: 15px;
	display: inline-block;
	margin-left: 5px;
}

.job .job_section .container .number {
	margin-bottom: 0;
	font-size: 27px;
	margin-top: 30px;
	font-weight: bold;
}

.job .job_section .container {
	padding-bottom: 45px;
}

.job .job_section .resources {
	text-align: center;
}

.job .job_section .resources h3 {
	font-size: 30px;
	font-weight: bold;
}

.job .job_section .resources .resources_item_container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 28px;
	padding-bottom: 30px;
}

.job .job_section .resources .resources_item_container .resources_item {
	margin: 0 85px;
}

.job .job_section .resources .resources_item_container .resources_item p {
	font-size: 15px;
	position: relative;
	margin-bottom: 10px;
}

.job .job_section .resources .resources_item_container .resources_item a {
	color: #000000;
}

.job .job_section .resources .resources_item_container .resources_item p::before {
	position: absolute;
	content: "";
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	border-radius: 30px;
	background: #0C5E8D;
}

/* JOB */

/* CONTACTS */

.contacts {
	text-align: left;
	font-family: 'Roboto-Regular';
}

.contacts h1 {
	color: #0C5E8D;
	font-weight: bold;
	font-size: 70px;
	text-align: center;
}

.line {
	width: 100%;
	height: 1px;
	background: #0C5E8D;
	margin-bottom: 50px;
}

.contacts .container_carousel .owl-carousel_contacts {
	width: 80%;
	margin: 0 auto;
}

.contacts .container_carousel .owl-carousel_contacts .item {
	background: linear-gradient(180deg, #1F83BC 0%, #145377 100%);
	padding: 17px 20px 60px;
	border-radius: 15px;
	color: #ffffff;
	text-align: left;
	margin: 0 13px;
}

.contacts .container_carousel .owl-carousel_contacts .item img {
	width: auto;
}

.contacts .container_carousel .owl-carousel_contacts .item .photo {
	margin: 0 auto 12px;
}

.contacts .container_carousel .owl-carousel_contacts .item h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 13px;
}

.contacts .container_carousel .owl-carousel_contacts .item p {
	font-size: 15px;
	position: relative;
	margin-bottom: 15px;
}

.contacts .container_carousel .owl-carousel_contacts .item p span {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.contacts .container_carousel .owl-carousel_contacts .item p span img {
	display: inline-block;
	margin-right: 9px;
	margin-top: -3px;

}

.contacts .container_carousel .owl-carousel_contacts .item .buttons_container {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}

.contacts .container_carousel .owl-carousel_contacts .item .buttons_container .circle {
	width: 38px;
	height: 38px;
	border-radius: 50px;
	border: 1px solid #ffffff;
	margin: 0 15px;
	position: relative;
}

.contacts .container_carousel .owl-carousel_contacts .item .buttons_container .mail_phone:hover {
	background: #ffffff42;
	cursor: pointer;
}

.contacts .container_carousel .owl-carousel_contacts .item .buttons_container .circle img,
.contacts .container_carousel .owl-carousel_contacts .item .buttons_container .circle .indicator {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contacts .container_carousel .owl-carousel_contacts .item .buttons_container .circle .indicator {
	width: 18px;
	height: 18px;
	border-radius: 30px;
}

.contacts .container_carousel .owl-carousel_contacts .item .buttons_container .circle .indicator.green {
	background: #68EC95;
}

.contacts .container_carousel .owl-carousel_contacts .item .buttons_container .circle .indicator.red {
	background: #EE3F3F;
}

.contacts .container_carousel .owl-carousel_contacts .item button {
	float: right;
	border: none;
	outline: none;
	background: #EE3F3F;
	border-radius: 10px;

	width: 82px;
	height: 28px;

	color: #ffffff;
	font-size: 13px;
	margin-top: 18px;
}

.contacts .container_carousel .owl-carousel_contacts .item button:hover {
	background: #f76464;
}

.contacts .container_carousel .owl-carousel_contacts .item button img {
	display: inline;
}

.contacts .owl-carousel .owl-nav button.owl-prev,
.contacts .owl-carousel .owl-nav button.owl-next {
	width: 56px;
	height: 56px;
	border-radius: 100px;
	border: 1px solid #0C5E8D;
	outline: none;
}

.contacts .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	left: -60px;
	top: 50%;
	transform: translateY(-50%);
}

.contacts .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	right: -60px;
	top: 50%;
	transform: translateY(-50%);
}

.contacts .owl-carousel .owl-nav button.owl-prev:hover,
.contacts .owl-carousel .owl-nav button.owl-next:hover {
	background: rgba(0, 0, 0, 0.089);

}

.contacts .search_text {
	color: #0C5E8D;
	font-size: 15px;
	font-weight: bold;
	margin-left: 10%;
	margin-bottom: 6px;
	margin-top: 35px;
}

.contacts input {
	width: 373px;
	height: 31px;
	border: 1px solid #0C5E8D;
	border-radius: 100px;
	padding-left: 24px;
	padding-right: 10px;
	color: #548EB4;
	font-size: 15px;
	outline: none;
	margin-left: 10%;
	margin-bottom: 100px;
}

.contacts .button_search {
	border: none;
	outline: none;
	border-radius: 100px;
	width: 136px;
	height: 47px;
	display: inline;
	margin-left: 42px;
	background: #0A4073;

	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}

.contacts .button_search:hover {
	box-shadow: 0px 5px 10px rgba(1, 54, 85, 0.45);
}

/* CONTACTS */

/* ADMIN PANEL */

.admin_panel {
	font-family: 'Roboto-Regular';
	text-align: center;

	display: flex;
	flex-wrap: wrap;
	margin: 10% 0;
}
.admin_panel .part_1,
.admin_panel .part_2,
.admin_panel .part_3 {
	width: 20%;
	/*border: 1px solid #0c5e8d83;*/
	padding-bottom: 53px;
	min-width: 245px;
}

.admin_panel .head {
	margin-top: 60px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #0C5E8D;
}

.admin_panel .part_4 {
	width: 40%;
	padding-bottom: 53px;
	display: flex;
	flex-wrap: nowrap;
	min-width: 445px;
	/*border: 1px solid #0c5e8d83;*/
}

.admin_panel .part_4 .first,
.admin_panel .part_4 .second {
	width: 50%;
}

.admin_panel .header {
	margin-top: 55px;
	color: #0C5E8D;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 32px;
}

.admin_panel .input {
	border-bottom: 1px solid #0c5e8d52;
	width: 210px;
	height: 35px;
	margin: 0 auto;
	position: relative;
}

.admin_panel .input input {
	background: none;
	border: none;
	font-size: 15px;
	color: #0C5E8D;
	width: 120px;
	height: 25px;
	position: absolute;
	left: 0;
	bottom: 5px;
	outline: none;
}

.admin_panel .input button {
	color: #ffffff;
	font-size: 12px;
	width: 80px;
	height: 26px;
	background: #0C5E8D;
	border-radius: 5px;
	display: inline;
	border: none;
	outline: none;
	position: absolute;
	right: 0;
	bottom: 5px;
}

.admin_panel .part_4 .second .input {
	width: 125px;
}

.admin_panel .part_4 .second .input input {
	font-size: 10px;
	bottom: 2px;
	height: 20px;
}

/* SELECT */

.admin_panel .part_4 .first .select {
	position: relative;
	display: block;
	width: 200px;
	margin: 0 auto;
	text-align: left;
}

.admin_panel .part_4 .first .select__head {
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid #0c5e8d52;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 18px;
	color: #0C5E8D;
	cursor: pointer;
}

.admin_panel .part_4 .first .select__head::after {
	width: 10px;
	height: 6px;
	background: #FFF url("../images/Vector.png") no-repeat center / cover;
	position: absolute;
	right: 20px;
	bottom: 50%;
	transform: translateY(50%);
	content: '';
	display: block;
}

.admin_panel .part_4 .first .select__head.open::after {
	transform: translateY(50%) rotate(180deg);
}

.admin_panel .part_4 .first .select__list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	margin-top: 5px;
	max-height: 205px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 100;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #424348;
	scrollbar-color: dark;
	scrollbar-width: thin;
	overscroll-behavior: contain;
}

.admin_panel .part_4 .first .select__list::-webkit-scrollbar {
	width: 7px;
	background-color: #F8F9FA;
	padding: 5px;
}

.admin_panel .part_4 .first .select__list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #D9D9D9;
}

.admin_panel .part_4 .first .select__list .select__item {
	position: relative;
	border-top: 1px solid rgba(224, 229, 231, 0.5);
	padding: 10px 15px;
	cursor: pointer;
	list-style-type: none;
}

.admin_panel .part_4 .first.select__list .select__item:hover {
	background-color: rgba(224, 229, 231, 0.5);
}

/* SELECT */

/* Under construction */
.oil {
	height: 871px;
	background-image: url('../images/UnderConstruction/Sample.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.oil .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}

.oil section.oil-1 {
	margin-top: 357px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.oil .caption {
	width: 100%;
}

.oil .caption h1 {
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 120px;
	line-height: 78px;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.oil .p p {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 50px;
	line-height: 59px;
	color: #FFFFFF;
	margin-top: 10px;
	width: 680px;
}

/* Under construction */

/* ADMIN PANEL */

/* COMING SOON MEDIA*/

@media (max-width: 1200px) {
	.coming_soon {
		padding: 250px 0 260px;
	}

	.coming_soon h1 {
		font-size: 80px;
	}

	.coming_soon p {
		font-size: 40px;
	}

	.coming_soon a {
		font-size: 25px;
	}
}

@media (max-width: 700px) {
	.coming_soon {
		padding: 250px 0 260px;
	}

	.coming_soon h1 {
		font-size: 60px;
		margin-bottom: 0;
	}

	.coming_soon h1 img {
		margin-top: -10px;
		margin-right: 20px;
		width: 50px;
	}

	.coming_soon p {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.coming_soon a {
		font-size: 20px;
	}
}

@media (max-width: 500px) {
	.coming_soon {
		padding: 175px 0 200px;
	}

	.coming_soon h1 {
		font-size: 30px;
		margin-bottom: 17px;
	}

	.coming_soon h1 img {
		margin-top: -10px;
		margin-right: 20px;
		width: 40px;
	}

	.coming_soon p {
		font-size: 20px;
		margin-bottom: 80px;
	}

	.coming_soon a {
		font-size: 20px;
	}

	.forum .forum_content .forum_item .part_2 a {
		position: relative;
		bottom: 10px;
		right: 0;
	}
}

/* COMING SOON MEDIA*/


/* FREELANCE 1-2 MEDIA */

@media (max-width: 1400px) {
	.freelance h2 {
		font-size: 50px;
	}

	.freelance .container_nav a {
		margin-right: 20px;
	}
}

@media (max-width: 992px) {
	.freelance .container_nav a {
		margin-right: 15px;
		font-size: 14px;
	}

	.freelance .freelance_section h2 {
		font-size: 40px;
	}

	.freelance .container_search {
		width: 300px;
	}

	.freelance .container_search p {
		font-size: 14px;
	}

	.freelance .select {
		margin-left: 5px;
		width: 180px;
	}

	.freelance .select__head {
		font-size: 16px;
	}

	.freelance .second img {
		width: 230px;
	}

}

@media (max-width: 767px) {
	.freelance .first {
		text-align: center;
	}

	.freelance h1 {
		font-size: 45px;
	}

	.freelance .container_nav {
		justify-content: center;
	}

	.freelance .search_select {
		justify-content: center;
		flex-wrap: wrap;
	}

	.freelance .container_search {
		width: 95%;
	}

	.freelance .select {
		top: 0px;
		margin-top: 30px;
		width: 200px;
	}
}

@media (max-width: 500px) {
	.freelance .freelance_section {
		padding-bottom: 65px;
	}

	.freelance h1 {
		font-size: 30px;
	}

	.freelance .container_nav a {
		margin-right: 15px;
		font-size: 13px;
	}

	.freelance h2 {
		font-size: 25px;
	}

	.freelance .container_search p {
		font-size: 13px;
	}

	.freelance .second img {
		margin-top: 35px;
	}
}

/* FREELANCE 1-2 MEDIA */


/* FREELANCE MEDIA */

@media (max-width: 1200px) {
	.freelance .areas_of_work .areas_container .item {
		margin: 10px;
	}

	.freelance .freelance_banner .freelance_banner_img img {
		width: 100%;
	}
}

@media (max-width: 992px) {
	.freelance .freelance_banner h2 {
		margin-top: 50px;
		font-size: 45px;
	}

	.freelance .freelance_banner p {
		font-size: 18px;
	}

	.freelance .freelance_banner .customer {
		width: 115px;
		height: 35px;
		font-size: 13px;
		margin-right: 20px;
	}

	.freelance .freelance_banner .freelancer {
		width: 115px;
		height: 35px;
		font-size: 13px;
	}

	.freelance .areas_of_work .areas_container .item {
		width: 45%;
	}

	.freelance .areas_of_work .areas_container .item:hover .hover p {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.freelance .freelance_banner h2 {
		font-size: 51px;
	}

	.freelance .freelance_banner p {
		font-size: 20px;
	}

	.freelance .freelance_banner .customer {
		width: 160px;
		height: 40px;
		margin-right: 40px;
		font-size: 15px;
	}

	.freelance .freelance_banner .freelancer {
		width: 160px;
		height: 40px;
		font-size: 15px;
	}

	.freelance .areas_of_work .areas_container .item:hover .hover p {
		font-size: 13px;
	}
}

@media (max-width: 550px) {
	.freelance .freelance_banner .freelance_banner_img img {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.freelance .freelance_banner h2 {
		font-size: 25px;
	}

	.freelance .freelance_banner p {
		font-size: 13px;
		margin-bottom: 37px;
	}

	.freelance .freelance_banner .customer {
		width: 146px;
		height: 36px;
		margin-right: 16px;
		font-size: 13px;
	}

	.freelance .freelance_banner .freelancer {
		width: 146px;
		height: 36px;
		font-size: 13px;
		margin-top: 10px;
	}


	.freelance .areas_of_work h2 {
		font-size: 25px;
	}

	.freelance .areas_of_work .areas_container .item {
		width: 100%;
	}

	.freelance .how_it_works h2 {
		font-size: 30px;
	}

	.freelance .how_it_works .steps .step {
		padding: 0 30px;
	}

}

/* FREELANCE MEDIA */

/* FORUM  MEDIA */

@media (max-width: 1200px) {

	.forum .forum_content .forum_item .part_2 {
		padding: 20px 10px 0;
	}
}

@media (max-width: 992px) {

	.forum .forum_content .forum_item .part_2 {
		width: calc(100% - 130px);
	}

	.forum .forum_content .forum_item .part_1 {
		width: 60px;
	}

	.forum .forum_content .forum_item .part_2 h2 {
		font-size: 18px;
	}

	.forum .forum_content .forum_item .part_2 p {
		font-size: 10px;
	}

	.forum .forum_content .forum_item .part_3 {
		width: 70px;
	}

}

@media (max-width: 767px) {
	.forum_header {
		font-size: 50px;
	}
}

@media (max-width: 500px) {
	.forum_header {
		font-size: 45px;
	}

	.forum .forum_content .forum_item .part_2 h2 {
		font-size: 10px;
	}

	.forum .forum_content .forum_item .part_2 p {
		font-size: 8px;
	}

	.forum .forum_content .forum_item .part_2 button {
		width: 52px;
		height: 18px;
		font-size: 7px;
	}
}

/* FORUM MEDIA */

/* SERVICE MEDIA */

@media (max-width: 970px) {
	.service .part_1 {
		width: 40%;
	}

	.service .part_2 {
		width: 60%;
	}
}


@media (max-width: 560px) {
	.service {
		flex-wrap: wrap;
	}

	.service .part_1 {
		width: 100%;
		padding-top: 47px;
		padding-bottom: 76px;
		position: absolute;
		top: 40px;
		left: -100%;
		background: #ffffff;
		box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
	}

	.service .part_1.left {
		left: 0;
	}


	.service .part_2 {
		width: 100%;
	}

	.service .part_2 .filter_button {
		border: none;
		outline: none;
		background: none;
		border: 1px solid #0C5E8D;
		border-radius: 5px;
		display: block;
		margin-left: 25px;
		margin-top: 15px;
		width: 52px;
		height: 21px;
		font-size: 10px;
	}

	.service .part_2 h1 {
		font-size: 25px;
		margin-top: 18px;
	}

	.service .part_2 .item_container {
		margin-top: 30px;
	}

	.service .part_2 .item_container > a {
		width: 90%;
	}
}

/* SERVICE MEDIA */

/* PERSONAL AREA MEDIA */

@media (max-width: 1150px) {
	.personal_area .part_2 .operation_history_content .content .wallet_container .methods {
		margin-left: 0;
	}

	.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet {
		margin-left: 10px;
	}
}

@media (max-width: 950px) {
	.personal_area .part_2 .open_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	.personal_area .part_2 .open_history {
		width: 130px;
		height: 130px;
		margin: 30px auto 0;
		display: block;
		cursor: pointer;
		background: #F2F2F6;
		border-radius: 100px;
		position: relative;
	}

	.personal_area .part_2 .open_history img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 70px;
	}

	.personal_area .part_2 .operation_history_content .operation_history {
		width: 100%;
		border-left: none;
		text-align: center;
		position: absolute;
		left: -100%;
		top: 0;
		z-index: 10;
		background: #ffffff;
		height: 100%;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
		transition: 0.3s;
	}

	.personal_area .part_2 .operation_history_content .operation_history.right {
		left: 0;
	}

	.personal_area .part_2 .operation_history_content .operation_history .close {
		width: 37px;
		height: 37px;
		background: #F2F2F6;
		border-radius: 30px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.personal_area .part_2 .operation_history_content .operation_history .close::before {
		content: "";
		width: 25px;
		height: 1px;
		background: #0C5E8D;
		position: inherit;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.personal_area .part_2 .operation_history_content .operation_history .close::after {
		content: "";
		width: 25px;
		height: 1px;
		background: #0C5E8D;
		position: inherit;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.personal_area .part_2 .operation_history_content .content {
		width: 100%;
	}
}

@media (max-width: 860px) {
	.personal_area .part_2 .personal_area_menu_item p {
		font-size: 11px;
		margin-top: 3px;
	}
}

@media (max-width: 815px) {
	.personal_area .paid_services {
		text-align: center;
	}

	.personal_area .paid_services h1 {
		margin-left: 0;
	}

	.personal_area .paid_services > a {
		margin-left: 0;
	}

	.personal_area .paid_services .content button {
		position: static;
		margin-top: 20px;
	}
}

@media (max-width: 770px) {
	.personal_area .part_2 .operation_history_content .content .wallet_container {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		margin-top: 0;
	}

	.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	.personal_area .part_2 .operation_history_content .content .wallet_container .your_wallet button {
		margin: 34px auto;
	}

	.personal_area .part_2 .operation_history_content .content .wallet_container .methods {
		text-align: center;
	}

	.personal_area .part_2 .operation_history_content .content .wallet_container .methods .methods_item_container {
		justify-content: center;
	}
}

@media (max-width: 750px) {
	.personal_area .part_2 .personal_area_menu_item .setting_text {
		display: none;
	}

	.personal_area .part_2 .personal_area_menu_item .setting {
		margin-right: 0;
	}
}

@media (max-width: 680px) {
	.personal_area {
		position: relative;
	}

	.personal_area .part_1 {
		position: absolute;
		left: -100%;
		transition: 0.3s;
		z-index: 20;
		width: 100%;
		height: 100%;
	}

	.personal_area .part_1 .close {
		width: 37px;
		height: 37px;
		background: #ffffff;
		border-radius: 30px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.personal_area .part_1 .close::before {
		content: "";
		width: 25px;
		height: 1px;
		background: #0C5E8D;
		position: inherit;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.personal_area .part_1 .close::after {
		content: "";
		width: 25px;
		height: 1px;
		background: #0C5E8D;
		position: inherit;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.personal_area .paid_services {
		width: 100%;
		padding-top: 10px;
	}

	.personal_area .paid_services .profile {
		display: block;
		margin-left: 10px;
		border: 1px solid #0C5E8D;
		border-radius: 10px;
		background: none;
		font-size: 15px;
		outline: none;
	}

	.personal_area .part_2 {
		width: 100%;
	}

	.personal_area .part_2 .photo_profile {
		width: 130px;
		height: 130px;
		margin: 30px auto 0;
		display: block;
		cursor: pointer;
		background: #F2F2F6;
		border-radius: 100px;
		position: relative;
	}

	.personal_area .part_2 .photo_profile img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 70px;
	}

}

@media (max-width: 500px) {
	.personal_area .paid_services h1 {
		font-size: 30px;
		margin-bottom: 15px;
	}

	.personal_area .paid_services .content h2 {
		font-size: 18px;
	}

	.personal_area .paid_services .content .text {
		width: 90%;
	}

	.personal_area .paid_services .content .item_container {
		margin-top: 10px;
	}

	.personal_area .part_2 .personal_area_menu {
		justify-content: space-between;
	}

	.personal_area .part_2 .personal_area_menu_item {
		padding: 6px 5px;
	}

	.personal_area .part_2 .personal_area_menu_item p {
		font-size: 10px;
	}

	.personal_area .part_2 .personal_area_menu_item .arrow {
		margin-left: 5px;
	}

	.personal_area .part_2 .personal_area_menu_item .photo {
		margin-right: 5px;
	}

	.personal_area .part_2 .photo_profile {
		width: 67px;
		height: 67px;
		margin: 8px auto 0;
	}

	.personal_area .part_2 .photo_profile img {
		width: 26px;
		height: 26px;
	}

	.personal_area .part_2 .open_history {
		width: 67px;
		height: 67px;
		margin: 8px auto 0;
	}

	.personal_area .part_2 .open_history img {
		width: 26px;
		height: 26px;
	}


	.personal_area .part_2 h1 {
		font-size: 30px;
		margin-top: 15px;
		margin-bottom: 21px;
	}

	.personal_area .part_2 .personal_area_item {
		margin: 0 10px;
	}

	.personal_area .part_2 .personal_area_item h2 {
		font-size: 15px;
		color: #0C5E8D;
		font-weight: bold;
	}

	.personal_area .part_2 .personal_area_item .item_container {
		margin: 15px 50px 0;
	}

	.personal_area .part_2 .operation_history_content .content h2 {
		font-size: 20px;
	}
}

/* PERSONAL AREA MEDIA */