@charset "UTF-8";

.mobile_profile
{
 display: none
}

.signin
{
 position: relative;
 max-width: 230px;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 10px;
 margin: 0;
 overflow: hidden
}

.registration
{
 position: relative;
 max-width: 320px;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 15px;
 margin: 0;
 overflow: hidden
}

.registration p
{
 font-size: 0.75rem;
 line-height: 1.5
}

.restore
{
 position: relative;
 max-width: 250px;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 10px;
 margin: 0;
 overflow: hidden
}

.profile_row
{
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 30px;
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 10px;
 overflow: hidden
}

.profile_item
{
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 overflow: hidden
}

.col_orders
{
 position: relative;
 width: 80%;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 30px;
 margin: 0;
 overflow: hidden
}

.order_row
{
 display: flex;
 position: relative;
 padding: 0;
 margin: 0;
 justify-content: space-between;
 border-top: 1px solid #CCC;
 overflow: hidden
}

.order_id
{
 position: relative;
 width: 15%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 20px;
 padding-bottom: 20px;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden
}

.order_id p
{
 font-size: 0.813rem;
 line-height: 1.3;
 margin: 0
}

.mobile_order_id
{
 display: none
}

.order_text
{
 position: relative;
 width: 30%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 20px;
 padding-bottom: 5px;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden
}

.order_text h2
{
 font-size: 0.875rem;
 margin-bottom: 5px
}

.order_text p
{
 font-size: 0.813rem;
 line-height: 1.5;
 margin-bottom: 15px
}

.order_price
{
 position: relative;
 width: 25%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 20px;
 padding-bottom: 20px;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden;
}

.order_price p
{
 font-size: 0.875rem;
 font-weight: 500;
 text-align: right;
 margin: 0
}

.order_delivery
{
 position: relative;
 width: 30%;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 10px;
 margin: 0;
 overflow: hidden
}

.order_delivery p
{
 font-size: 0.813rem;
 line-height: 1.3;
 margin-bottom: 10px
}

.order_delivery form
{
 margin-bottom: 10px
}

.profile_buttons
{
 position: relative;
 display: flex;
 flex-wrap: wrap;
 column-gap: 5px;
 row-gap: 15px
}

.profile_button
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.625rem;
 font-weight: 400;
 color: #FFF;
 text-transform: uppercase;
 padding-top: 8px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 8px;
 margin: 0;
 background: #336699;
 border: 0;
 border-radius: 5px;
 cursor: pointer;
 appearance: none
}

a.profile_button
{
 display: inline-block;
 text-decoration: none;
 color: #FFF
}

a.profile_button:hover,
a.profile_button:visited
{
 color: #FFF;
 text-decoration: none
}

.profile_button_red
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.625rem;
 font-weight: 400;
 color: #FFF;
 text-transform: uppercase;
 padding-top: 8px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 8px;
 margin: 0;
 background: #CC0000;
 border: 0;
 border-radius: 5px;
 cursor: pointer;
 appearance: none
}

.profile_button_active
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.625rem;
 font-weight: 400;
 color: #FFF;
 text-transform: uppercase;
 padding-top: 8px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 8px;
 margin: 0;
 background: #00AA00;
 border: 0;
 border-radius: 5px;
 cursor: pointer;
 appearance: none
}

.profile_button_inactive
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.625rem;
 font-weight: 400;
 color: #FFF;
 text-transform: uppercase;
 padding-top: 8px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 8px;
 margin: 0;
 background: #666;
 border: 0;
 border-radius: 5px;
 cursor: pointer;
 appearance: none
}

.change_button
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.875rem;
 color: #1064B9;
 text-decoration: underline;
 padding: 0;
 margin: 0;
 background: #F9F9F9;
 border: 0;
 border: 0;
 cursor: pointer;
 appearance: none
}

.account_text
{
 position: relative;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 10px;
 margin: 0
}

.account_text p
{
 font-size: 0.875rem;
 font-weight: 400;
 line-height: 1.5;
 margin-bottom: 20px
}

.account_text ul
{
 margin-bottom: 20px
}

.account_text li
{
 list-style-type: disc;
 font-size: 0.875rem;
 font-weight: 400;
 line-height: 1.5;
 margin-left: -15px
}

.account_address
{
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 30px
}

.account_address p
{
 font-size: 0.813rem;
 font-weight: 400;
 line-height: 1.5;
 margin-bottom: 20px
}

.account_address ul
{
 margin-bottom: 20px
}

.account_address li
{
 list-style-type: disc;
 font-size: 0.875rem;
 font-weight: 400;
 line-height: 1.5;
 margin-left: -15px
}

.address_row
{
 display: flex;
 position: relative;
 padding-top: 20px;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 20px;
 margin: 0;
 border-top: 1px solid #CCC;
 justify-content: space-between;
 flex-direction: column;
 overflow: hidden
}

