@-ms-viewport{width: device-width;}

html {padding: 0; margin: 0; width: 100%; height: 100%;}
body {width: 100%; /*height: 100%;*/ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0;
  font-family: 'Ubuntu', sans-serif; font-weight: 400; color: white;
  background: black;
-webkit-font-smoothing: antialiased; cursor: default; overflow: hidden;}

body::-webkit-scrollbar {display: none;}
body {-ms-overflow-style: none;}

b {font-weight: 700;}

a:link {text-decoration: none; color: inherit;}
a:visited {text-decoration: none; color: inherit;}
a:active {text-decoration: underline; color: inherit;}
a:hover {text-decoration: underline; color: inherit;}

.b a:link {text-decoration: underline;}
.b a:visited {text-decoration: underline;}
.b a:active {text-decoration: underline; color: rgba(0, 192, 240, 1);}
.b a:hover {text-decoration: underline; color: rgba(0, 192, 240, 1);}

.c a:link {text-decoration: underline;}
.c a:visited {text-decoration: underline;}
.c a:active {text-decoration: underline; color: rgba(0, 192, 240, 1);}
.c a:hover {text-decoration: underline; color: rgba(0, 192, 240, 1);}

::-moz-selection { /* Code for Firefox */ color: rgba(0, 192, 240, 1); background: none;}
::selection {color: rgba(0, 192, 240, 1); background: none;}

.highlight_off {-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none;
  -webkit-tap-highlight-color: transparent;outline: none !important;}
::-webkit-scrollbar {width: 0px;  /* for vertical scrollbars */  height: 0px; /* for horizontal scrollbars */}

img {max-width: 100%; height: auto;}
button:focus {outline:0;}
ul {margin: 0 0 0 0;  padding: 0; list-style: none;}

#callbacks-placeholder {position: fixed; top: 50px; left: 50px; color: white; font-size: 20%; z-index: 999;}



.temporary_div {position: absolute; z-index: 1000; display: none;}




/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/ubuntu-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/ubuntu-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/ubuntu-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}




































/*
8888888b.       8888888888       .d8888b.       888    d8P       88888888888       .d88888b.       8888888b.  
888  "Y88b      888             d88P  Y88b      888   d8P            888          d88P" "Y88b      888   Y88b 
888    888      888             Y88b.           888  d8P             888          888     888      888    888 
888    888      8888888          "Y888b.        888d88K              888          888     888      888   d88P 
888    888      888                 "Y88b.      8888888b             888          888     888      8888888P"  
888    888      888                   "888      888  Y88b            888          888     888      888        
888  .d88P      888             Y88b  d88P      888   Y88b           888          Y88b. .d88P      888        
8888888P"       8888888888       "Y8888P"       888    Y88b          888           "Y88888P"       888        
*/



#body_desktop {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background: black; z-index:1;}


#bg_main_overlay {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; opacity:0.25;
background: url('img/emmm.png') center center / cover no-repeat; overflow: hidden;
-webkit-transition: all 3.00s cubic-bezier(.5,1,.5,1); -moz-transition: all 3.00s cubic-bezier(.5,1,.5,1); transition: all 3.00s cubic-bezier(.5,1,.5,1);}


/* VIDEO & @MEDIA */
.fullscreen-bg {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; opacity:0.25; filter: blur(0.5vmax);}
.fullscreen-bg__video {position: fixed; top: 50%; left: 50%; width: 100%; height: auto; min-width: 100%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: center center / cover no-repeat; object-fit: cover;}




#fps {z-index: 1007; position: absolute;}
.fps {left:0; top:0;}









li{white-space: pre;}
*{    text-rendering: optimizeQuality;    /* -webkit-font-smoothing: none;    font-smoothing: none; */}






.noise {z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.10;
  filter: invert(0%); mix-blend-mode: none; transform: scale(1);
  transition: all 1s cubic-bezier(.75,0,.25,1); -webkit-transition: all 1s cubic-bezier(.75,0,.25,1);}

.noise_2 {z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.02;
  filter: invert(100%); mix-blend-mode: none; transform: scale(1);
  transition: all 1s cubic-bezier(.75,0,.25,1); -webkit-transition: all 1s cubic-bezier(.75,0,.25,1);}











#main_page {opacity: 1; visibility: visible; -webkit-transition: opacity 1s; transition: opacity 1s; transition-timing-function: easeout;}
#main_page.invisible {opacity: 0; visibility: hidden;
 -webkit-transition: opacity 0s; transition: opacity 0s; visibility: 0s 0s; transition: opacity 0s, visibility 0s 0s;}








/*
.first_note_overlay {position: absolute; z-index: 201; width: 100%; height: 100%; background: rgba(0,0,0,0.85);
 display: table; text-align: center; visibility: visible;
-webkit-transition: all 1s ease-out; transition: all 1s ease-out;}
*/

#first_note_overlay {position: absolute; z-index: 201; width: 100%; height: 100%; background: black; overflow: hidden;
 display: table; text-align: center; visibility: visible;
-webkit-transition: all 1s ease-in; transition: all 1s ease-in;}
.first_note_overlay_bg {position: absolute; width: 100%; height: 100%; background: url('img/bg_video_05.jpg') center center / cover no-repeat;
opacity: 0.33; filter: blur(0.5vmax);}

.first_note_overlay.close_it {-webkit-transition: opacity 0s; transition: opacity 0s; visibility: 0s 0s; transition: opacity 0s, visibility 0s 0s;
transition-timing-function: ease-out; visibility: hidden;}

.first_note_overlay_inner {position: absolute; width: 60vmax; left: 20vmax; height: 100%; display: table; text-align: center;
margin-top: -2.50vmax; margin-left: 0vmax;}

.rf2_logo_first {width: 29.4vmax; margin-top:0vmax;}

.first_note_line {width: 52vmax; margin-left: 4vmax; margin-top: 0.725vmax; height: 1px; background: rgba(255,255,255,1);}

.first_note_overlay_text {display: table-cell; vertical-align: middle; font-size: 1.025vmax; line-height: 1.75vmax;
font-weight: 400; letter-spacing: 0.010vmax;}

.first_note_text_br {height: 4vmax;}

.first_note_selected {color: #ff9900;}

.first_note_cookies {position: absolute; width: 60vmax; left: 20vmax; top:0%; height: auto; text-align: center;
margin-top: 87.5vmin; margin-left: 0vmax; font-size: 0.8vmax; font-weight: 400; letter-spacing: 0.010vmax;}









/* email thank you */


.thank_you_4_feedback_overlay_bg {position: absolute; width: 100%; height: 100%; background: url('img/bg_video_05.jpg') center center / cover no-repeat;
opacity: 0.33; filter: blur(0.5vmax);}

.thank_you_4_feedback_overlay_inner {position: absolute; width: 100%; left: 0vmax; height: 100%; display: table; text-align: center;
margin-top: -2.50vmax; margin-left: 0vmax;}

.thank_you_4_feedback_line {width: 50vmax; margin-left: 25vmax; margin-top: 0.725vmax; height: 1px; background: rgba(255,255,255,1);}
.thank_you_4_feedback_line_invisible {width: 52vmax; margin-left: 4vmax; margin-top: 0.725vmax; height: 1vmax; background: rgba(255,255,255,0);}

.thank_you_4_feedback_overlay_text {display: table-cell; vertical-align: middle; font-size: 1.625vmax; line-height: 1.75vmax;
font-weight: 500; letter-spacing: 0.010vmax;}

.thank_you_4_feedback_overlay_text_2 {display: table-cell; vertical-align: middle; font-size: 14.050vmax; line-height: 1.75vmax;
font-weight: 500; letter-spacing: 0.010vmax;}

#returning {text-decoration: underline; color: rgba(0, 192, 240, 1);}
#returning:hover {text-decoration: underline; color: #ff2b00;}























































#top_line {position: absolute; z-index: 101; opacity:1; top:0%;
  background-image: linear-gradient(to right, rgba(20,20,20,1), rgba(50,50,50,1));
      left:0%; width:100%; height:5.9vmin; padding:0px;}


#orange_left {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(255, 43, 0, 1.00);
      left:-1.85vmin; width:9vmin; height:100%; transform: skew(-22.0deg, 0deg); display: block;
      -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_left_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none; border: 0vmax solid black;
      left:-1.2vmin; width:9vmin; height:100%; background: url('img/icon_left_steam.png') center center / contain no-repeat;}
#orange_left_href {display: block;}
#orange_left_href:hover ~ #orange_left {background: rgba(51, 51, 51, 1.00);}
#orange_left.remove {display: none;}
#orange_left_href.remove {display: none;}



#orange_right {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(255, 43, 0, 1.00);
      right:-1.85vmin; width:9vmin; height:100%; transform: skew(-22.0deg, 0deg);
  transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_right_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none; border: 0vmax solid black;
      right:-1vmin; width:9vmin; height:100%; background: url('img/icon_right_4.png') center center / contain no-repeat;
    transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_right_href:hover ~ #orange_right_icon {animation: heartbeat 1.25s infinite; animation-timing-function: linear;}
@keyframes heartbeat {
    0% { transform: scale(1); }
    10% { transform: scale(1.0333); }
    20% { transform: scale(0.987); }
    30% { transform: scale(1.05); }
    40% { transform: scale(0.975); }
    50% { transform: scale(1); }
   100%  { transform: scale(1); }}
#orange_right_href {position: absolute; z-index: 4; opacity:1; top:0%; background:rgba(155, 93, 0, 0.00);
      right:-1.85vmin; width:9vmin; height:100%; transform: skew(-22.0deg, 0deg); cursor: pointer;}
#orange_right_href:hover ~ #orange_right {background: rgba(51, 51, 51, 1.00);}
#orange_right_eyelids {position: absolute; z-index: 3; opacity:1; background:rgba(255, 255, 255, 1); border: 0px solid yellowgreen;
      top:2.5vmin; right:2.4vmin; width:2.2vmin; height:0vmin;}
#orange_right_href:hover ~ #orange_right_eyelids {animation: eyelids 5s infinite ;}
@keyframes eyelids {
    0% { right:2.4vmin; width:2.2vmin; height:0vmin; }
    10% { right:2.4vmin; width:2.2vmin; height:0vmin; }
    12.5% { right:2.4vmin; width:2.2vmin; height:1.2vmin; }
    15% { right:2.4vmin; width:2.2vmin; height:0vmin; }
    60% { right:3.4vmin; width:1.2vmin; height:0vmin; }
    65% { right:3.4vmin; width:1.2vmin;height:1.2vmin; }
    77.5% { right:3.4vmin; width:1.2vmin;height:0vmin; }
    100% { right:3.4vmin; width:1.2vmin; height:0vmin; }}
#orange_right.settings {background: rgba(0, 192, 240, 1);}
#orange_right.notepad {background: #ff9900;}




#top_title_mobile {display: none;}

#top_title {position: absolute; z-index: 2; opacity:1; top:1.3vmin; text-transform: none; font-style: italic;
left:9.2vmin; width:auto; height:100%; padding:0px; color: white; font-size: 3vmin; letter-spacing: 0.00vmin; font-weight: 400;}

#top_title_font_2 {font-weight: 300;}

#top_title_font_3 {text-decoration: none; text-transform: none;}
#top_title_font_3:hover {text-decoration: none;}
#top_title_font_4 {text-transform: none; font-size: 2.1vmin; top: -0.30vmin;
    position: relative; display: inline; opacity: 0;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#top_title:hover > #top_title_font_4 {opacity: 1;}


.top_title_link {text-transform: none;}
a.top_title_link:link {text-decoration: underline; color: white;}
a.top_title_link:visited {text-decoration: underline; color: white;}
a.top_title_link:active {text-decoration: underline; color: #ff2b00;}
a.top_title_link:hover {text-decoration: underline; color: #ff2b00;}

.top_title_link_cms {text-transform: none;}
a.top_title_link_cms:link {text-decoration: underline; color: white;}
a.top_title_link_cms:visited {text-decoration: underline; color: white;}
a.top_title_link_cms:active {text-decoration: underline; color: rgba(0, 192, 240, 1);}
a.top_title_link_cms:hover {text-decoration: underline; color: rgba(0, 192, 240, 1);}

#community_logo_cms {position: relative; display: inline-block;
  height: 2.75vmin; margin-bottom: -0.55vmin; padding-left: 0.75vmin; padding-right: 0.75vmin;}
.top_title_link_cms:hover #community_logo_cms {filter: brightness(50%) sepia(200%) hue-rotate(165deg) saturate(1000%);}




#user_pre_title {position: absolute; z-index: 1; opacity:1; top:0%; background:none; right:28.9vmin; width:auto; height:100%;
     color: white; font-size: 2.1vmin; letter-spacing: 0.06vmin; font-style: italic; font-weight: 300;
    padding: 1.8vmin 1.8vmin 1.8vmin 1.8vmin;
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background:rgba(0, 0, 240, 0); text-align: center;}






#user_button_href {position: absolute; z-index: 2; opacity:1; top:0%; background:none; right:22.775vmin; width:auto; height:100%;
    transform: skew(-22.0deg, 0deg); color: white; font-size: 2.1vmin; letter-spacing: 0.06vmin; font-style: italic; font-weight: 400;
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background:rgba(0, 0, 240, 0); text-align: center;}
#user_button_href:hover {background:#4fd34e; text-decoration: none;}
#user_title {background:rgba(0, 192, 240, 0.0); text-align: center;
        width:auto; height:auto; padding: 1.8vmin 1.8vmin 1.8vmin 1.8vmin;}
#user_title_unskew {background:rgba(0, 192, 240, 0.0); transform: skew(22.0deg, 0deg); text-decoration: none;}

#user_title {text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#user_title:hover {text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}








#notepad_button {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(100, 192, 240, 0.0);
      right:8.4vmin; width:7vmin; height:100%; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#notepad_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none;
      right:8.4vmin; margin-right: -0.1vmin; width:7vmin; height:100%; background: url('img/icon_notepad.png') center center / contain no-repeat;
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#notepad_button_href {position: absolute; z-index: 4; opacity:1; top:0%; background:rgba(255, 192, 0, 0.0);
      right:8.4vmin; width:7vmin; height:100%; transform: skew(-22.0deg, 0deg);}
#notepad_button_href:hover ~ #notepad_button {background: #ff9900;}

#notepad_button_href ~ #notepad_icon {
-webkit-animation: note-in 0.5s 1 ease; animation: note-in 0.5s 1 ease;}

#notepad_button_href:hover ~ #notepad_icon {transform: rotate(22deg);}










#settings_button {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(100, 192, 240, 0.0);
      right:15.6vmin; width:7vmin; height:100%; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#settings_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none;
      right:15.6vmin; margin-right: -0.1vmin; width:7vmin; height:100%; background: url('img/icon_settings_5.png') center center / contain no-repeat;
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#settings_button_href {position: absolute; z-index: 4; opacity:1; top:0%; background:rgba(255, 192, 0, 0.0);
      right:15.6vmin; width:7vmin; height:100%; transform: skew(-22.0deg, 0deg);}
#settings_button_href:hover ~ #settings_button {background:rgba(0, 192, 240, 1);}

#settings_button_href ~ #settings_icon {
-webkit-animation: come-in 0.5s 1 ease; animation: come-in 0.5s 1 ease;}

