/* ============================================
   CONSOLIDATED APPLICATION STYLES
   Main CSS + Pages CSS + Global Layout
   ============================================ */

/* ============================================
   MAIN.CSS - Footer and Global Styles
   ============================================ */
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.ttf');
}

* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

body{
    font-family: 'Roboto-Regular', sans-serif;
}



/* footer */



  footer {
    height: auto;
    width: 100%;
    background-color: #013655;
    padding: 70px 0;
  }

  footer .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 7px;
  }

  .footer_main {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .footer_main div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .footer_title {
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    font-family: "Montserrat", sans-serif;
    font-weight: 100;
  }
  .footer_main p{
    margin: 0;
  }
  .footer_main a {
    color: #fff;
    line-height: 25px;
    font-family: "Montserrat", sans-serif;
    font-weight: 100;
    font-size: 13px;
  }

  .footer_main a:hover {
    text-decoration: underline;
  }

  .footer_title {
    font-weight: bold !important;
    font-size: 15px !important;
    margin-bottom: 15px;
  }

  .footer__line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 63px;
    background: #0C5E8D;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: bold;
  }

  @media (max-width: 700px) {
    .footer_main {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }

    .footer_main div {
      width: 50%;
      margin: 10px 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .footer_main div p {
      width: 100%;
    }
  }

  @media (max-width: 550px) {
    .footer_main {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around;
    }

    .footer_main div {
      width: 50%;
    }
  }

/* ============================================
   PAGES.CSS - All Page-Specific Styles
   ============================================ */

/* ============================================
   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;
}