.address_row p
{
 margin: 0
}

.address_info
{
 display: flex;
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 15px;
 justify-content: space-between;
 overflow: hidden
}

.address_active
{
 font-size: 0.75rem;
 font-weight: 400;
 line-height: 1.5;
 padding: 0;
 margin: 0;
 color: #00AA00;
 text-decoration: none;
 background: none;
 border: 0;
 cursor: pointer
}

.address_buttons
{
 position: relative;
 display: flex;
 flex-wrap: wrap;
 column-gap: 5px;
 row-gap: 15px;
}

.address_button
{
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 5px;
 text-align: end
}

.address_edit, .address_edit:active, .address_edit:visited
{
 font-size: 0.875rem;
 font-weight: 400;
 line-height: 1.5;
 padding: 0;
 margin: 0;
 color: #333;
 text-decoration: none;
 background: none;
 border: 0;
 cursor: pointer
}

.address_edit:hover
{
 color: #999;
 text-decoration: none
}

.rub
{
  display: inline-block;
 font-size: 0.813rem;
 font-weight: 400;
 color: #333;
 line-height: 5px;
  width: 0.5em;
  margin-right: 2px;
  border-bottom: 1px solid #333
}

.bg_popup
{
 display: flex;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1000;
 justify-content: center;
 align-items: center;
 background: rgba(0,0,0, .80)
}

.bg_popup_window
{
 position: relative;
 height: auto;
 padding: 20px;
 margin: 20px;
 background: #FFF;
 box-sizing: border-box;
 border-radius: 5px
}

.popup_title
{
 position: relative;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 15px;
 margin: 0;
 border-bottom: 1px solid #CCC;
 overflow: hidden
}

.popup_title p
{
 font-size: 0.813rem;
 font-weight: 500;
 margin: 0
}

.popup_message
{
 position: relative;
 padding-top: 25px;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 25px;
 margin: 0;
 overflow: hidden
}

.popup_message p
{
 font-size: 0.813rem;
 text-align: center;
 margin: 0
}

.popup_button
{
 display: flex;
 position: relative;
 padding: 0;
 margin: 0;
 justify-content: center;
 overflow: hidden
}

.exit
{
 font-family: 'Roboto', sans-serif;
 font-size: 0.75rem;
 font-weight: 400;
 color: #FFF;
 text-transform: uppercase;
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 10px;
 margin: 0;
 background: #336699;
 border: 0;
 border-radius: 5px;
 cursor: pointer;
 appearance: none
}

.delete_image
{
 font-family: 'Roboto Condensed', Helvetica, sans-serif;
 font-size: 0.813rem;
 font-weight: 400;
 color: #CC0000;
 padding: 0;
 margin: 0;
 background: #F9F9F9;
 border: 0;
 cursor: pointer
}

@media screen and (max-width: 980px)
{
 .profile_row
 {
  grid-gap: 20px
 }
}

@media screen and (max-width: 920px)
{
 .mobile_profile
 {
  display: block
 }

 .col_orders
 {
  width: 100%;
  padding-bottom: 10px
 }
}

@media screen and (max-width: 780px)
{
 .order_row
 {
  display: block
 }

 .order_id
 {
  display: none
 }

 .mobile_order_id
 {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin: 0;
  overflow: hidden
 }

 .mobile_order_id p
 {
  font-size: 0.938rem;
  font-weight: 500;
  margin-bottom: 5px
 }

 .order_text
 {
  width: 100%;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0
 }

 .order_text h2
 {
  font-size: 0.875rem
 }

 .order_text p
 {
  font-size: 0.875rem
 }

 .order_price
 {
  width: 100%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 10px
 }

 .order_price p
 {
  font-size: 1rem;
  text-align: left
 }

 .order_delivery
 {
  width: 100%;
  padding-top: 0;
  padding-bottom: 5px
 }

 .order_delivery p
 {
  font-size: 0.875rem
 }

 .order_delivery form
 {
  margin-bottom: 15px
 }

 .profile_button, .profile_button_red, .profile_button_inactive
 {
  font-size: 0.813rem;
  font-weight: 500;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  white-space: break-spaces
 }
 
 .account_address
 {
  margin-bottom: 15px
 }
 
 .account_address p
 {
  font-size: 0.875rem
 }
 
 .address_row
 {
  padding-top: 15px
 }
 
 .address_info
 {
  flex-direction: column-reverse
 }
 
 .address_active
 {
  font-size: 0.875rem;
 }
}

@media screen and (max-width: 480px)
{
 .profile_row
 {
  grid-template-columns: 1fr
 }

 .signin
 {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  box-sizing: border-box
 }

 .registration
 {
  max-width: 100%;
  text-align: center
 }

 .restore
 {
  max-width: 100%;
  text-align: center
 }

 .profile_item
 {
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E3E3
 }
}