#settings_button_href:hover ~ #settings_icon {/* animate on hover */-webkit-animation: come-out 0.5s 1 ease;
animation: come-out 0.5s 1 ease; /* Keep the state after the animation has finished */-webkit-transform:rotate(0deg); transform:rotate(0deg);}
@keyframes come-in { 0% { transform:rotate(-45deg); } 100% { transform:rotate(0); }}
@-webkit-keyframes come-in { 0% { -webkit-transform:rotate(-45deg); }   100% { -webkit-transform:rotate(0); }}
@keyframes come-out { 0% { transform:rotate(0deg); } 100% { transform:rotate(45deg); }}
@-webkit-keyframes come-out { 0% { -webkit-transform:rotate(0%); } 100% { -webkit-transform:rotate(45deg); }}











.settings_page {position:absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.00);}
.settings_page_close {position: absolute; z-index: 100; width: 100%; height: 100%; right:0; top: 0;}
.settings_page_data {opacity: 0; visibility: hidden;
 -webkit-transition: opacity 0s; transition: opacity 0s; visibility: 0s 0s; transition: opacity 0s, visibility 0s 0s;
transition-timing-function: ease-out;}
.settings_page_open {opacity: 1; visibility: visible;
    -webkit-transition: opacity 1s; transition: opacity 1s;
transition-timing-function: ease-out;}










.notepad_page {position:absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.00);}
.notepad_page_close {position: absolute; z-index: 100; width: 100%; height: 100%; right:0; top: 0;}
.notepad_page_data {opacity: 0; visibility: hidden;
 -webkit-transition: opacity 0s; transition: opacity 0s; visibility: 0s 0s; transition: opacity 0s, visibility 0s 0s;
transition-timing-function: ease-out;}
.notepad_page_open {opacity: 1; visibility: visible;
    -webkit-transition: opacity 1s; transition: opacity 1s;
transition-timing-function: ease-out;}






#top_separator_notepad {position: absolute; z-index: 2; opacity:1; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
 top: 17vmin; left: 17.15vmax; width: 1px; height: 7vmin; overflow: hidden;}


#notepad_copy_text {width: 11.67vmax; position: absolute; z-index: 200; top:17.87vmin; margin-top: 0.5vmin; left: 33.84vmax; opacity: 1;
border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.72vmin 1.1vmin 1.07vmin 0.5vmin; font-size: 0.8vmax; background: none; letter-spacing: 0.05vmin;
text-align: center; color: #FFFFFF;  min-height: 4vmin; vertical-align: middle;}

#notepad_copy {width: 11.07vmax; height: 3.35vmin; position: absolute; z-index: 2; top:17.87vmin; margin-top: 0.5vmin; left: 33.96vmax; opacity: 1; background: none;
border: 0.05vmax solid rgba(255, 255, 255, 0.25); transform: skew(-22.0deg, 0deg); background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.33s ease; transition: all 0.33s ease;}

#notepad_copy_text:hover ~ #notepad_copy {background: rgba(255, 43, 0, 1);}



#notepad_clear_text {width: 21.42vmax; position: absolute; z-index: 200; top:17.87vmin; margin-top: 0.5vmin; left: 19.24vmax; opacity: 1;
border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.72vmin 1.1vmin 1.07vmin 0.5vmin; font-size: 0.8vmax; background: none; letter-spacing: 0.05vmin;
text-align: center; color: #FFFFFF;  min-height: 4vmin; vertical-align: middle;}

#notepad_clear {width: 20.77vmax; height: 3.35vmin; position: absolute; z-index: 2; top:17.87vmin; margin-top: 0.5vmin; left: 19.36vmax; opacity: 1; background: none;
border: 0.05vmax solid rgba(255, 255, 255, 0.25); transform: skew(-22.0deg, 0deg); background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.33s ease; transition: all 0.33s ease;}

#notepad_clear_text:hover ~ #notepad_clear {background: #ff9900;}






.main_title_notepad {position: absolute; z-index: 200; opacity:1; top:18.4vmin; font-weight: 500; letter-spacing: 0.010vmax;
        left:9.9vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.65vmax; text-transform: uppercase;}

.main_title_notepad_2 {font-weight: 300; text-transform: uppercase; opacity: 0.25;}

.notepad_title_1 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:7.8vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}
        
.notepad_title_2 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:29.715vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.notepad_title_2_b {position: relative; z-index: 200; opacity:1; display:inline-block; top:0vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:0vmax; width:auto; height:2.15vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.notepad_title_3 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:51.59vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.notepad_title_3_b {position: relative; z-index: 200; opacity:1; display:inline-block; top:0vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:0vmax; width:auto; height:2.15vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}


.notepad_title_4 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:73.5vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;
    -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}










#top_section_notepad {position: absolute; z-index: 101; opacity:1; top:8.7vmin; left:8.3vmax; height:6vmin;
    background: rgba(255, 0, 0, 0.0); display: flex;}

#top_section_notepad_1_container {position: relative; z-index: 101; width: 28.4vmin; height:100%;}
#top_section_notepad_1_container:hover #top_section_notepad_1_line {opacity: 1;}
#top_section_notepad_1 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}
#top_section_notepad_1_txt {position: absolute; z-index: 2; opacity:1; width: 100%; height:100%; background: none;}
#top_section_notepad_1_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_notepad_1_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}
#top_section_notepad_1_line {position: absolute; z-index: 2; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: #ff9900;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#top_section_notepad_1_line.closed {opacity: 0;}
#top_section_notepad_1_line.open {opacity: 1;}
#top_section_notepad_1_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 0.7vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_notepad.png') center center / contain no-repeat; background-size: 55%; transform: scale(1.75);}








.notepad_fake_message {position: absolute; z-index: 200; width: 80%; height: 54.95vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%) skew(-22.0deg, 0deg); left: 50%; top: 28.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}

.notepad_message {position: absolute; z-index: 200; width: 65%; height: 50.15vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%); left: 50%; top: 32vmin; margin-top: -1vmin; margin-left: -0.75vmax;
overflow-x: hidden; overflow-y:scroll;}


.feedlink_notepad_fake_message {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_notepad_message {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
 padding: 0vmin 0vmin 0vmin 0vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; letter-spacing: 0.05vmax; text-align: left;}
#feedlink_notepad_message {font-family: 'Ubuntu'; font-style: normal; font-weight: 300; font-size: 0.95vmax; line-height: 2.75vmin;}
.feedlink_notepad_fake_message.focused {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}
.feedlink_notepad_fake_message.hovered {border: 0.05vmax solid rgba(255, 255, 255, 0.875);}
.feedlink_notepad_fake_message.focused_2 {border: 0.05vmax solid transparent;
border-image: linear-gradient(to right, #ff2b00 0% , #ff9900 50%, rgba(0, 192, 240, 1) 100%); border-image-slice: 1;}
.feedlink_notepad_fake_message.clicked {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}


.feedlink_notepad_message::-webkit-scrollbar {width: 0.75vmax; background: none;}
.feedlink_notepad_message::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 0.75vmax rgba(0,0,0,0.0); background: url('img/scrollbar_line_2.png') center center / contain no-repeat; transform: scale(1);}
.feedlink_notepad_message::-webkit-scrollbar-thumb {background-color: rgba(128,128,128,1);}




















#orange_left_notepad {position: absolute; z-index: 201; opacity:1; top:0%; background: #ff9900; display: none;
      left:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);
      -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_left_notepad_icon {position: absolute; z-index: 202; opacity:1; top:0%; background:none; border: 0vmax solid black;
      left:-1.2vmin; width:9vmin; height:5.9vmin; background: url('img/icon_left_2.png') center center / contain no-repeat;}
#orange_left_notepad_href {display: none;}
#orange_left_notepad_href:hover ~ #orange_left_notepad {background: rgba(51, 51, 51, 1.00);}
#orange_left_notepad.notepad {display: block;}
#orange_left_notepad_href.notepad {display: block;}





#orange_left_settings {position: absolute; z-index: 201; opacity:1; top:0%; background: rgba(0, 192, 240, 1); display: none;
      left:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);
      -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_left_settings_icon {position: absolute; z-index: 202; opacity:1; top:0%; background:none; border: 0vmax solid black;
      left:-1.2vmin; width:9vmin; height:5.9vmin; background: url('img/icon_left_2.png') center center / contain no-repeat;}
#orange_left_settings_href {display: none;}
#orange_left_settings_href:hover ~ #orange_left_settings {background: rgba(51, 51, 51, 1.00);}
#orange_left_settings.settings {display: block;}
#orange_left_settings_href.settings {display: block;}








.main_title_settings {position: absolute; z-index: 200; opacity:1; top:18.4vmin; font-weight: 500; letter-spacing: 0.010vmax;
        left:9.9vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.65vmax; text-transform: uppercase;}

.main_title_settings_2 {font-weight: 300; text-transform: uppercase; opacity: 0.25;}

.settings_title_1 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:7.8vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}
        
.settings_title_2 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:29.715vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.settings_title_2_b {position: relative; z-index: 200; opacity:1; display:inline-block; top:0vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:0vmax; width:auto; height:2.15vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.settings_title_3 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:51.59vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.settings_title_3_b {position: relative; z-index: 200; opacity:1; display:inline-block; top:0vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:0vmax; width:auto; height:2.15vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}


.settings_title_4 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:73.5vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;
    -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}




.settings_setting_entry {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}
.settings_setting_entry:hover .settings_setting_entry_a {color: rgba(0, 192, 240, 1);}
.settings_setting_entry:hover .settings_setting_entry_b {color: rgba(0, 192, 240, 1);}
.settings_setting_entry:hover .settings_setting_entry_a_2 {color: rgba(0, 192, 240, 1);}
.settings_setting_entry:hover .settings_setting_entry_b_2 {color: rgba(0, 192, 240, 1);}

.settings_setting_entry_c:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}
.settings_setting_entry_d:hover {background: url('img/icon_settings_arrow_right_blue.png') center center / contain no-repeat;}

