@font-face { font-family:'Rubik'; src:url(https://www.roogin.com/font/Rubik/Rubik-VariableFont_wght.ttf); }
html, body { margin:0; }
body { background-color:rgb(15, 15, 15); color:rgb(230, 230, 230); font-family: Rubik; font-size:16px; }

a { text-decoration:none; color:rgb(230, 230, 230); }
table { border-collapse:collapse; width:100%;}

img{ width:100%; }

input[type=text],input[type=date],textarea,select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0px; }

hr { border: none; border-top: 1px solid rgb(100, 100, 100); }

.h-tag              { display:inline-block; box-sizing:border-box; padding:07px 07px 07px 07px; background-color:rgb(59, 59, 59); font-size:11px; text-transform:uppercase; }
.h-tag-round        { display:inline-block; box-sizing:border-box; border-radius:27px; padding:07px 07px 07px 07px; background-color:rgb(59, 59, 59); font-size:11px; text-transform:uppercase; }
.h-logo             { font-size:25px; text-transform:uppercase; }
.h-name             { font-size:13px; text-transform:uppercase; }
.h-bar-x            { }
.h-menu-header      { display:none; }
.h-phone-country    { width:50px; }
.h-text-big         { font-size:16px;}
.h-text-small       { font-size:13px;}
.h-pagination       { }
.h-no-break         { word-break: keep-all;}
.h-notification     { display:none; box-sizing:border-box; border-left:07px solid rgb(230, 230, 230); padding:05px 10px 05px 10px; background-color:rgb(100, 100, 100); font-size:13px; text-transform:uppercase; }

.h-modal            { display: none; position: fixed; margin: 0 auto 0 auto; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(59, 59, 59, 0.75); }
.h-modal-content    { display: block; margin: 50px auto 0 auto; padding:0 32px 0 32px; max-width: 600px; cursor: pointer; }

.h-close            { position: absolute; top: 10px; right: 25px; color: rgb(230, 230, 230); font-size: 35px; cursor: pointer; }

.h-link             { }
.h-link-underline   { border-bottom: 1px solid rgb(230, 230, 230); }
.h-link-menu        { display:block; box-sizing:border-box; padding:03px 0 03px 0; text-transform:uppercase; }
.h-link-header      { display:inline-block; box-sizing:border-box; padding:0 10px 0 10px; font-size:13px; text-transform:uppercase; }
.h-link-footer      { margin:05px 0 0 0; display:block; font-size:13px; text-transform:uppercase; }

.h-button                           { display:inline-block; box-sizing:border-box; border:1px solid rgb(230, 230, 230); padding:08px 24px 08px 24px; background-color:rgb(230, 230, 230); color:rgb(15, 15, 15); font-size:18px; text-transform:uppercase; }
.h-button-round                     { display:inline-block; box-sizing:border-box; border:1px solid rgb(230, 230, 230); border-radius:27px; padding:08px 24px 08px 24px; background-color:rgb(230, 230, 230); color:rgb(15, 15, 15); font-size:18px; text-transform:uppercase; }
.h-button-screen                    { display:inline-block; box-sizing:border-box; border:1px outset rgb(230, 230, 230); padding:08px 24px 08px 24px; background-color:rgb(230, 230, 230); color:rgb(15, 15, 15); text-transform:uppercase; font-size:20px; align-self: stretch;}
.h-button-search                    { display:block; box-sizing:border-box; border:1px solid rgb(15, 15, 15); padding:10px 16px 10px 16px; width:100%; background-color:rgb(15, 15, 15); color:rgb(230, 230, 230); font-size:16px; text-transform:uppercase; }
.h-button-form                      { display:block; box-sizing:border-box; border:1px solid rgb(230, 230, 230); padding:08px 24px 08px 24px; width:100%; background-color:rgb(230, 230, 230); color:rgb(15, 15, 15); font-size:18px; text-transform:uppercase; }
.h-button-pagination-arrow          { display:inline-block; box-sizing:border-box; padding:03px 03px 03px 03px; color:rgb(230, 230, 230); font-size:18px; text-transform:uppercase; }
.h-button-pagination-page           { display:inline-block; box-sizing:border-box; border:1px solid rgb(230, 230, 230); padding:04px 08px 04px 08px; background-color:rgb(230, 230, 230); color:rgb(15, 15, 15); font-size:18px; text-transform:uppercase; }
.h-button-pagination-current        { display:inline-block; box-sizing:border-box; border:1px solid rgb(230, 230, 230); padding:04px 08px 04px 08px; color:rgb(230, 230, 230); font-size:18px; text-transform:uppercase; }

.h-input-set             { margin:07px auto auto auto; }
.h-input-set label       { font-size:11px; text-transform:uppercase; }

.h-input-set-search      { margin:07px auto auto auto; }
.h-input-search label    { font-size:11px; text-transform:uppercase; }

.h-input-text            { box-sizing:border-box; border:1px inset rgb(46, 46, 46); border-radius:0; padding:12px 12px 12px 12px; width:100%; background-color:rgb(255, 255, 255); color:rgb(15, 15, 15); }
.h-input-select          { box-sizing:border-box; border:1px inset rgb(46, 46, 46); border-radius:0; padding:12px 12px 12px 12px; width:100%; background-color:rgb(255, 255, 255); color:rgb(15, 15, 15); }
.h-input-select-search   { box-sizing:border-box; border:1px inset rgb(46, 46, 46); border-radius:0; padding:16px 16px 16px 16px; width:100%; background-color:rgb(255, 255, 255); color:rgb(15, 15, 15); }
.h-input-select-size     { box-sizing:border-box; border:1px inset rgb(46, 46, 46); border-radius:0; padding:12px 12px 12px 12px; width:100%; background-color:rgb(255, 255, 255); color:rgb(15, 15, 15); }

.h-heading                      { margin:0 0 0 0; font-size:40px; }
.h-heading-2                    { margin:0 0 0 0; font-size:35px; }
.h-heading-3                    { margin:0 0 0 0; font-size:30px; }
.h-heading-4                    { margin:0 0 0 0; font-size:25px; }
.h-heading-5                    { margin:0 0 0 0; font-size:20px; }

.h-heading-screen               { margin:0 0 0 0; font-size:35px; text-transform:uppercase; }
.h-heading-footer               { margin:0 0 0 0; font-size:25px; text-transform:uppercase; }
.h-heading-form                 { margin:0 0 0 0; font-size:40px; }
.h-heading-listing-section      { margin:0 0 0 0; font-size:20px; }
.h-heading-support              { margin:0 0 0 0; font-size:40px; }
.h-heading-article              { margin:0 0 0 0; font-size:40px; }

.h-container                                { box-sizing:border-box; padding:16px 0 16px 0; background-color:rgb(38, 38, 38); }
.h-container-header                         { position:fixed; top:0; box-sizing:border-box; padding:16px 0 16px 0; width:100%; background-color:rgb(38, 38, 38); }
.h-container-footer                         { box-sizing:border-box; padding:48px 0 48px 0; background-color:rgb(38, 38, 38); }
.h-container-footer-link                    { margin:16px 0 0 0; }
.h-container-footer-bottom                  { box-sizing:border-box; padding:16px 0 16px 0; background-color:rgb(28, 28, 28); font-size:13px; }
.h-container-search                         { margin:65px auto 0 auto; box-sizing:border-box; padding:32px 0 32px 0; background-color:rgb(230, 230, 230); color:rgb(15, 15, 15); }
.h-container-search-inside                  { margin:65px auto 0 auto; box-sizing:border-box; padding:32px 0 32px 0; background-color:rgb(211, 211, 211); color:rgb(15, 15, 15); }
.h-container-search-result                  { box-sizing:border-box; padding:32px 0 32px 0; background-color:rgb(15, 15, 15); }
.h-container-screen                         { box-sizing:border-box; padding:32px 0 32px 0; background-repeat:no-repeat; background-size:cover; background-position:center; color:rgb(230, 230, 230); }
.h-container-screen-inside                  { margin:65px auto 0 auto; box-sizing:border-box; padding:16px 0 16px 0; background-color:rgb(211, 211, 211); color:rgb(15, 15, 15); font-size:40px; }
.h-container-listing                        { margin:65px auto 0 auto; box-sizing:border-box; padding:16px 0 16px 0; background-color:rgb(15, 15, 15); }
.h-container-form                           { box-sizing:border-box; padding:16px 0 16px 0; background-color:rgb(15, 15, 15); }

.h-content                      { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-header               { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-footer               { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-footer-bottom        { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-search               { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-search-result        { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-search-inside        { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-screen               { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-screen-inside        { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-listing              { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-form                 { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-support              { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-article              { margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }
.h-content-thumbnail            { display:table; margin: 0 auto 0 auto; box-sizing:border-box; padding:0 32px 0 32px; }

.h-description-screen           { }

.h-row                          { }
.h-row-gap                      { width:100%; height:16px; }
.h-column-gap                   { height:16px; }

.h-search-location              { width:100%; }
.h-search-category              { }
.h-search-button                { }
.h-column-gap-search            { height:08px; }

.h-search-result                { box-sizing:border-box; padding:08px 0 08px 0; }
.h-search-result-name           { font-size:20px; text-transform:uppercase;}
.h-search-result-address        { margin:05px 0 0 0; color: rgb(200, 200, 200); font-size:13px; }
.h-search-result-brief          { margin:05px 0 0 0; color: rgb(180, 180, 180); font-size:11px;}
.h-search-result-phone          { margin:05px 0 0 0; }

.h-listing-name                 { margin:16px 0 0 0; font-size:20px; text-transform:uppercase; }
.h-listing-address              { margin:05px 0 0 0; }
.h-listing-phone                { margin:05px 0 0 0; }
.h-listing-description          { color:rgb(150, 150, 150); font-size:14px; }

#h_menu   { margin:16px 0 0 0; display:none; }
#h_menu_x { display:none; color:rgb(230, 230, 230); }

#h_menu_opener      { color:rgb(230, 230, 230); cursor:pointer; }
#h_side_x           { display:none; float:right; color:rgb(230, 230, 230); cursor:pointer; }
#h_shield           { display:none; position:fixed; top:0; bottom:0; width:100%; height:100%; background-color:rgba(59, 59, 59, 0.75); }

@media screen and (min-width:700px) {
  
  .h-bar-x                  { display:none; }
  .h-menu-header            { display: inline-block; }
  .h-text-big               { font-size:23px;}
  
  .h-row                    { display:flex; width:100%; }
  .h-quarter                { float:left; width:23.5%; }
  .h-half                   { float:left; width:49%; } 
  .h-third                  { float:left; width:32%; }
  .h-two-third              { float:left; width:66%; }
  
  .h-column-gap             { float:left; width:2%; }
    
  .h-heading-screen         { font-size:40px; }    
  .h-heading-thumbnail      { margin:10px 0 0 0; font-size:23px; }
  
  .h-container-screen       { padding:64px 0 64px 0; } 
  .h-container-screen-2     { box-sizing:border-box; padding:32px 0 32px 0; background-color:rgb(230, 230, 230); }
  .h-container-search       { padding:48px 0 48px 0; } 
  
  
  .h-content                { max-width:1000px; }
  .h-content-header         { max-width:1000px; }
  .h-content-footer         { max-width:1000px; }
  .h-content-footer-bottom  { max-width:1000px; }
  
  .h-content-search         { max-width:1000px; }
  .h-content-search-inside  { max-width:1000px; }
  .h-content-search-result  { max-width:1000px; }
  .h-content-screen         { max-width:1000px; }
  .h-content-screen-inside  { max-width:1000px; }
  .h-content-listing        { max-width:1000px; }
  .h-content-form           { max-width:1000px; }
  .h-content-support        { max-width:1000px; }
  .h-content-article        { max-width:1000px; }
  .h-content-thumbnail      { max-width:1100px; }
  
  .h-description-screen     { font-size:20px; }
  
  .h-search-location        { float:left; width:200px; }
  .h-search-category        { float:left; flex-grow:1; }
  .h-search-button          { display:flex; float:left; width:100px; }
  .h-column-gap-search      { float:left; width:2%; }
}