.settings_setting_entry_1 {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}
.settings_setting_entry_1:hover .settings_setting_entry_a_1 {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_1:hover .settings_setting_entry_a_1_z {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_1:hover .settings_setting_entry_b_1_on {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_1:hover .settings_setting_entry_b_1_off {color: rgba(0, 192, 240, 1);}


.settings_setting_entry_2 {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}
.settings_setting_entry_2:hover .settings_setting_entry_a {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2:hover .settings_setting_entry_b {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2:hover .settings_setting_entry_a_2 {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2:hover .settings_setting_entry_a_2_z {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2:hover .settings_setting_entry_b_2 {color: rgba(0, 192, 240, 1);}

.settings_setting_entry_2_p {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}
.settings_setting_entry_2_p:hover .settings_setting_entry_a_p {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2_p:hover .settings_setting_entry_b_p {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2_p:hover .settings_setting_entry_a_2_p {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2_p:hover .settings_setting_entry_a_2_z_p {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_2_p:hover .settings_setting_entry_b_2_p {color: rgba(0, 192, 240, 1);}

.settings_setting_entry_2_b {position: relative; display:inline-block; width: auto; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin-top: 0.34vmax; left: 0.7vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}


.settings_setting_entry_c:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}
.settings_setting_entry_d:hover {background: url('img/icon_settings_arrow_right_blue.png') center center / contain no-repeat;}

.settings_setting_entry_3 {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}
.settings_setting_entry_3:hover .settings_setting_entry_a_3 {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_3:hover .settings_setting_entry_b_3_on {color: rgba(0, 192, 240, 1);}
.settings_setting_entry_3:hover .settings_setting_entry_b_3_off {color: rgba(0, 192, 240, 1);}

.settings_setting_entry_4 {position: relative; display:inline-block; width: 100%; top: 0.4vmax; z-index: 200; opacity:1; text-align: justify;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
.
.settings_setting_entry_4_c:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}
.settings_setting_entry_4_d:hover {background: url('img/icon_settings_arrow_right_blue.png') center center / contain no-repeat;}




.settings_setting_entry_a {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(26, 80, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_1 {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_1_z {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden; font-weight: 700;}

.settings_setting_entry_a_2 {position: relative; display:inline-block; width: 86.75%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 50, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}
.settings_setting_entry_a_2.clicked {color: rgba(0, 192, 240, 1);}

.settings_setting_entry_a_2_z {position: relative; display:inline-block; width: 86.75%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 50, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden; font-weight: 700;}
.settings_setting_entry_a_2_z.clicked {color: rgba(255, 255, 255, 1);}

.settings_setting_entry_a_3 {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_3_extra {position: relative; display:inline-block; width: 75.5%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_3_extra_z {position: relative; display:inline-block; width: 100%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_3_b {position: relative; display:inline-block; width: 92.75%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 50, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_b {position: relative; display:inline-block; width: 14%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}

.settings_setting_entry_b_1_off {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_1_off.off {display: none;}

.settings_setting_entry_b_1_z_off {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden; font-weight: 700;}
.settings_setting_entry_b_1_z_off.off {display: none;}

.settings_setting_entry_b_1_on {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_1_on.off {display: none;}

.settings_setting_entry_b_1_z_on {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden; font-weight: 700;}
.settings_setting_entry_b_1_z_on.off {display: none;}

.settings_setting_entry_b_3_off {position: relative; display:inline-block; width: 14%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_3_off.off {display: none;}

.settings_setting_entry_b_3_on {position: relative; display:inline-block; width: 14%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_3_on.off {display: none;}


.settings_setting_entry_c {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; background: rgba(13, 80, 170, 0.00); text-align: center;
    overflow: hidden; background: red;}

.settings_setting_entry_c_3 {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_3:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}

.settings_setting_entry_c_1_off {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center; opacity: 0.1;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_1_off.off {display: none;}

.settings_setting_entry_c_1_on {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_1_on:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}
.settings_setting_entry_c_1_on.off {display: none;}

.settings_setting_entry_c_3_off {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center; opacity: 0.1;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_3_off.off {display: none;}

.settings_setting_entry_c_3_on {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_3_on:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}
.settings_setting_entry_c_3_on.off {display: none;}

.settings_setting_entry_c_3_extra {position: relative; display:inline-block; width: 18%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.0vmax; left:0vmax; text-align: center;
    overflow: hidden; background: none;}

.settings_setting_entry_d {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.15vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_right.png') center center / contain no-repeat;}

.settings_setting_entry_d_2 {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.15vmax; left:0vmax; background: rgba(100, 100, 170, 0.25); text-align: center;
    overflow: visible; background: none;}

.settings_setting_entry_d_1_off {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.05vmax; left:0vmax; text-align: center; opacity: 0.1;
    overflow: hidden; background: url('img/icon_settings_arrow_right.png') center center / contain no-repeat;}
.settings_setting_entry_d_1_off.off {display: none;}

.settings_setting_entry_d_1_on {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.05vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_right.png') center center / contain no-repeat;}
.settings_setting_entry_d_1_on:hover {background: url('img/icon_settings_arrow_right_blue.png') center center / contain no-repeat;}
.settings_setting_entry_d_1_on.off {display: none;}

.settings_setting_entry_d_3_off {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.05vmax; left:0vmax; text-align: center; opacity: 0.1;
    overflow: hidden; background: url('img/icon_settings_arrow_right.png') center center / contain no-repeat;}
.settings_setting_entry_d_3_off.off {display: none;}

.settings_setting_entry_d_3_on {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.05vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_right.png') center center / contain no-repeat;}
.settings_setting_entry_d_3_on:hover {background: url('img/icon_settings_arrow_right_blue.png') center center / contain no-repeat;}
.settings_setting_entry_d_3_on.off {display: none;}

.settings_setting_entry_d_3_b {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.05vmax; left:0vmax; background: rgba(100, 100, 170, 0.25); text-align: center;
    overflow: visible;}





.settings_setting_entry_a_p {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(26, 80, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_1_p {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_1_z_p {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden; font-weight: 700;}

.settings_setting_entry_a_2_p {position: relative; display:inline-block; width: 86.75%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 50, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}
.settings_setting_entry_a_2_p.clicked {color: rgba(0, 192, 240, 1);}

.settings_setting_entry_a_2_z_p {position: relative; display:inline-block; width: 86.75%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 50, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden; font-weight: 700;}
.settings_setting_entry_a_2_z_p.clicked {color: rgba(255, 255, 255, 1);}

.settings_setting_entry_a_3_p {position: relative; display:inline-block; width: 60%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_3_extra_p {position: relative; display:inline-block; width: 75.5%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_3_extra_z_p {position: relative; display:inline-block; width: 100%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_a_3_b_p {position: relative; display:inline-block; width: 92.75%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 50, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.settings_setting_entry_b_p {position: relative; display:inline-block; width: 14%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}

.settings_setting_entry_b_1_off_p {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_1_off_p.off {display: none;}

.settings_setting_entry_b_1_z_off_p {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden; font-weight: 700;}
.settings_setting_entry_b_1_z_off_p.off {display: none;}

.settings_setting_entry_b_1_on_p {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_1_on_p.off {display: none;}

.settings_setting_entry_b_1_z_on_p {position: relative; display:inline-block; width: 13%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden; font-weight: 700;}
.settings_setting_entry_b_1_z_on_p.off {display: none;}

.settings_setting_entry_b_3_off_p {position: relative; display:inline-block; width: 14%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_3_off_p.off {display: none;}

.settings_setting_entry_b_3_on_p {position: relative; display:inline-block; width: 14%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.4vmax; left:0vmax; background: rgba(56, 110, 170, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax; text-align: right;
    overflow: hidden;}
.settings_setting_entry_b_3_on_p.off {display: none;}


.settings_setting_entry_c_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; background: rgba(13, 80, 170, 0.00); text-align: center;
    overflow: hidden; background: red;}

.settings_setting_entry_c_3_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_3_p:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}

.settings_setting_entry_c_1_off_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center; opacity: 0.1;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_1_off_p.off {display: none;}

.settings_setting_entry_c_1_on_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_1_on_p:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}
.settings_setting_entry_c_1_on_p.off {display: none;}

.settings_setting_entry_c_3_off_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center; opacity: 0.1;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_3_off_p.off {display: none;}

.settings_setting_entry_c_3_on_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.3vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_left.png') center center / contain no-repeat;}
.settings_setting_entry_c_3_on_p:hover {background: url('img/icon_settings_arrow_left_blue.png') center center / contain no-repeat;}
.settings_setting_entry_c_3_on_p.off {display: none;}

.settings_setting_entry_c_3_extra_p {position: relative; display:inline-block; width: 18%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.0vmax; left:0vmax; text-align: center;
    overflow: hidden; background: none;}

.settings_setting_entry_d_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.15vmax; left:0vmax; text-align: center;
    overflow: hidden; background: url('img/icon_settings_arrow_right.png') center center / contain no-repeat;}

.settings_setting_entry_d_2_p {position: relative; display:inline-block; width: 6.5%; top: 0; height:1.5vmax; z-index: 200; opacity:1;
    margin-left: 0.15vmax; left:0vmax; background: rgba(100, 100, 170, 0.25); text-align: center;
    overflow: visible; background: none;}






.settings_setting_entry_XXXXXXXXXXXXXX.nohover:hover {color: white;}







.settings_setting_entry_invisible {position: relative; display:inline-block; width: 100%; top: 0; height:1.35vmax; z-index: 200;
    opacity:0.0; background: pink; }

.settings_setting_entry_invisible_2 {position: relative; display:inline-block; width: 100%; top: 0; height:0.1vmax; z-index: 200;
    opacity:0.5; background: pink; }




/* it's whole width is  width: 18.15vmax; */
.settings_setting_1_wrapper {position: absolute; left:7.8vmax; background: rgba(123, 244, 22, 0.00); width: 19.5vmax; top:30.3vmin;
      overflow-x: hidden; overflow-y:scroll; opacity: 1; height: 25.25vmax; z-index: 102;}

.settings_setting_2_wrapper {position: absolute; left:29.7vmax; background: rgba(123, 244, 22, 0.00); width: 19vmax; top:30.3vmin;
     opacity: 1;}

.settings_setting_3_wrapper {position: absolute; left:51.575vmax; background: rgba(123, 244, 22, 0.00); width: 19vmax; top:30.3vmin;
     opacity: 1;}

.settings_setting_4_wrapper {position: absolute; left:73.5vmax; background: rgba(123, 244, 22, 0.00); width: 17.66vmax; top:30.3vmin;
    line-height: 1.15vmax; margin-top: 0.45vmax;
     opacity: 1;}



#settings_background_box_4 {position: absolute; top: 25.225vmin; left:72.4175vmax; width: 19.56vmax; height: 29.45vmax; background: rgba(0, 0, 0, 0.5);
border-top: 0.1vmax rgba(255, 255, 255, 0.1); border-right: 0.1vmax rgba(255, 255, 255, 0.1); border-left: 0.1vmax rgba(255, 255, 255, 0.1); border-bottom: 0.1vmax rgba(255, 255, 255, 0.00);}


.settings_setting_entry_4 br {margin: 0.5vmax; display: block;}


#extra_scrollbar_line_setting_1 {position: absolute; z-index: 500; background-image: linear-gradient(to bottom, rgba(128,128,128,1) 0%, rgba(128,128,128,1) 50%, rgba(128,128,128,0) 100%);
 width:1px; height:27vmax; left: 25.56vmax; top:30.3vmin;}

.style-3-settings::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 0.75vmax rgba(0,0,0,0.0); background: url('img/scrollbar_line_2.png') center center / contain no-repeat; transform: scale(1);}
.style-3-settings::-webkit-scrollbar
{width: 0.75vmax; background: none}
.style-3-settings::-webkit-scrollbar-thumb
{background-color: rgba(128,128,128,1);}


.button_weekdays {position: relative; z-index: 201; display: inline-block; width: auto; height: auto; padding: 0.05vmax 0.28vmax 0.05vmax 0.28vmax; font-weight: 300;
    border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.5); background: rgba(0, 192, 240, 0); margin-right: 0.27vmax;}
.button_weekdays:hover {border-color: rgba(255, 255, 255, 0.75);}
.button_weekdays.clicked {border-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.25);}
.button_weekdays:hover.clicked {border-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.75);}

.button_settings_reset_first_button {position: relative; z-index: 201; display: inline-block; width: auto; height: auto; padding: 0.05vmax 0.28vmax 0.05vmax 0.28vmax; font-weight: 300;
    border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.5); background: rgba(0, 192, 240, 0); margin-left: -0.5vmax; margin-top: 0.2vmax;}
.button_settings_reset_first_button:hover {border-color: rgba(255, 255, 255, 0.75);}

.button_settings_reset {position: relative; z-index: 201; display: inline-block; width: auto; height: auto; padding: 0.05vmax 0.28vmax 0.05vmax 0.28vmax; font-weight: 300;
    border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.5); background: rgba(0, 192, 240, 0); margin-left: -0.5vmax; margin-top: 0.2vmax;}
.button_settings_reset:hover {border-color: rgba(255, 255, 255, 0.75);}



.the_radio_settings {position: absolute; z-index: 202; width: 0.75vmax; top: 0.1vmax; height:0.75vmax; left:-0.11vmax; margin-top: 0.2vmax;
border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 100%;}
.the_radio_settings.color_radio_settings_to_row {border: 0.1vmax solid rgba(255, 255, 255, 0.5);}
.the_radio_settings.circle {border: 0.1vmax solid rgba(0, 192, 240, 1);}


.new_radio_settings {position:absolute; z-index: 202;
width: 0.6vmax; height: 0.6vmax; background: rgba(0, 192, 240, 1); position: absolute; top: 0.1vmax; margin-top: 0.40vmax; left:-0.11vmax; margin-left: 0.175vmax;
    border-radius: 100%; -webkit-transition: all 0s ease; transition: all 0s ease;
opacity: 0; -webkit-transform: scale(0); -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.new_radio_settings.checked {opacity: 1; -webkit-transform: scale(1); margin-top: 0.40vmax; margin-left: 0.175vmax;}
.new_radio_settings.overide {opacity: 1; -webkit-transform: scale(1);}


.new_label_settings {position:absolute; z-index: 202;
width: 0.7vmax; height: 0.7vmax; background: rgba(0, 192, 240, 1); position: absolute; top: 0.1vmax; margin-top: 0.40vmax; left:-0.11vmax; margin-left: 0.175vmax;
    border-radius: 0%; -webkit-transition: all 0s ease; transition: all 0s ease;
opacity: 1; -webkit-transform: scale(1);}



.the_radio_settings_p {position: absolute; z-index: 202; width: 0.75vmax; top: 0.1vmax; height:0.75vmax; left:-0.11vmax; margin-top: 0.2vmax;
border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 100%;}
.the_radio_settings_p.color_radio_settings_to_row {border: 0.1vmax solid rgba(255, 255, 255, 0.5);}
.the_radio_settings_p.circle {border: 0.1vmax solid rgba(0, 192, 240, 1);}


.new_radio_settings_p {position:absolute; z-index: 202;
width: 0.6vmax; height: 0.6vmax; background: rgba(0, 192, 240, 1); position: absolute; top: 0.1vmax; margin-top: 0.40vmax; left:-0.11vmax; margin-left: 0.175vmax;
    border-radius: 100%; -webkit-transition: all 0s ease; transition: all 0s ease;
opacity: 0; -webkit-transform: scale(0); -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.new_radio_settings_p.checked {opacity: 1; -webkit-transform: scale(1); margin-top: 0.40vmax; margin-left: 0.175vmax;}
.new_radio_settings_p.overide {opacity: 1; -webkit-transform: scale(1);}



/*
.colo_1 {background: rgba(255, 255, 255, 1);}
.colo_2 {background: rgba(255, 255, 255, 0.75);}
.colo_3 {background: rgba(255, 255, 255, 0.5);}
.colo_4 {background: rgba(255, 255, 255, 0.25);}
.colo_5 {background: #ff9900;}
.colo_6 {background: white;}
.colo_7 {background: #ff2b00}
.colo_8 {background: #ff9900;}
.colo_9 {background: rgba(0, 192, 240, 1);}
*/





#samurai {text-align: right;}















































.main_title_faq {position: absolute; z-index: 200; opacity:1; top:18.4vmin; font-weight: 500; letter-spacing: 0.010vmax;
        left:9.9vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.65vmax; text-transform: uppercase;}

.main_title_faq_2 {font-weight: 300; text-transform: uppercase; opacity: 0.25;}


.faq_title_1 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:7.8vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}
        
.faq_title_2 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:29.715vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.faq_title_2_b {position: relative; z-index: 200; opacity:1; display:inline-block; top:0vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:0vmax; width:auto; height:2.15vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.faq_title_3 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:51.59vmax; width:auto; height:1.5vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}

.faq_title_3_b {position: relative; z-index: 200; opacity:1; display:inline-block; top:0vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:0vmax; width:auto; height:2.15vmax; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;}


.faq_title_4 {position: absolute; z-index: 200; opacity:1; top:26.55vmin; font-weight: 400; letter-spacing: 0.010vmax;
        left:73.5vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.225vmax; text-transform: uppercase;
    -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}




.faq_setting_entry {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}

.faq_setting_entry_c:hover {background: url('img/icon_faq_arrow_left_blue.png') center center / contain no-repeat;}
.faq_setting_entry_d:hover {background: url('img/icon_faq_arrow_right_blue.png') center center / contain no-repeat;}

.faq_setting_entry_1 {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}

.faq_setting_entry_3 {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}

.faq_setting_entry_3_pic {position: relative; display:inline-block; width: 90%; top: 0; z-index: 200; opacity:1; float:left;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; margin: 0vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}



.faq_setting_entry_a_1 {position: relative; display:inline-block; width: 100%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}

.faq_setting_entry_a_3 {position: relative; display:inline-block; width: 100%; top: 0; height:100%; z-index: 200; opacity:1;
    margin-left: 0.7vmax; left:0vmax; background: rgba(56, 80, 180, 0.00); padding-top:0.485vmax; padding-bottom:0.30vmax;
    overflow: hidden;}





.faq_setting_entry_XXXXXXXXXXXXXX.nohover:hover {color: white;}







.faq_setting_entry_invisible {position: relative; display:inline-block; width: 100%; top: 0; height:1.35vmax; z-index: 200;
    opacity:0.0; background: pink; }

.faq_setting_entry_invisible_2 {position: relative; display:inline-block; width: 100%; top: 0; height:0.1vmax; z-index: 200;
    opacity:0.5; background: pink; }




/* it's whole width is  width: 18.15vmax; */
.faq_setting_1_wrapper {position: absolute; left:7.8vmax; background: rgba(123, 244, 22, 0.00); width: 41vmax; top:30.3vmin;
      overflow-x: hidden; overflow-y:scroll; opacity: 1; height: 29.25vmax; z-index: 102;}

.faq_setting_3_wrapper {position: absolute; left:51.575vmax; background: rgba(123, 244, 22, 0.00); width: 41vmax; top:30.3vmin;
     opacity: 1; height: 29.25vmax; z-index: 102;}


.faq_setting_entry_4 br {margin: 0.5vmax; display: block;}


#extra_scrollbar_line_setting_1 {position: absolute; z-index: 500; background-image: linear-gradient(to bottom, rgba(128,128,128,1) 0%, rgba(128,128,128,1) 50%, rgba(128,128,128,0) 100%);
 width:1px; height:27vmax; left: 25.56vmax; top:30.3vmin;}

.style-3-faq::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 0.75vmax rgba(0,0,0,0.0); background: url('img/scrollbar_line_2.png') center center / contain no-repeat; transform: scale(1);}
.style-3-faq::-webkit-scrollbar
{width: 0.75vmax; background: none}
.style-3-faq::-webkit-scrollbar-thumb
{background-color: rgba(128,128,128,1);}




#hidden_features {left: 0; top: 0;
    width: 100%; height: 9vmax; margin-top: 1vmax; margin-bottom: 1vmax; background: url('img/rf2.events_hidden_features.png') top center / cover no-repeat;}

#hidden_features_car {left: 0; top: 0;
    width: 100%; height: 9vmax; margin-top: 1vmax; margin-bottom: 1vmax; background: url('img/rf2.events_hidden_features_car_static.jpg') center center / cover no-repeat;}


#hidden_features_overlay {opacity: 0; visibility: hidden;
position:absolute; z-index: 300; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: rgba(0, 0, 0, 0.5);}
#hidden_features_overlay.open {opacity: 1; visibility: visible; -webkit-transition: opacity 1s; transition: opacity 1s; transition-timing-function: easeout;}
#hidden_features_overlay.closed {position: absolute; opacity: 0; visibility: hidden; }

#hidden_features_pic {position:absolute; width: 86%; height: 86%; top: 7%; left: 7%; background: url('img/rf2.events_hidden_features.png') top center / cover no-repeat;}
#hidden_features_overlay.open {opacity: 1; visibility: visible; -webkit-transition: opacity 1s; transition: opacity 1s; transition-timing-function: easeout;}
#hidden_features_overlay.closed {position: absolute; opacity: 0; visibility: hidden; }
































.settings_features_txt {font-size: 1.025vmax; font-weight: 400;}

#versions {position:relative; left: 15%; width:70%; height: 100%; background: rgba(78, 78, 78, 0.0);}

/*
#v1 {position:absolute; left: 1%; width:31.333%; background: rgba(178, 78, 78, 0.0);}
#v2 {position:absolute; left: 34.333%; width:31.333%; background: rgba(178, 78, 78, 0.0);}
#v3 {position:absolute; left: 67.666%; width:31.333%; background: rgba(178, 78, 78, 0.0);}
*
//* #clozer {font-size: 1.625vmin;} */


#top_section_settings {position: absolute; z-index: 101; opacity:1; top:8.7vmin; left:8.3vmax; height:6vmin;
    background: rgba(255, 0, 0, 0.0); display: flex;}

#top_section_settings_1_container {position: relative; z-index: 101; width: 28.4vmin; height:100%;}
#top_section_settings_1_container:hover #top_section_settings_1_line {opacity: 1;}
#top_section_settings_1 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}
#top_section_settings_1_txt {position: absolute; z-index: 2; opacity:1; width: 100%; height:100%; background: none;}
#top_section_settings_1_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_settings_1_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}
#top_section_settings_1_line {position: absolute; z-index: 2; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: rgba(0, 192, 240, 1);
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#top_section_settings_1_line.closed {opacity: 0;}
#top_section_settings_1_line.open {opacity: 1;}
#top_section_settings_1_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 0.7vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_settings_5.png') center center / contain no-repeat; background-size: 55%; transform: scale(1.75);}

#top_section_settings_2_container {position: relative; z-index: 101; width: 28.4vmin; height:100%; opacity: 1;}
#top_section_settings_2_container:hover #top_section_settings_2_line {opacity: 1;}
#top_section_settings_2 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; margin-left: 0.50vmax; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}
#top_section_settings_2_txt {position: absolute; z-index: 2; opacity:1; width:100% ; height:100%; background: none; margin-left: 0.5vmax;}
#top_section_settings_2_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_settings_2_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}
#top_section_settings_2_line {position: absolute; z-index: 2; opacity: 0; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: rgba(0, 192, 240, 1);
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#top_section_settings_2_line.open {opacity: 1;}
#top_section_settings_2_line.closed {opacity: 0;}
#top_section_settings_2_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 1.2vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_contact_2.png') center center / contain no-repeat; background-size: 52%; transform: scale(1.75);}

#top_section_settings_3_container {position: relative; z-index: 101; width: 28.4vmin; height:100%; opacity: 1;}
#top_section_settings_3_container:hover #top_section_settings_3_line {opacity: 1;}
#top_section_settings_3 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; margin-left: 1.00vmax; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}
#top_section_settings_3_txt {position: absolute; z-index: 2; opacity:1; width:100% ; height:100%; background: none; margin-left: 0.5vmax;}
#top_section_settings_3_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_settings_3_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}
#top_section_settings_3_line {position: absolute; z-index: 2; opacity: 0; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: rgba(0, 192, 240, 1);
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#top_section_settings_3_line.open {opacity: 1;}
#top_section_settings_3_line.closed {opacity: 0;}
#top_section_settings_3_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 1.2vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_faq.png') center center / contain no-repeat; background-size: 52%; transform: scale(1.75);}






.temporary_opacity {opacity: 0.25;}
.temporary_color {opacity: 0.25;}
.temporary_color:hover {opacity: 1;}













.settings_inner_overlay_b {opacity: 1; visibility: visible;}
.settings_inner_overlay_b.open {opacity: 1; visibility: visible; -webkit-transition: opacity 1s; transition: opacity 1s; transition-timing-function: easeout;}
.settings_inner_overlay_b.closed {opacity: 0; visibility: hidden;}

.settings_inner_overlay {opacity: 1; visibility: hidden;}
.settings_inner_overlay.open {opacity: 1; visibility: visible; -webkit-transition: opacity 1s; transition: opacity 1s; transition-timing-function: easeout;}
.settings_inner_overlay.closed {opacity: 0; visibility: hidden;}


.contact_staff_inner_overlay {opacity: 0; visibility: hidden;}
.contact_staff_inner_overlay.open {opacity: 1; visibility: visible; -webkit-transition: opacity 1s; transition: opacity 1s; transition-timing-function: easeout;}
.contact_staff_inner_overlay.closed {position: absolute; opacity: 0; visibility: hidden;}




.contact_staff_content {}





.faq_inner_overlay {opacity: 0; visibility: hidden;}
.faq_inner_overlay.open {opacity: 1; visibility: visible; -webkit-transition: opacity 1s; transition: opacity 1s; transition-timing-function: easeout;}
.faq_inner_overlay.closed {position: absolute; opacity: 0; visibility: hidden;}

.faq_content {}
.faq_content_01 {position: absolute; top: 20%; z-index: 100; width: 100%; left: 0; }






.main_title_contact_staff {position: absolute; z-index: 200; opacity:1; top:18.4vmin; font-weight: 500; letter-spacing: 0.010vmax;
        left:9.9vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.65vmax; text-transform: uppercase;}

.main_title_contact_staff_2 {font-weight: 300; text-transform: uppercase; opacity: 1;}




#contact_staff_title {position: absolute; z-index: 200; opacity:1; font-weight: 700; letter-spacing: 0.010vmax;
    width:auto; height:5.9vmin; padding:0px; font-size: 1.65vmax; text-transform: uppercase;
    text-align: center; color: #ff2b00; left: 50%; top: 21.75vmin; margin-top: -1vmin; transform: translate(-50%, 0%);}
#contact_staff_title.focused_3 {color: white;}
#contact_staff_title_font_2 {color: #ff9900;}
#contact_staff_title_font_2.focused_3 {color: white;}
#contact_staff_title_font_3 {color: #00c0f0;}
#contact_staff_title_font_3.focused_3 {color: white;}

.contact_staff_fake_name {position: absolute; z-index: 200; width: 20%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%) skew(-22.0deg, 0deg); left: 50%; top: 28.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}
.contact_staff_fake_email {position: absolute; z-index: 200; width: 20%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%) skew(-22.0deg, 0deg); left: 50%; top: 38.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}
.contact_staff_fake_message {position: absolute; z-index: 200; width: 40%; height: 14.95vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%) skew(-22.0deg, 0deg); left: 50%; top: 48.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}


.contact_staff_name {position: absolute; z-index: 200; width: 20%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%); left: 50%; top: 28.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}

.contact_staff_email {position: absolute; z-index: 200; width: 20%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%); left: 50%; top: 38.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}

.contact_staff_message {position: absolute; z-index: 200; width: 38%; height: 12.15vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%); left: 50%; top: 50.15vmin; margin-top: -1vmin; margin-left: -0.75vmax;}


.feedlink_contact_staff_fake_name {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_contact_staff_name {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_contact_staff_fake_name.focused {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}
.feedlink_contact_staff_fake_name.hovered {border: 0.05vmax solid rgba(255, 255, 255, 0.875);}
.feedlink_contact_staff_fake_name.focused_2 {border: 0.05vmax solid transparent;
border-image: linear-gradient(to right, #ff2b00 0% , #ff9900 50%, rgba(0, 192, 240, 1) 100%); border-image-slice: 1;}
.feedlink_contact_staff_fake_name.clicked {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}

.feedlink_contact_staff_fake_email {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_contact_staff_email {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_contact_staff_fake_email.focused {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}
.feedlink_contact_staff_fake_email.hovered {border: 0.05vmax solid rgba(255, 255, 255, 0.875);}
.feedlink_contact_staff_fake_email.focused_email {border: 0.05vmax solid transparent;
border-image: linear-gradient(to right, #ff2b00 0% , #ff9900 50%, rgba(0, 192, 240, 1) 100%); border-image-slice: 1;}
.feedlink_contact_staff_fake_email.clicked {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}

.feedlink_contact_staff_fake_message {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_contact_staff_message {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
#feedlink_contact_staff_message {font-family: 'Ubuntu'; font-style: normal; font-weight: 400; font-size: 0.8vmax; line-height: 1.9vmin;}
.feedlink_contact_staff_fake_message.focused {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}
.feedlink_contact_staff_fake_message.hovered {border: 0.05vmax solid rgba(255, 255, 255, 0.875);}
.feedlink_contact_staff_fake_message.focused_2 {border: 0.05vmax solid transparent;
border-image: linear-gradient(to right, #ff2b00 0% , #ff9900 50%, rgba(0, 192, 240, 1) 100%); border-image-slice: 1;}
.feedlink_contact_staff_fake_message.clicked {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-background-clip: text !important;
-webkit-text-fill-color: #FFFFFF;
}










.contact_staff_txt {position: absolute; z-index: 200; width: auto; font-size:0.85vmax; font-weight: 400;
    text-align: center; line-height: 3vmin; left: 50%; top: 69.125vmin; margin-top: -1vmin; transform: translate(-50%, 0%);
cursor: text;}



#check_not_ai_contact_staff [type="checkbox"]:checked,
#check_not_ai_contact_staff [type="checkbox"]:not(:checked) {position: absolute; top: 0.5vmax; opacity: 0;}
#check_not_ai_contact_staff [type="checkbox"]:checked + label,
#check_not_ai_contact_staff [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_not_ai_contact_staff [type="checkbox"]:checked + label:before,
#check_not_ai_contact_staff [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_not_ai_contact_staff [type="checkbox"]:checked + label:after,
#check_not_ai_contact_staff [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: rgba(0, 192, 240, 1); position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_not_ai_contact_staff [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_not_ai_contact_staff [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.input-group_not_ai_contact_staff {position: absolute; white-space: nowrap; font-size:0.85vmax; text-transform: none;}

#check_not_ai_contact_staff {position: absolute; z-index: 200; top:80vmin; margin-top: -1vmin; transform: translate(-50%, 0%); left: 50%;}




#orange_send_contact_staff_href {position: absolute; z-index: 201; opacity:1; top:68.5vmin; /*bottom:7.7vmin;*/ background:rgba(0, 255, 100, 0);
      left:43vmax; width:14.0vmax; height:6.4vmin; transform: skew(-22.0deg, 0deg); border: 0; opacity: 0;}
#orange_send_contact_staff {position: absolute; z-index: 200; opacity:1; top:68.5vmin; /*bottom:7.7vmin;*/ background:rgba(0, 192, 240, 1);
      left:43vmax; width:14.0vmax; height:6.4vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_send_contact_staff_href:hover ~ #orange_send_contact_staff {background: rgba(51, 51, 51, 1.00);}
#orange_send_contact_staff_text {position: absolute; z-index: 200; opacity:1; top:68.5vmin; /*bottom:7.7vmin;*/ margin-top:1.53vmin; background:rgba(255, 255, 255, 0); color: white;
      left:43vmax; width:14.0vmax; height:4.9vmin; font-size:3.0vmin; font-weight: 700; text-transform: uppercase; font-style: italic; letter-spacing: 0.0vmin;
      text-align: center;}



































#top_sections {position: absolute; z-index: 2; opacity:1; top:8.7vmin; left:8.3vmax; height:6vmin;
    background: rgba(255, 0, 0, 0.0); display: flex;}


#top_section_1_container {position: relative; z-index: 2; width: 28.4vmin; height:100%;}

#top_section_1 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}

#top_section_1_txt {position: absolute; z-index: 2; opacity:1; width: 100%; height:100%; background: none;}
#top_section_1_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_1_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}

#top_section_1_line {position: absolute; z-index: 2; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: #ff2b00;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#top_section_1_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 0.7vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_menu.png') center center / contain no-repeat; background-size: 55%;}


#top_section_2_container {position: relative; z-index: 2; width: 28.4vmin; height:100%;}
#top_section_2_container:hover #top_section_2_line {opacity: 1;}
#top_section_2 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; margin-left: 0.50vmax; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}

#top_section_2_txt {position: absolute; z-index: 2; opacity:1; width:100% ; height:100%; background: none; margin-left: 0.5vmax;}
#top_section_2_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_2_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}

#top_section_2_line {position: absolute; z-index: 2; opacity: 0; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: #ff2b00;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#top_section_2_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 1.2vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_s397_2.png') center center / contain no-repeat; background-size: 55%;}


#top_section_4_container {position: relative; z-index: 2; width: 28.4vmin; height:100%;}
#top_section_4_container:hover #top_section_4_line {opacity: 1;}
#top_section_4 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; margin-left: 0.50vmax; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}

#top_section_4_txt {position: absolute; z-index: 2; opacity:1; width:100% ; height:100%; background: none; margin-left: 0.50vmax;}
#top_section_4_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_4_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}

#top_section_4_line {position: absolute; z-index: 2; opacity: 0; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: #ff2b00;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#top_section_4_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 1.2vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_menu_2.png') center center / contain no-repeat; background-size: 55%;}


#top_section_3_container {position: relative; z-index: 2; width: 28.4vmin; height:100%;}
#top_section_3_container:hover #top_section_3_line {opacity: 1;}
#top_section_3 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; margin-left: 1.00vmax; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}

#top_section_3_txt {position: absolute; z-index: 2; opacity:1; width:100% ; height:100%; background: none; margin-left: 1.00vmax;}
#top_section_3_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.00vmin;}
#top_section_3_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}

#top_section_3_line {position: absolute; z-index: 2; opacity: 0; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: #ff2b00;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#top_section_3_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 1.7vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_lfm.png') center center / contain no-repeat; background-size: 55%;}


#top_section_5_container {position: relative; z-index: 2; width: 16.4vmin; height:100%;}
#top_section_5_container:hover #top_section_5_line {opacity: 1;}
#top_section_5 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; margin-left: 1.0vmax; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}

#top_section_5_txt {position: absolute; z-index: 2; opacity:1; width:100% ; height:100%; background: none; margin-left: 0.5vmax;
text-decoration: underline;}
#top_section_5_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_5_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}

#top_section_5_line {position: absolute; z-index: 2; opacity: 0; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: #ff2b00;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#top_section_5_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 1.7vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_menu_2.png') center center / contain no-repeat; background-size: 55%;}

#top_section_5_txt_a:hover {text-decoration: underline;}
#top_section_5_txt_b:hover {text-decoration: underline;}





#top_sections_2 {position: absolute; z-index: 2; opacity:1; top:8.7vmin; right:8.3vmax; height:6vmin;
    background: rgba(255, 0, 0, 0.0); display: flex;}

#top_section_9_container {position: relative; z-index: 2; width: 28.4vmin; height:100%;}
#top_section_9_container:hover #top_section_9_line {opacity: 1;}
#top_section_9 {position: absolute; z-index: 2; opacity:1; top:0vmin; width: 100%; margin-left: 0.50vmax; height:100%; transform: skew(-22.0deg, 0deg);
    background: rgba(0, 0, 0, 0.5); border: 0.1vmax solid; border-color: rgba(255, 255, 255, 0.15);}

#top_section_9_txt {position: absolute; z-index: 2; opacity:1; width:100% ; height:100%; background: none; margin-left: 0.5vmax;}
#top_section_9_txt_a {position: absolute; z-index: 2; top:23%; left:26%; font-size: 1.625vmin; text-transform: uppercase; font-weight: 500; letter-spacing: 0.025vmin;}
#top_section_9_txt_b {position: absolute; z-index: 2; top:55%; left:26%; font-size: 1.375vmin; letter-spacing: 0.01vmin;}

#top_section_9_line {position: absolute; z-index: 2; opacity: 0; bottom:-0.1vmin; left:-0.2%; width: 100.4%; height:0.75vmin; background: #ff2b00;
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

#top_section_9_icon {position: absolute; z-index: 2; opacity:1; margin-top:0.1vmin; margin-left: 1.2vmax; width: 6vmin; height:6vmin;
    background: url('img/icon_lfm.png') center center / contain no-repeat; background-size: 55%;}






#main_title {position: absolute; z-index: 2; opacity:1; top:18.4vmin; font-weight: 500; letter-spacing: 0.010vmax;
        left:9.9vmax; width:auto; height:5.9vmin; padding:0px; color: white; font-size: 1.65vmax; text-transform: uppercase;}





#top_separator_1 {position: absolute; z-index: 2; opacity:1; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
 top: 17vmin; left: 17.1vmax; width: 1px; height: 7vmin; overflow: hidden;}

#top_separator_2 {position: absolute; z-index: 2; opacity:1; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
 top: 17vmin; left: 33.5vmax; width: 1px; height: 7vmin; overflow: hidden;}

















[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 100%; background: none; margin-top:0vmax;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 100%; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_1 [type="checkbox"]:checked,
#check_1 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_1 [type="checkbox"]:checked + label,
#check_1 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_1 [type="checkbox"]:checked + label:before,
#check_1 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_1 [type="checkbox"]:checked + label:after,
#check_1 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_1 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_1 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_2 [type="checkbox"]:checked,
#check_2 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_2 [type="checkbox"]:checked + label,
#check_2 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_2 [type="checkbox"]:checked + label:before,
#check_2 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_2 [type="checkbox"]:checked + label:after,
#check_2 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_2 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_2 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_3 [type="checkbox"]:checked,
#check_3 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_3 [type="checkbox"]:checked + label,
#check_3 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_3 [type="checkbox"]:checked + label:before,
#check_3 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_3 [type="checkbox"]:checked + label:after,
#check_3 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_3 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_3 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_4 [type="checkbox"]:checked,
#check_4 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_4 [type="checkbox"]:checked + label,
#check_4 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_4 [type="checkbox"]:checked + label:before,
#check_4 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_4 [type="checkbox"]:checked + label:after,
#check_4 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_4 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_4 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_5_settings [type="checkbox"]:checked,
#check_5_settings [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_5_settings [type="checkbox"]:checked + label,
#check_5_settings [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_5_settings [type="checkbox"]:checked + label:before,
#check_5_settings [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_5_settings [type="checkbox"]:checked + label:after,
#check_5_settings [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: rgba(0, 192, 240, 1); position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_5_settings [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_5_settings [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_6 [type="checkbox"]:checked,
#check_6 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_6 [type="checkbox"]:checked + label,
#check_6 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_6 [type="checkbox"]:checked + label:before,
#check_6 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_6 [type="checkbox"]:checked + label:after,
#check_6 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_6 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_6 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.input-group {position: absolute; z-index: 7; opacity: 1; white-space: nowrap; font-size:0.85vmax; text-transform: uppercase;}
.input-group-2 {position: absolute; z-index: 7; opacity: 1; white-space: nowrap; font-size:0.85vmax; text-transform: none;}

#radio_1 {position: absolute; top:17.5vmin; left: 19vmax; margin-top: 0.33vmin;}
#radio_2 {position: absolute; top:20.6vmin; left: 19vmax; margin-top: 0.007vmin; opacity: 1;}
#radio_3 {position: absolute; top:17.75vmin; left: 24.8vmax; margin-top: 0.10vmin; opacity: 1;}
#radio_4 {position: absolute; top:20.6vmin; left: 24.8vmax; margin-top: 0.007vmin; opacity: 1;}
#radio_5 {position: absolute; top:17.75vmin; left: 30vmax; margin-top: 0.10vmin; opacity: 0.25;}
#radio_6 {position: absolute; top:20.6vmin; left: 30vmax; margin-top: 0.007vmin; opacity: 0.25;}
#check_1 {position: absolute; top:17.75vmin; left: 35.45vmax; margin-top: 0.10vmin; opacity: 1;}
#check_2 {position: absolute; top:20.6vmin; left: 35.45vmax; margin-top: 0.007vmin; opacity: 1;}
#check_2.remover {visibility: hidden;}
#check_3 {position: absolute; top:20.6vmin; left: 47.5vmax; margin-top: 0.10vmin; opacity: 1;}
#check_3.remover {visibility: hidden;}
#check_4 {position: absolute; top:17.75vmin; left: 47.5vmax; margin-top: 0.10vmin; opacity: 1;}

#check_5_settings {position: relative; display:inline-block; width: 100%; top: 0; z-index: 200; opacity:1;
    font-weight: 400;  font-size: 0.8vmax; letter-spacing: 0.010vmax; left:0vmax; background: rgba(56, 180, 70, 0.00); 
    color: white; text-transform: none; height: auto;}






.radiocolor {color: #ffffff;}
.radiocolor:hover {color: #ff2b00;}

.radiocolor_2 {color: #ffffff;}
.radiocolor_2:hover {color: rgba(0, 192, 240, 1);}

.radiocolor_special {color: rgba(255, 255, 255, 1); font-weight: 700;}
.radiocolor_special:hover {color: rgba(255, 43, 0, 1);}
.radiocolor_special_viewed {color: rgba(255, 255, 255, 0.5); font-weight: 400;}

.last_used_id {position: absolute; background: red; display: none; width: 100px; height: 100px;}






.radiocolor_contact_staff {color: #ffffff;}
.radiocolor_contact_staff:hover {color: rgba(0, 192, 240, 1);}




.search_wrap {display: block; width: 15.6vmax; position: absolute; z-index: 3; top:17.87vmin; right: 25.95vmax; opacity: 1;}

.searchButton {position: absolute; z-index: -1; right: 0; margin-right: 0vmax; width: 6vmin; height: 95%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
    background: url('img/icon_search.png') center center / contain no-repeat; text-align: center; color: #FFFFFF;
   cursor: default; font-size: 1vmin; border-left: none;}

.search {width: 100%; position: relative; height: 4.45vmin; display: flex;}

#searchFakeTerm {position: absolute; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5); height: 100%;
  transform: skew(-22.0deg, 0deg);}

#searchTerm {width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.66vmin 5vmin 0.3vmin 1.9vmin; height: 100%;
  outline: none; color: #FFFFFF; background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax;}

#searchTerm:focus {color: #FFFFFF;}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 0.5; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; opacity: 0.5;}
::-ms-input-placeholder { /* Microsoft Edge */ color: white;}



/* #searchTerm::-webkit-search-cancel-button{position:relative; color: white; background-color: white;} */

input[type="search"] {}
input[type="search"]:focus::-webkit-search-cancel-button {display: visible; opacity: 0.5; pointer-events: all;}
input[type="search"].dark::-webkit-search-cancel-button {display: visible; filter: invert(1) brightness(10.0);}













#copy_to_clipboard_text {width: 10.07vmax; position: absolute; z-index: 3; top:17.87vmin; margin-top: 0.5vmin; right: 14.84vmax; opacity: 1;
border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.72vmin 1.1vmin 1.07vmin 0.5vmin; font-size: 0.8vmax; background: none; letter-spacing: 0.05vmin;
text-align: center; color: #FFFFFF;  min-height: 4vmin; vertical-align: middle;}

#copy_to_clipboard {width: 10.07vmax; height: 3.35vmin; position: absolute; z-index: 2; top:17.87vmin; margin-top: 0.5vmin; right: 14.96vmax; opacity: 1; background: none;
border: 0.05vmax solid rgba(255, 255, 255, 0.25); transform: skew(-22.0deg, 0deg); background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.33s ease; transition: all 0.33s ease;}

#copy_to_clipboard_text:hover ~ #copy_to_clipboard {background: rgba(255, 43, 0, 1);}












#refresher_text {width: 5vmax; position: absolute; z-index: 3; top:17.87vmin; margin-top: 0.5vmin; right: 9.1vmax; opacity: 1;
border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.72vmin 0.7vmin 1.07vmin 0.5vmin; font-size: 0.8vmax; background: none; letter-spacing: 0.05vmin;
text-align: center; color: #FFFFFF;  min-height: 4vmin; display: table-cell; vertical-align: middle;}

#refresher {width: 5vmax; height: 3.35vmin; position: absolute; z-index: 2; top:17.87vmin; margin-top: 0.5vmin; right: 9.1vmax; opacity: 1; background: none;
border: 0.05vmax solid rgba(255, 255, 255, 0.25); transform: skew(-22.0deg, 0deg); background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.33s ease; transition: all 0.33s ease;}

#refresher_text:hover ~ #refresher {background: rgba(255, 43, 0, 1);}


.reloader {visibility: visible;}
.reloader.remover {visibility: hidden;}
.reseter {visibility: hidden;}
.reseter.adder {visibility: visible;}

.reseter_settings {visibility: visible;}












#extra_scrollbar_line {position: absolute; z-index: 3; top:31vmin; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
 width:1px; height:53.5vmin; right: 8.375vmax;}





























#item_space {position: absolute; z-index: 3; opacity:1; top:31vmin; overflow-x: hidden; overflow-y:scroll;
   left:7.8vmax; width:84.15vmax; height:53.5vmin; padding:0px; background:rgba(0, 200, 100, 0);}

.style-3::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 0.75vmax rgba(0,0,0,0.0); background: url('img/scrollbar_line.png') center center / contain no-repeat; transform: scale(1);}
.style-3::-webkit-scrollbar
{width: 0.75vmax; background: none}
.style-3::-webkit-scrollbar-thumb
{background-color: rgba(128,128,128,1);}








.the_checkbox {position: absolute; z-index: 10; width: 0.85vmax; height:0.85vmax; left:79.7vmax; margin-top: 0.2vmax;
border: 0.1vmax solid rgba(255, 255, 255, 1); border-radius: 20%;}
.the_checkbox.color_checkbox_to_row {border: 0.1vmax solid rgba(255, 255, 255, 0.5);}
.the_checkbox.extra {border: 0.1vmax solid rgba(255, 255, 255, 0.5);}


.new_checkbox {position:absolute; 
width: 0.7vmax; height: 0.7vmax; background: #ff9900; position: absolute; top: 0.35vmax; margin-top: 0.05vmax; left:79.7vmax; margin-left: 0.175vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;
opacity: 0; -webkit-transform: scale(0);}
.new_checkbox.checked {opacity: 1; -webkit-transform: scale(1); margin-top: 0vmax; margin-left: 0.175vmax;}
.new_checkbox.color_checkbox_to_row {background: #ff9900;}

.new_checkbox.color_only_selected {background: #ff9900;}






.item {position: relative; display:inline-block; width: auto; height:2.66vmax;
-webkit-transition: all 0s ease; transition: all 0s ease; background: none;}
.item.remover {display: none;}
.item.hide {display: none;}

.item.show {display: inline-block;}

.item.highlight {color: #ff9900;}
.item.bogus {display:inline-block;}
.item:hover.bogus:hover {color: #ff9900;}
/* .item.color {color: rgba(255, 255, 255, 0.75);} */
.item:hover.color:hover {color: rgba(255, 255, 255, 1);}

/*
.item:hover.color:hover > .new_checkbox {background: rgba(255, 255, 255, 0.75);}
*/
.item:hover > .new_checkbox.color_checkbox_to_row {background: #ff9900;}


/*
#new_checkbox.remover {display: none;}
#new_checkbox.highlight {color: pink; display:inline-block;}
*/

@media only screen and (orientation: landscape) {
.item:hover {color: #ff2b00; -webkit-transition: all 0s ease; transition: all 0s ease;}
}

@media only screen and (orientation: portrait) {
.item:hover {color: default; -webkit-transition: all 0s ease; transition: all 0s ease;}
}

.item:hover.highlight {color: #ff9900;}

/* .it_i:hover.color:hover ~ .the_checkbox {border: 0.1vmax solid rgba(255, 255, 255, 0.5);} */
.it_i:hover ~ .the_checkbox.color_checkbox_to_row {border: 0.1vmax solid rgba(255, 255, 255, 0.75);}
.it_i:hover ~ .new_checkbox.color_only_selected {background: #ff9900;}


.sorts.hide {display: none;}
.sorts.hide_alternative {display: none;}
.zz.hide {display: none;}
.dw.hide {display: none;}
.item.revisible {display: none;}
.locked.revisible {display: none;}
.public {visibility: visible;}
.color_1.revisible {display: none;}
.color_2.revisible {display: none;}
.color_3.revisible {display: none;}
.color_4.revisible {display: none;}
.mo_y.revisible {display: none;}
.mo_n.revisible {display: none;}
.en_y.revisible {display: none;}
.en_n.revisible {display: none;}
.op_y.revisible {display: none;}
.op_n.revisible {display: none;}
.ov_y.revisible {display: none;}
.ov_n.revisible {display: none;}

.payware.revisible {display: none;}

.afee.revisible {display: none;}
.afee.hide {display: none;}
.free.hide {display: none;}









.it {position: absolute; z-index: 2; opacity:1; white-space: nowrap; top:-0.75vmax; height:1.95vmax;
   left:0vmax; padding-top:0.75vmax; font-size: 1.025vmax; font-weight: 700; font-style: normal; background:rgba(100, 100, 200, 0.00); letter-spacing: 0.005vmax;-webkit-transition: all 0s ease; transition: all 0s ease;}
.viewed {font-weight: 400; font-style: normal;}

.color_1 {color: rgba(255, 255, 255, 1);}
.color_2 {color: rgba(255, 255, 255, 0.75);}
.color_3 {color: rgba(255, 255, 255, 0.5);}
.color_4 {color: rgba(255, 255, 255, 0.25);}
.color_4_italic {color: rgba(255, 255, 255, 0.25); font-style: italic;}
.color_z {color: rgba(255, 255, 255, 0.05);}
.color_o {color: #ff2b00;}
.color_g {color: #4fd34e;}
.color_l1 {color: rgba(255, 30, 145, 1);}
.color_l2 {color: rgba(255, 30, 145, 0.75);}
.color_l3 {color: rgba(255, 30, 145, 0.5);}
.color_l4 {color: rgba(255, 30, 145, 0.25);}
.color_y {color: #ff9900;}
.color_c {color: rgba(0, 192, 240, 1);}
.color_b {color: rgba(59, 106, 176, 1);}
.color_w {color: rgba(255, 255, 255, 1);}
.color_w_0 {color: rgba(255, 255, 255, 1);}
.color_w_0:hover {color: rgba(0, 192, 240, 1); text-decoration: none;}
.color_w_1 {color: #ff9900; font-weight: 500;}
.color_w_1:hover {color: white; font-weight: 500; text-decoration: none;}
.color_w_2 {color: #ff2b00; font-weight: 500;}
.color_w_2:hover {color: white; font-weight: 500; text-decoration: none;}
/* .color_v {color: violet;} */

.italic {font-style: italic;}


.white-space {color: white;}
.grey75 {color: rgba(255, 255, 255, 0.75);}
.grey50 {color: rgba(255, 255, 255, 0.50);}
.grey25 {color: rgba(255, 255, 255, 0.25);}
.yellow {color: #ff9900;}
.orange {color: #ff2b00;}
.cyan {color: rgba(0, 192, 240, 1);}

.col_1 {color: rgba(255, 255, 255, 1);}
.col_2 {color: rgba(255, 255, 255, 0.75);}
.col_3 {color: rgba(255, 255, 255, 0.5);}
.col_4 {color: rgba(255, 255, 255, 0.25);}
.col_5 {color: #ff2b00}
.col_6 {color: #ff9900;}
.col_7 {color: #ff9900;}
.col_8 {color: white;}
.col_9 {color: rgba(0, 192, 240, 1);}
.col_10 {color: rgba(255, 255, 255, 1); font-weight: 700;}
.col_10_b {color: rgba(255, 255, 255, 0.75); font-weight: 700;}
.col_10_c {color: rgba(255, 255, 255, 0.5); font-weight: 700;}
.col_10_d {color: rgba(255, 255, 255, 0.25); font-weight: 700;}
.col_11 {color: rgba(255, 255, 255, 1); font-style: italic;}
.col_11_b {color: rgba(255, 255, 255, 0.75); font-style: italic;}
.col_11_c {color: rgba(255, 255, 255, 0.5); font-style: italic;}
.col_11_d {color: rgba(255, 255, 255, 0.25); font-style: italic;}
.col_12 {color: #4fd34e;}
.col_13 {color: rgba(255, 30, 145, 1);}
.col_13_b {color: rgba(255, 30, 145, 0.75);}
.col_13_c {color: rgba(255, 30, 145, 0.5);}
.col_13_d {color: rgba(255, 30, 145, 0.25);}

.col_tips_1 {color: rgba(255, 255, 255, 1); font-weight: 400;}
.col_tips_2 {color: rgba(255, 255, 255, 0.75); font-weight: 400;}
.col_tips_3 {color: rgba(255, 255, 255, 0.5); font-weight: 400;}
.col_tips_4 {color: rgba(255, 255, 255, 0.25); font-weight: 400;}
.col_tips_5 {color: rgba(255, 255, 255, 0.75); font-weight: 700;}
.col_tips_6 {color: rgba(255, 255, 255, 0.75); font-weight: 400; font-style: italic;}
.col_tips_7 {color: rgba(0, 192, 240, 1); font-weight: 400;}
.col_tips_8 {color: #4fd34e; font-weight: 400;}
.col_tips_9 {color: rgba(255, 30, 145, 1); font-weight: 400;}


.it_initial {font-size: 0.82vmax; font-weight: 400; font-style: normal; text-transform: uppercase; opacity: 1; left: 7.8vmax; top: 26.9vmin; margin-top: -0.75vmax; color: rgba(255, 255, 255, 0.5);}
.it_initial_2 {font-size: 0.82vmax; font-weight: 400; font-style: normal; text-transform: uppercase; opacity: 1; left: 7.8vmax; top: 26.9vmin; margin-top: -0.75vmax; color: rgba(255, 255, 255, 0.5);}



#sort_icon_a_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_a_1.remover {visibility: hidden;}
#sort_icon_a_2 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_a_2.remover {visibility: hidden;}

#sort_icon_b_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;
 color: transparent;}
#sort_icon_b_1.remover {visibility: hidden;}

#sort_icon_c_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;
color: transparent;}
#sort_icon_c_1.remover {visibility: hidden;}

#sort_icon_d_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;
color: transparent;}
#sort_icon_d_1.remover {visibility: hidden;}

#sort_icon_e_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;
color: transparent;}
#sort_icon_e_1.remover {visibility: hidden;}

#sort_icon_f_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_f_1.remover {visibility: hidden;}
#sort_icon_f_2 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_f_2.remover {visibility: hidden;}

#sort_icon_g_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_g_1.remover {visibility: hidden;}
#sort_icon_g_2 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_g_2.remover {visibility: hidden;}

#sort_icon_h_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_h_1.remover {visibility: hidden;}
#sort_icon_h_2 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_h_2.remover {visibility: hidden;}

#sort_icon_i_1 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;
color: transparent;}
#sort_icon_i_1.remover {visibility: hidden;}
#sort_icon_i_2 {position: relative; display: inline-block; transform: scaleX(1.7) scaleY(1) translateY(0.075vmax); margin-left: 0.17vmax;}
#sort_icon_i_2.remover {visibility: hidden;}





#it_initial_tooltip_span {display: inline-block; vertical-align: middle; line-height: normal;
 /* animation: tooltip_a 1s infinite; animation-timing-function: linear; */}

/*
  @keyframes tooltip_a {
    0% { opacity: 1; }
    50% { opacity: 1; }
    59.9% { opacity: 0; }
    69.9% { opacity: 0; }
    70% { opacity: 1; }
   100%  { opacity: 1; }}
*/


#it_initial_tooltip_c {position: absolute; opacity: 0.0; z-index: 0; left:9.925vmax; bottom:8.0vmin;
  width:50.0vmax; height:2.5vmin; background: rgba(0, 0, 0, 0); text-align: left; font-size: 1.025vmax;
  font-weight: 400; letter-spacing: 0vmax; color: white;
-webkit-transition: all 0.0s ease; transition: all 0.0s ease; text-transform: none;}
#it_initial_tooltip_c.hover {opacity: 1;}






.item_icon_none {z-index: 7; margin-left:0.64vmax; margin-top: 0.35vmax; width: 0.8vmax; height: 0.8vmax; background: none;}
.item_icon_white {z-index: 7; margin-left:0.64vmax; margin-top: 0.35vmax; width: 0.8vmax; height: 0.8vmax;
background: url('img/icon_lock_white.png') center center / contain no-repeat; opacity: 0.25;}

.item_icon_rf2 {z-index: 7; margin-left:0vmax; margin-top: 0.35vmax; width: 1.2vmax; height: 1.2vmax;
background: url('img/icon_rf2.png') center center / contain no-repeat; opacity: 1.00;}

.item_icon_lmu {z-index: 7; margin-left:0vmax; margin-top: 0.35vmax; width: 1.2vmax; height: 1.2vmax;
background: url('img/icon_lmu.png') center center / contain no-repeat; opacity: 1.00;}

.item_ctrl_c {margin-left:-1vmax; width:5.75vmax;}

.it_fill {position:absolute; margin-left:0vmax; width:84.15vmax; height:2.1vmax; overflow: hidden;}

.it_a {margin-left:2.1vmax; width:5.75vmax; overflow: hidden; visibility: visible;}
.it_a_1 {margin-left:2.1vmax; width:5.75vmax; overflow: hidden; visibility: visible;}
/* .it_a_1:hover {color: #ff2b00;} */
.it_a_1.remover {visibility: hidden;}
.it_a_2 {margin-left:2.1vmax; width:5.75vmax; overflow: hidden; visibility: hidden;}
/* .it_a_2:hover {color: #ff2b00;} */
.it_a_2.adder {visibility: visible;}

.it_b {margin-left:9.2vmax; width:2.75vmax; overflow: hidden;}
.it_c {margin-left:13.2vmax; width:3.0vmax; overflow: visible;}
.it_c_initial {margin-left:13.2vmax; width:3.0vmax; overflow: hidden;}
.it_c_special {margin-left:13.2vmax; width:64vmax; overflow: hidden;}
.it_d {margin-left:17.7vmax; width:3.5vmax; overflow: visible;}
.it_e {margin-left:22.7vmax; width:5.0vmax; overflow: visible;}

.it_f {margin-left:29.2vmax; width:12.5vmax; overflow: hidden; visibility: visible;}
.it_f_1 {margin-left:29.2vmax; width:12.5vmax; overflow: hidden; visibility: visible;}
/* .it_f_1:hover {color: #ff2b00;} */
.it_f_1.remover {visibility: hidden;}
.it_f_2 {margin-left:29.2vmax; width:12.5vmax; overflow: hidden; visibility: hidden;}
/* .it_f_2:hover {color: #ff2b00;} */
.it_f_2.adder {visibility: visible;}

.it_g {margin-left:43.7vmax; width:15.75vmax; overflow: hidden; visibility: visible;}
.it_g_1 {margin-left:43.7vmax; width:15.75vmax; overflow: hidden; visibility: visible;}
/* .it_g_1:hover {color: #ff2b00;} */
.it_g_1.remover {visibility: hidden;}
.it_g_2 {margin-left:43.7vmax; width:15.75vmax; overflow: hidden; visibility: hidden;}
/* .it_g_2:hover {color: #ff2b00;} */
.it_g_2.adder {visibility: visible;}

.it_h {margin-left:61.7vmax; width:15.75vmax; overflow: hidden; visibility: visible;}
.it_h_1 {margin-left:61.7vmax; width:15.75vmax; overflow: hidden; visibility: visible;}
/* .it_h_1:hover {color: #ff2b00;} */
.it_h_1.remover {visibility: hidden;}
.it_h_2 {margin-left:61.7vmax; width:15.75vmax; overflow: hidden; visibility: hidden;}
/* .it_h_2:hover {color: #ff2b00;} */
.it_h_2.adder {visibility: visible;}

.it_i {margin-left:77.7vmax; width:5vmax; text-align: center; z-index: 50; overflow: hidden;}
.it_i_in {margin-left:77.7vmax; width:5vmax; text-align: center; z-index: 50; overflow: hidden; visibility: visible;}
/*
.it_i_in:hover:after {content:" all";}
*/
.it_i_in.remover {visibility: hidden;}
.it_i_in_alt {margin-left:77.7vmax; width:5vmax; text-align: center; z-index: 50; overflow: hidden; visibility: hidden;}
/*
.it_i_in_alt:hover:after {content:" all";}
*/
.it_i_in_alt.adder {visibility: visible;}



.it_f_smaller_font {font-size: 0.9vmax;}



a.panel-group_btn {color: #888; display:block;}
a.like-btn {color: #888; font-size: 14px;}
span.clicked {color: #00dfae; font-weight:bold;}

.src {}




.group {}
.btn {color: pink;}
.clickered {color: #00dfae;}






#container {background-color: #ededed; height: 200px; width: 200px;}
.with_toggle {background-color: #aeaeae !important;}

.src {}






.no_font_c {color: transparent; margin-left: -1.305vmax;}
.no_font_c::selection {color: transparent;}
.no_font_c_2 {color: transparent;}
.no_font_c_2::selection {color: transparent;}
.no_font_d {color: transparent; margin-left: -1.305vmax;}
.no_font_d::selection {color: transparent;}
.no_font_e {color: transparent; margin-left: -1.15vmax;}
.no_font_e::selection {color: transparent;}



.dt2 {display: inline-block;}
.dt2.hide {display: none;}
a.time_link:link {text-decoration: underline;}
a.time_link:visited {text-decoration: underline;}
a.time_link:active {text-decoration: none;}
a.time_link:hover {text-decoration: none;}









#item_separator_invisible {position: relative; z-index: 2; opacity:1; background: none;
 top: -1.4vmin; left: 0vmax; width: 100%; height: 0px; overflow: hidden;}

#item_separator {position: absolute; z-index: 2; opacity:1; background-image: linear-gradient(to right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
 top: 1.975vmax; left: 0vmax; width:84.15vmax; height: 1px; overflow: hidden; visibility: visible;}
#item_separator.remover {display: none;}

.item_separator_settings {position: absolute; z-index: 2; opacity:1;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0) 100%);
 top: 1.8vmax; left: -15%; width:130%; height: 1px;}

.item_separator_faq {position: absolute; z-index: 2; opacity:1;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.0) 75%, rgba(255,255,255,0) 100%);
 top: 1.8vmax; left: -15%; width:130%; height: 1px;}

.item_separator_faq_2 {position: absolute; z-index: 2; opacity:1;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.0) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0) 100%);
 top: 1.8vmax; left: -15%; width:130%; height: 1px;}

.item_separator_settings_scroller {position: absolute; z-index: 2; opacity:1;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0) 100%);
 top: 1.8vmax; left: 0%; width:100%; height: 1px;}















.add_events_overlay {position:absolute; z-index: 200; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.85);}
.add_events_overlay_close {position: absolute; z-index: 200; width: 100%; height: 100%; right:0; top: 0;}
.add_events_overlay_data {opacity: 0; visibility: hidden;
  -webkit-transition: opacity 0.5s; transition: opacity 0.5s; visibility: 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s;
transition-timing-function: ease-out;}
.add_events_overlay_open {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;
transition-timing-function: ease-out;}









#orange_right_close_add_events {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(255, 43, 0, 1.00);
      right:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_right_close_add_events_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none; border: 0vmax solid black;
      right:-1vmin; width:9vmin; height:5.9vmin; background: url('img/icon_left_3.png') center center / contain no-repeat;}
#orange_right_close_add_events_href {position: absolute; z-index: 200; opacity:1; top:0%; background:rgba(155, 93, 0, 0.00);
      right:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);}
#orange_right_close_add_events_href:hover ~ #orange_right_close_add_events {background: rgba(51, 51, 51, 1.00);}

#orange_right_close_add_events_2 {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(255, 43, 0, 1.00);
      left:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_right_close_add_events_2_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none; border: 0vmax solid black;
      left:-1vmin; width:9vmin; height:5.9vmin; background: url('img/icon_left_2.png') center center / contain no-repeat;}
#orange_right_close_add_events_2_href {position: absolute; z-index: 200; opacity:1; top:0%; background:rgba(155, 93, 0, 0.00);
      left:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);}
#orange_right_close_add_events_2_href:hover ~ #orange_right_close_add_events_2 {background: rgba(51, 51, 51, 1.00);}


#add_event_non-clickable_space {position: absolute; z-index: 200; width: 50%; height: 6.75vmin; left: 26%; top: 34vmin; margin-top: -1vmin;
background: rgba(255, 155, 170, 0.0); transform: perspective(30vmax) rotateX(45.0deg);}
#add_event_non-clickable_space_2 {position: absolute; z-index: 200; width: 43.5%; height: 19.5vmin; left: 28.5%; top: 43.75vmin; margin-top: -1vmin;
background: rgba(255, 155, 100, 0.0); transform: perspective(30vmax) rotateX(-45deg);}
#add_event_non-clickable_space_3 {position: absolute; z-index: 200; width: 16%; height: 40vmin; left: 42%; top: 51vmin; margin-top: -1vmin;
background: rgba(255, 100, 200, 0.0); transform: perspective(30vmax) rotateX(-67.5deg);}


#add_event_title {position: absolute; z-index: 200; opacity:1; font-weight: 700; letter-spacing: 0.010vmax;
    width:auto; height:5.9vmin; padding:0px; font-size: 1.65vmax; text-transform: uppercase;
    text-align: center; color: #ff2b00; left: 50%; top: 31.75vmin; margin-top: -1vmin; transform: translate(-50%, 0%);}
#add_event_title.focused_3 {color: white;}
#add_event_title_font_2 {color: #ff9900;}
#add_event_title_font_2.focused_3 {color: white;}
#add_event_title_font_3 {color: #00c0f0;}
#add_event_title_font_3.focused_3 {color: white;}

.add_event_url_fake {position: absolute; z-index: 200; width: 50%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%) skew(-22.0deg, 0deg); left: 50%; top: 39.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}

.add_event_url {position: absolute; z-index: 200; width: 50%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%); left: 50%; top: 39.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}

.feedlink_fake {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}

.feedlink {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_fake.focused {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}
.feedlink_fake.hovered {border: 0.05vmax solid rgba(255, 255, 255, 0.875);}
.feedlink_fake.focused_2 {border: 0.05vmax solid transparent;
border-image: linear-gradient(to right, #ff2b00 0% , #ff9900 50%, rgba(0, 192, 240, 1) 100%); border-image-slice: 1;}

.feedlink_fake.clicked {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}


.add_event_txt {position: absolute; z-index: 200; width: auto; font-size:0.85vmax; font-weight: 400;
    text-align: center; line-height: 3vmin; left: 50%; top: 49.125vmin; margin-top: -1vmin; transform: translate(-50%, 0%);
cursor: text;}
.add_event_txt_re-send {cursor: pointer;}


#check_not_ai [type="checkbox"]:checked,
#check_not_ai [type="checkbox"]:not(:checked) {position: absolute; top: 0.5vmax; opacity: 0;}
#check_not_ai [type="checkbox"]:checked + label,
#check_not_ai [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_not_ai [type="checkbox"]:checked + label:before,
#check_not_ai [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_not_ai [type="checkbox"]:checked + label:after,
#check_not_ai [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_not_ai [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_not_ai [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.input-group_not_ai {position: absolute; white-space: nowrap; font-size:0.85vmax; text-transform: none;}

#check_not_ai {position: absolute; z-index: 200; top:71vmin; margin-top: -1vmin; transform: translate(-50%, 0%); left: 50%;}





#orange_send_href {position: absolute; z-index: 201; opacity:1; top:59.5vmin; /*bottom:7.7vmin;*/ background:rgba(0, 255, 100, 0);
      left:43vmax; width:14.0vmax; height:6.4vmin; transform: skew(-22.0deg, 0deg); border: 0; opacity: 0;}
#orange_send {position: absolute; z-index: 200; opacity:1; top:59.5vmin; /*bottom:7.7vmin;*/ background:#ff2b00;
      left:43vmax; width:14.0vmax; height:6.4vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_send_href:hover ~ #orange_send {background: rgba(51, 51, 51, 1.00);}
#orange_send_text {position: absolute; z-index: 200; opacity:1; top:59.5vmin; /*bottom:7.7vmin;*/ margin-top:1.53vmin; background:rgba(255, 255, 255, 0); color: white;
      left:43vmax; width:14.0vmax; height:4.9vmin; font-size:3.0vmin; font-weight: 700; text-transform: uppercase; font-style: italic; letter-spacing: 0.0vmin;
      text-align: center;}





























.reset_overlay {position:absolute; z-index: 200; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.85);}
.reset_overlay_close {position: absolute; z-index: 200; width: 100%; height: 100%; right:0; top: 0;}
.reset_overlay_data {opacity: 0; visibility: hidden;
  -webkit-transition: opacity 0.5s; transition: opacity 0.5s; visibility: 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s;
transition-timing-function: ease-out;}
.reset_overlay_open {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;
transition-timing-function: ease-out;}









#orange_right_close_reset {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(255, 43, 0, 1.00);
      right:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_right_close_reset_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none; border: 0vmax solid black;
      right:-1vmin; width:9vmin; height:5.9vmin; background: url('img/icon_left_3.png') center center / contain no-repeat;}
#orange_right_close_reset_href {position: absolute; z-index: 200; opacity:1; top:0%; background:rgba(155, 93, 0, 0.00);
      right:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);}
#orange_right_close_reset_href:hover ~ #orange_right_close_reset {background: rgba(51, 51, 51, 1.00);}

#orange_right_close_reset_2 {position: absolute; z-index: 2; opacity:1; top:0%; background:rgba(255, 43, 0, 1.00);
      left:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_right_close_reset_2_icon {position: absolute; z-index: 3; opacity:1; top:0%; background:none; border: 0vmax solid black;
      left:-1vmin; width:9vmin; height:5.9vmin; background: url('img/icon_left_2.png') center center / contain no-repeat;}
#orange_right_close_reset_2_href {position: absolute; z-index: 200; opacity:1; top:0%; background:rgba(155, 93, 0, 0.00);
      left:-1.85vmin; width:9vmin; height:5.9vmin; transform: skew(-22.0deg, 0deg);}
#orange_right_close_reset_2_href:hover ~ #orange_right_close_add_events_2 {background: rgba(51, 51, 51, 1.00);}


#add_event_non-clickable_space {position: absolute; z-index: 200; width: 50%; height: 6.75vmin; left: 26%; top: 34vmin; margin-top: -1vmin;
background: rgba(255, 155, 170, 0.0); transform: perspective(30vmax) rotateX(45.0deg);}
#add_event_non-clickable_space_2 {position: absolute; z-index: 200; width: 43.5%; height: 19.5vmin; left: 28.5%; top: 43.75vmin; margin-top: -1vmin;
background: rgba(255, 155, 100, 0.0); transform: perspective(30vmax) rotateX(-45deg);}
#add_event_non-clickable_space_3 {position: absolute; z-index: 200; width: 16%; height: 40vmin; left: 42%; top: 51vmin; margin-top: -1vmin;
background: rgba(255, 100, 200, 0.0); transform: perspective(30vmax) rotateX(-67.5deg);}


#add_event_title {position: absolute; z-index: 200; opacity:1; font-weight: 700; letter-spacing: 0.010vmax;
    width:auto; height:5.9vmin; padding:0px; font-size: 1.65vmax; text-transform: uppercase;
    text-align: center; color: #ff2b00; left: 50%; top: 31.75vmin; margin-top: -1vmin; transform: translate(-50%, 0%);}
#add_event_title.focused_3 {color: white;}
#add_event_title_font_2 {color: #ff9900;}
#add_event_title_font_2.focused_3 {color: white;}
#add_event_title_font_3 {color: #00c0f0;}
#add_event_title_font_3.focused_3 {color: white;}

.add_event_url_fake {position: absolute; z-index: 200; width: 50%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%) skew(-22.0deg, 0deg); left: 50%; top: 39.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}

.add_event_url {position: absolute; z-index: 200; width: 50%; height: 4.45vmin;  opacity: 1; text-align: left;
transform: translate(-50%, 0%); left: 50%; top: 39.85vmin; margin-top: -1vmin; margin-left: -0.75vmax;}

.feedlink_fake {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}

.feedlink {position: absolute; z-index: 201; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
 padding: 0.66vmin 1.9vmin 0.3vmin 1.9vmin; height: 100%; outline: none; color: #FFFFFF;
 background: none; font-size:0.8vmax; font-weight: 500; letter-spacing: 0.05vmax; text-align: center;}
.feedlink_fake.focused {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}
.feedlink_fake.hovered {border: 0.05vmax solid rgba(255, 255, 255, 0.875);}
.feedlink_fake.focused_2 {border: 0.05vmax solid transparent;
border-image: linear-gradient(to right, #ff2b00 0% , #ff9900 50%, rgba(0, 192, 240, 1) 100%); border-image-slice: 1;}

.feedlink_fake.clicked {border: 0.05vmax solid rgba(255, 255, 255, 0.75);}


.add_event_txt {position: absolute; z-index: 200; width: auto; font-size:0.85vmax; font-weight: 400;
    text-align: center; line-height: 3vmin; left: 50%; top: 49.125vmin; margin-top: -1vmin; transform: translate(-50%, 0%);
cursor: text;}
.add_event_txt_re-send {cursor: pointer;}


#check_not_ai [type="checkbox"]:checked,
#check_not_ai [type="checkbox"]:not(:checked) {position: absolute; top: 0.5vmax; opacity: 0;}
#check_not_ai [type="checkbox"]:checked + label,
#check_not_ai [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 1.55vmax; cursor: default; display: inline-block;}
#check_not_ai [type="checkbox"]:checked + label:before,
#check_not_ai [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_not_ai [type="checkbox"]:checked + label:after,
#check_not_ai [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_not_ai [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_not_ai [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.input-group_not_ai {position: absolute; white-space: nowrap; font-size:0.85vmax; text-transform: none;}

#check_not_ai {position: absolute; z-index: 200; top:71vmin; margin-top: -1vmin; transform: translate(-50%, 0%); left: 50%;}





#orange_send_href {position: absolute; z-index: 201; opacity:1; top:59.5vmin; /*bottom:7.7vmin;*/ background:rgba(0, 255, 100, 0);
      left:43vmax; width:14.0vmax; height:6.4vmin; transform: skew(-22.0deg, 0deg); border: 0; opacity: 0;}
#orange_send {position: absolute; z-index: 200; opacity:1; top:59.5vmin; /*bottom:7.7vmin;*/ background:#ff2b00;
      left:43vmax; width:14.0vmax; height:6.4vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_send_href:hover ~ #orange_send {background: rgba(51, 51, 51, 1.00);}
#orange_send_text {position: absolute; z-index: 200; opacity:1; top:59.5vmin; /*bottom:7.7vmin;*/ margin-top:1.53vmin; background:rgba(255, 255, 255, 0); color: white;
      left:43vmax; width:14.0vmax; height:4.9vmin; font-size:3.0vmin; font-weight: 700; text-transform: uppercase; font-style: italic; letter-spacing: 0.0vmin;
      text-align: center;}

























.tips_and_trips {position: absolute; z-index: 199; opacity:1; bottom:7.75vmin; background:none; font-weight: 300;
  left:9.925vmax; width:63vmax; height:2.5vmin; overflow: hidden; font-size: 0.82vmax; color: rgba(255, 255, 255, 0.75);
-webkit-transition: all 0.0s ease; transition: all 0.0s ease; opacity: 1; display: block;}
.tips_and_trips.vanisher {display: none;}
.tips_and_trips.hover {opacity: 0;}

#tip_and_trip_01 {position: absolute; z-index: 1; top:0vmin; left:0vmax; height:100%; opacity: 1; float:left;}
#tip_and_trip_02 {position: absolute; z-index: 0; top:1vmin; left:0vmax; height:100%; opacity: 0; float:left;}
#tip_and_trip_03 {position: absolute; z-index: 0; top:1vmin; left:0vmax; height:100%; opacity: 0; float:left;}
#tip_and_trip_04 {position: absolute; z-index: 0; top:1vmin; left:0vmax; height:100%; opacity: 0; float:left;}
#tip_and_trip_05 {position: absolute; z-index: 0; top:1vmin; left:0vmax; height:100%; opacity: 0; float:left;}
#tip_and_trip_06 {position: absolute; z-index: 0; top:1vmin; left:0vmax; height:100%; opacity: 0; float:left;}
#tip_and_trip_07 {position: absolute; z-index: 0; top:1vmin; left:0vmax; height:100%; opacity: 0; float:left;}
#tip_and_trip_08 {position: absolute; z-index: 0; top:1vmin; left:0vmax; height:100%; opacity: 0; float:left;}
.tip_and_trip_ease {-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}










#orange_bottom_href {position: absolute; z-index: 3; opacity:1; bottom:6.2vmin; /*bottom:7.7vmin;*/
    background:rgba(0, 255, 100, 0.0);
      right:9.55vmax; width:27.45vmin; height:6.4vmin; transform: skew(-22.0deg, 0deg);}

#orange_bottom {position: absolute; z-index: 2; opacity:1; bottom:6.2vmin; /*bottom:7.7vmin;*/
  background:#ff2b00;
      right:9.55vmax; width:27.45vmin; height:6.4vmin; transform: skew(-22.0deg, 0deg);
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#orange_bottom.hoverclick {background: rgba(51, 51, 51, 1.00);}

#orange_bottom_href:hover ~ #orange_bottom {background: rgba(51, 51, 51, 1.00);}

#orange_bottom_text {position: absolute; z-index: 2; opacity:1; bottom:6.2vmin; /*bottom:7.7vmin;*/ margin-bottom:0.0vmin; background:rgba(255, 255, 255, 0); color: white;
      right:9.55vmax; width:27.45vmin; height:4.9vmin; font-size:3.0vmin; font-weight: 700; text-transform: uppercase; font-style: italic; letter-spacing: 0.0vmin;
      text-align: center;}




 .no_text_select {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
















.spann_remove_by_search {display: none;}
.span_remove_by_search {display: none;}



























.bold {font-weight: 800;}















































































































/*
888b     d888       .d88888b.       888888b.        8888888      888           8888888888 
8888b   d8888      d88P" "Y88b      888  "88b         888        888           888        
88888b.d88888      888     888      888  .88P         888        888           888        
888Y88888P888      888     888      8888888K.         888        888           8888888    
888 Y888P 888      888     888      888  "Y88b        888        888           888        
888  Y8P  888      888     888      888    888        888        888           888        
888   "   888      Y88b. .d88P      888   d88P        888        888           888        
888       888       "Y88888P"       8888888P"       8888888      88888888      8888888888 
mobile m o b i l e
*/


@media only screen and (orientation: landscape) {

.spann_mobile {display: none;}

}







@media only screen and (orientation: portrait) {






#first_note_overlay {position: absolute; z-index: 201; width: 100%; height: 100%; background: black; overflow: hidden;
 display: table; text-align: center; visibility: visible;
-webkit-transition: all 1s ease-in; transition: all 1s ease-in;}
.first_note_overlay_bg {position: absolute; width: 100%; height: 100%; background: url('img/bg_video_05.jpg') center center / cover no-repeat;
opacity: 0.33; filter: blur(0.5vmin);}

.first_note_overlay.close_it {-webkit-transition: opacity 0s; transition: opacity 0s; visibility: 0s 0s; transition: opacity 0s, visibility 0s 0s;
transition-timing-function: ease-out; visibility: hidden;}

.first_note_overlay_inner {position: absolute; width: 86%; left: 7%; height: 100%; display: table; text-align: center;
margin-top: -2.50vmin; margin-left: 0vmin;}

.rf2_logo_first {width: 75vmin; margin-top:-10vmin;}

.first_note_line {width: 100%; margin-left: 0%; margin-top: 0.725vmin; height: 1px; background: rgba(255,255,255,1);}

.first_note_overlay_text {display: table-cell; vertical-align: middle; font-size: 3vmin; line-height: 5vmin;
font-weight: 400; letter-spacing: 0.010vmin;}

.first_note_text_br {height: 4vmin;}

.first_note_selected {color: #ff9900;}

.first_note_cookies {position: absolute; width: 86%; left: 7%; top:0%; height: auto; text-align: center;
margin-top: 77.5vmax; margin-left: 0vmin; font-size: 2.25vmin; font-weight: 400; letter-spacing: 0.010vmin;}












#top_sections {display: none;}
#main_title {display: none;}
#top_separator_1 {display: none;}
#top_separator_2 {display: none;}

#user_pre_title {right:14.7vmin; font-size: 2.5vmin; letter-spacing: 0.06vmin; padding: 1.7vmin 1.8vmin 1.8vmin 1.8vmin;}



#settings_button_href {display: none;}
#settings_button {display: none;}
#settings_icon {display: none;}

#notepad_button_href {display: none;}
#notepad_button {display: none;}
#notepad_icon {display: none;}

#user_button_href {position: absolute; z-index: 2; opacity:1; top:0%; background:none; right:8.4vmin; width:auto; height:100%;
    transform: skew(-22.0deg, 0deg); color: white; font-size: 2.1vmin; letter-spacing: 0.06vmin; font-style: italic; font-weight: 400;
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background:rgba(0, 0, 240, 0); text-align: center;}
#user_button_href:hover {background:#4fd34e; text-decoration: none;}
#user_title {background:rgba(0, 192, 240, 0.0); text-align: center;
        width:auto; height:auto; padding: 1.8vmin 1.8vmin 1.8vmin 1.8vmin;}
#user_title_unskew {background:rgba(0, 192, 240, 0.0); transform: skew(22.0deg, 0deg); text-decoration: none;}





[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{position: relative; padding-left: 3.5vmin; cursor: default; display: inline-block;}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 100%; background: none; margin-top:0vmax;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 100%; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_1 [type="checkbox"]:checked,
#check_1 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_1 [type="checkbox"]:checked + label,
#check_1 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 3.5vmin; cursor: default; display: inline-block;}
#check_1 [type="checkbox"]:checked + label:before,
#check_1 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_1 [type="checkbox"]:checked + label:after,
#check_1 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_1 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_1 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_2 [type="checkbox"]:checked,
#check_2 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_2 [type="checkbox"]:checked + label,
#check_2 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 3.5vmin; cursor: default; display: inline-block;}
#check_2 [type="checkbox"]:checked + label:before,
#check_2 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_2 [type="checkbox"]:checked + label:after,
#check_2 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_2 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_2 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_3 [type="checkbox"]:checked,
#check_3 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_3 [type="checkbox"]:checked + label,
#check_3 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 3.5vmin; cursor: default; display: inline-block;}
#check_3 [type="checkbox"]:checked + label:before,
#check_3 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_3 [type="checkbox"]:checked + label:after,
#check_3 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_3 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_3 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_4 [type="checkbox"]:checked,
#check_4 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_4 [type="checkbox"]:checked + label,
#check_4 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 3.5vmin; cursor: default; display: inline-block;}
#check_4 [type="checkbox"]:checked + label:before,
#check_4 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_4 [type="checkbox"]:checked + label:after,
#check_4 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_4 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_4 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_5 [type="checkbox"]:checked,
#check_5 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_5 [type="checkbox"]:checked + label,
#check_5 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 3.5vmin; cursor: default; display: inline-block;}
#check_5 [type="checkbox"]:checked + label:before,
#check_5 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_5 [type="checkbox"]:checked + label:after,
#check_5 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: rgba(0, 192, 240, 1); position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_5 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_5 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

#check_6 [type="checkbox"]:checked,
#check_6 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;}
#check_6 [type="checkbox"]:checked + label,
#check_6 [type="checkbox"]:not(:checked) + label
{position: relative; padding-left: 3.5vmin; cursor: default; display: inline-block;}
#check_6 [type="checkbox"]:checked + label:before,
#check_6 [type="checkbox"]:not(:checked) + label:before {
    content: ''; position: absolute; left: 0; top: 0; width: 0.5vmax; height: 0.5vmax; line-height: 0.6vmax; padding: 0.2em;
  margin-right: 0.75vmax; border: 0.1vmax solid rgba(255, 255, 255, 0.5); border-radius: 20%; background: none; margin-top:0vmax;}
#check_6 [type="checkbox"]:checked + label:after,
#check_6 [type="checkbox"]:not(:checked) + label:after {
    content: ''; width: 0.7vmax; height: 0.7vmax; background: #ff2b00; position: absolute; top: 0.175vmax; left: 0.2vmax;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;}
#check_6 [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#check_6 [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.input-group {position: absolute; z-index: 7; opacity: 1; white-space: nowrap; font-size:2.5vmin; text-transform: uppercase;}

#radio_1 {position: absolute; top:8vmax; left: 4.5vmin; margin-top: 0.33vmax;}
#radio_2 {position: absolute; top:11vmax; left: 4.5vmin; margin-top: 0.007vmax; opacity: 1;}
#radio_3 {position: absolute; top:8vmax; left: 19vmin; margin-top: 0.10vmax; opacity: 1;}
#radio_4 {position: absolute; top:11vmax; left: 19vmin; margin-top: 0.007vmax; opacity: 1;}
#radio_5 {position: absolute; top:8vmax; left: 38vmin; margin-top: 0.10vmax; opacity: 0.25;}
#radio_6 {position: absolute; top:11vmax; left: 38vmin; margin-top: 0.007vmax; opacity: 0.25;}
#check_1 {position: absolute; top:8vmax; left: 40.5vmin; margin-top: 0.10vmax; opacity: 1;}
#check_2 {position: absolute; top:11vmax; left: 40.5vmin; margin-top: 0.007vmax; opacity: 1;}
#check_2.remover {visibility: hidden;}
#check_3 {position: absolute; top:11vmax; left: 74vmin; margin-top: 0.10vmax; opacity: 1;}
#check_3.remover {visibility: hidden;}
#check_4 {position: absolute; top:8vmax; left: 74vmin; margin-top: 0.10vmax; opacity: 1;}

.radiocolor {color: #ffffff;}
.radiocolor:hover {color: #ff2b00;}

.radiocolor_contact_staff {color: #ffffff;}
.radiocolor_contact_staff:hover {color: rgba(0, 192, 240, 1);}




.search_wrap {display: block; width: 39vmin; position: absolute; z-index: 3; top:16.75vmax; left: 4.5vmin; opacity: 1;}

.searchButton {position: absolute; z-index: -1; right: 0; margin-right: 0vmax; width: 6vmin; height: 95%; border: 0.05vmax solid rgba(255, 255, 255, 0.0);
    background: url('img/icon_search.png') center center / contain no-repeat; text-align: center; color: #FFFFFF;
   cursor: default; font-size: 1vmin; border-left: none;}

.search {width: 100%; position: relative; height: 5vmin; display: flex;}

#searchFakeTerm {position: absolute; width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.5); height: 100%;
  transform: skew(-22.0deg, 0deg);}

#searchTerm {width: 100%; border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.66vmin 5vmin 0.3vmin 1.9vmin; height: 100%;
  outline: none; color: #FFFFFF; background: none; font-size:2.5vmin; font-weight: 500; letter-spacing: 0.05vmax;}

#searchTerm:focus {color: #FFFFFF;}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white;}
::-ms-input-placeholder { /* Microsoft Edge */ color: white;}



/* #searchTerm::-webkit-search-cancel-button{position:relative; color: white; background-color: white;} */

input[type="search"] {}
input[type="search"]:focus::-webkit-search-cancel-button {display: visible; opacity: 0.5; pointer-events: all;}
input[type="search"].dark::-webkit-search-cancel-button {display: visible; filter: invert(1) brightness(10.0);}













#copy_to_clipboard_text {width: 30.5vmin; position: absolute; z-index: 3; top:16.75vmax; margin-top: 0.0vmin; left: 46vmin; opacity: 1;
border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.72vmin 1.1vmin 1.07vmin 0.5vmin; font-size: 2.5vmin; background: none; letter-spacing: 0.05vmin;
text-align: center; color: #FFFFFF;  min-height: 5vmin; vertical-align: middle;}

#copy_to_clipboard {width: 30.5vmin; height: 5vmin; position: absolute; z-index: 2; top:16.75vmax; margin-top: 0.0vmin; left: 46vmin; opacity: 1; background: none;
border: 0.05vmax solid rgba(255, 255, 255, 0.25); transform: skew(-22.0deg, 0deg); background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.33s ease; transition: all 0.33s ease;}

#copy_to_clipboard_text:hover ~ #copy_to_clipboard {background: rgba(255, 43, 0, 1);}












#refresher_text {width: 15vmin; position: absolute; z-index: 3; top:16.75vmax; margin-top: 0.0vmin; left: 79vmin; opacity: 1;
border: 0.05vmax solid rgba(255, 255, 255, 0.0); padding: 0.72vmin 0.7vmin 1.07vmin 0.5vmin; font-size: 2.5vmin; background: none; letter-spacing: 0.05vmin;
text-align: center; color: #FFFFFF;  min-height: 5vmin; display: table-cell; vertical-align: middle;}

#refresher {width: 15vmin; height: 5vmin; position: absolute; z-index: 2; top:16.75vmax; margin-top: 0.0vmin; left: 79vmin; opacity: 1; background: none;
border: 0.05vmax solid rgba(255, 255, 255, 0.25); transform: skew(-22.0deg, 0deg); background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.33s ease; transition: all 0.33s ease;}

#refresher_text:hover ~ #refresher {background: rgba(255, 43, 0, 1);}


.reloader {visibility: visible;}
.reloader.remover {visibility: hidden;}
.reseter {visibility: hidden;}
.reseter.adder {visibility: visible;}

.reseter_settings {visibility: visible;}












#extra_scrollbar_line {position: absolute; z-index: 3; top:31vmin; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
 width:1px; height:53.5vmin; right: 8.375vmax;}










#top_title {display: none;}

#top_title_mobile {position: absolute; display: block; z-index: 2; opacity:1; top:1.3vmin; text-transform: none; font-style: italic;
left:9.2vmin; width:auto; height:100%; padding:0px; color: white; font-size: 3vmin; letter-spacing: 0.00vmin; font-weight: 400;}














#item_space {position: absolute; z-index: 3; opacity:1; top:29vmax; overflow-x: hidden; overflow-y:scroll;
   left:0vmin; width:100vmin; height:66.5vmax; padding:0px; background:rgba(0, 200, 100, 0);}

.item {position: relative; display:inline-block; width: auto; height:12vmax;
-webkit-transition: all 0s ease; transition: all 0s ease; background: none;}



.spann {display: none;}




.it {position: absolute; z-index: 2; opacity:1; white-space: nowrap; top:-0.75vmin; height:5vmin;
   left:0vmax; padding-top:0.75vmin; font-size: 3.25vmin; font-weight: 700; font-style: normal; background:rgba(100, 100, 200, 0.0); letter-spacing: 0.005vmin;-webkit-transition: all 0s ease; transition: all 0s ease;}
.viewed {font-weight: 400; font-style: normal;}

.it_initial {font-size: 2.75vmin; font-weight: 400; font-style: normal; text-transform: uppercase; opacity: 1; left: 0vmin; top: 24vmax; margin-top: -0.75vmin; color: rgba(255, 255, 255, 0.5);}
.it_initial_2 {font-size: 2.75vmin; font-weight: 400; font-style: normal; text-transform: uppercase; opacity: 1; left: 2vmin; top: 24vmax; margin-top: -0.75vmin; color: rgba(255, 255, 255, 0.5);}




.item_icon_none {z-index: 7; margin-left:4.5vmin; margin-top: 10.5vmin; width: 2.5vmin; height: 2.5vmin; background: none;}
.item_icon_white {z-index: 7; margin-left:4.5vmin; margin-top: 10.5vmin; width: 2.5vmin; height: 2.5vmin;
background: url('img/icon_lock_white.png') center center / contain no-repeat; opacity: 0.25;}

.item_icon_rf2 {z-index: 7; margin-left:4.5vmin; margin-top: 9.0vmin; width: 4.5vmin; height: 4.5vmin;
background: url('img/icon_rf2.png') center center / contain no-repeat; opacity: 0.75;}

.item_icon_lmu {z-index: 7; margin-left:4.5vmin; margin-top: 9.0vmin; width: 4.5vmin; height: 4.5vmin;
background: url('img/icon_lmu.png') center center / contain no-repeat; opacity: 0.66;}


.item_ctrl_c {margin-left:-1vmin; width:5.75vmin;}

.it_fill {position:absolute; margin-left:0vmin; width:84.15vmin; height:2.1vmin; overflow: hidden;}

.it_a {margin-left:4.5vmin; width:17vmin; overflow: hidden; visibility: visible;}
.it_a_1 {margin-left:4.5vmin; width:17vmin; overflow: hidden; visibility: visible;}
/* .it_a_1:hover {color: #ff2b00;} */
.it_a_1.remover {visibility: hidden;}
.it_a_2 {margin-left:4.5vmin; width:17vmin; overflow: hidden; visibility: hidden;}
/* .it_a_2:hover {color: #ff2b00;} */
.it_a_2.adder {visibility: visible;}

.it_b {margin-top: 4.5vmin; margin-left:4.5vmin; width:17vmin; overflow: hidden;}
.it_c {margin-left:24vmin; width:17.5vmin; overflow: hidden;}
.it_c_initial {margin-left:24vmin; width:17.5vmin; overflow: hidden;}
.it_c_special {margin-left:24vmin; width:40.5vmin; overflow: hidden;}
.it_d {margin-top: 4.5vmin; margin-left:24vmin; width:17.5vmin; overflow: hidden;}
.it_e {margin-top: 9vmin; margin-left:24vmin; width:17.5vmin; overflow: hidden;}

.it_f {margin-left:45vmin; width:50vmin; overflow: hidden; visibility: visible;}
.it_f_1 {margin-left:45vmin; width:50vmin; overflow: hidden; visibility: visible;}
/* .it_f_1:hover {color: #ff2b00;} */
.it_f_1.remover {visibility: hidden;}
.it_f_2 {margin-left:45vmin; width:50vmin; overflow: hidden; visibility: hidden;}
/* .it_f_2:hover {color: #ff2b00;} */
.it_f_2.adder {visibility: visible;}

.it_g {margin-top: 4.5vmin; margin-left:45vmin; width:50vmin; overflow: hidden; visibility: visible;}
.it_g_1 {margin-top: 4.5vmin; margin-left:45vmin; width:50vmin; overflow: hidden; visibility: visible;}
/* .it_g_1:hover {color: #ff2b00;} */
.it_g_1.remover {visibility: hidden;}
.it_g_2 {margin-top: 4.5vmin; margin-left:45vmin; width:50vmin; overflow: hidden; visibility: hidden;}
/* .it_g_2:hover {color: #ff2b00;} */
.it_g_2.adder {visibility: visible;}

.it_h {margin-top: 9vmin; margin-left:45vmin; width:50vmin; overflow: hidden; visibility: visible;}
.it_h_1 {margin-top: 9vmin; margin-left:45vmin; width:50vmin; overflow: hidden; visibility: visible;}
/* .it_h_1:hover {color: #ff2b00;} */
.it_h_1.remover {visibility: hidden;}
.it_h_2 {margin-top: 9vmin; margin-left:45vmin; width:50vmin; overflow: hidden; visibility: hidden;}
/* .it_h_2:hover {color: #ff2b00;} */
.it_h_2.adder {visibility: visible;}

.it_i {margin-left:4.5vmin; width:91vmin; text-align: center; z-index: 50; overflow: hidden; height: 15vmin;}
.it_i_in {margin-left:77.7vmin; width:5vmin; text-align: center; z-index: 50; overflow: hidden; visibility: visible;}
/*
.it_i_in:hover:after {content:" all";}
*/
.it_i_in.remover {visibility: hidden;}
.it_i_in_alt {margin-left:77.7vmin; width:5vmin; text-align: center; z-index: 50; overflow: hidden; visibility: hidden;}
/*
.it_i_in_alt:hover:after {content:" all";}
*/
.it_i_in_alt.adder {visibility: visible;}



.it_f_smaller_font {font-size: 3vmin;}





.the_checkbox {display: none; position: absolute; z-index: 10; width: 2.55vmin; height:2.55vmin; left:91vmin; margin-top: 0.2vmin;
border: 0.1vmin solid rgba(255, 255, 255, 1); border-radius: 20%;}
.the_checkbox.color_checkbox_to_row {border: 0.1vmin solid rgba(255, 255, 255, 0.5);}
.the_checkbox.extra {border: 0.1vmin solid rgba(255, 255, 255, 0.5);}


.new_checkbox {position:absolute; display: none;
width: 0.7vmin; height: 0.7vmin; background: #ff9900; position: absolute; top: 0.35vmin; margin-top: 0.05vmin; left:91vmin; margin-left: 0.175vmin;
    border-radius: 20%; -webkit-transition: all 0s ease; transition: all 0s ease;
opacity: 0; -webkit-transform: scale(0);}
.new_checkbox.checked {opacity: 1; -webkit-transform: scale(1); margin-top: 0vmax; margin-left: 0.175vmax;}
.new_checkbox.color_checkbox_to_row {background: #ff9900;}

.new_checkbox.color_only_selected {background: rgba(255, 255, 255, 0.75);}








#item_separator_invisible {position: relative; z-index: 2; opacity:1; background: none;
 top: -0.5vmax; left: 0vmax; width: 100%; height: 0px; overflow: hidden;}

#item_separator {position: absolute; z-index: 2; opacity:1; background-image: linear-gradient(to right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
 top: 16.25vmin; left: 0vmax; width:84.15vmax; height: 1px; overflow: hidden; visibility: visible;}
#item_separator.remover {display: none;}

.item_separator_settings {position: absolute; z-index: 2; opacity:1;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0) 100%);
 top: 1.8vmax; left: -15%; width:130%; height: 1px;}

.item_separator_settings_scroller {position: absolute; z-index: 2; opacity:1;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0) 100%);
 top: 1.8vmax; left: 0%; width:100%; height: 1px;}










#orange_bottom_href {display: none;}

#orange_bottom {display: none;}

#orange_bottom_text {display: none;}










.tips_and_trips {display: none;}
.settings_page {display: none;}







}
