

/* Start:/local/templates/web20/styles.css?17683297524610*/
.discover {
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.content {
  max-width: 1440px;
  padding: 10px;
  box-sizing: border-box;
}

#header-bar {
  z-index: 100;
}

.footer {
  background-color: #141416;
  color: #999999;
  padding: 20px;
  text-align: center;
}

.footer .socials img,
.footer .path,
.footer .group img {
  max-width: 30px;
  margin: 5px;
}

.footer .unit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.footer .footer-menu {
  display: flex;
  gap: 20px;
}

.footer .footer-menu .text-wrapper {
  color: #b8b8b8;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
}

.footer .logo {
  display: flex;
  align-items: center;
}

.footer .logo img {
  max-width: 50px;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .footer .unit {
    flex-direction: column;
    align-items: center;
  }
  .footer .footer-menu {
    justify-content: center;
    gap: 10px;
  }
  .footer .logo {
    justify-content: center;
  }
}



.home {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.overlap-wrapper {
  overflow: hidden;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.footer {
  background-color: #141416;
  color: #999999;
  padding: 20px;
  text-align: center;
}

.footer .socials img,
.footer .path,
.footer .group img {
  max-width: 30px;
  margin: 5px;
}

.footer .unit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.footer .footer-menu {
  display: flex;
  gap: 20px;
}

.footer .footer-menu .text-wrapper {
  color: #b8b8b8;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
}

.footer .logo {
  display: flex;
  align-items: center;
}

.footer .logo img {
  max-width: 50px;
  margin-right: 10px;
}
/* 
body {
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #1E1E23;
  opacity:1;
  font-family: 'work sans', sans serif;
  font-size: 1.5em;
  font-weight: 400;
  transition: 200ms;
}
a:hover {
  opacity:0.5;
}
ul {
  padding: 0;
  list-style-type: none;
}



.container {
  margin-top: 50px; 
  Display: flex;
  justify-content: center;
  align-items: center;
}
.phone {
  background-color: #36383F;
  border-radius: 40px;
  width: 300px;
  height: 600px;
  Display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 30px 50px 100px #85888C;
} */
/* .content {
  border: 1px solid #36383F;
  border-radius: 20px;
  width: 94%;
  height: 91%;
  background-color: #F5F6FA;
  overflow: hidden;
} */
nav {
  background-color: white;
  height: 65px;
}


#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  color: #1E1E23;
}

#menuToggle input
{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 20;
}

#menuToggle span
{
  display: flex;
  width: 30px;
  height: 3px;
  margin-block: 3px;
  position: relative;
  border-radius: 3px;
  z-index: 20;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-13px, -15px);
  background: #36383F;
}

#menuToggle input:checked ~ span:nth-last-child(4)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  transform: rotate(-45deg) translate(-5px, 5px);
}

#menuToggle input:checked ~ ul
{
  transform: translate(-100%, 0);
  display: block;
}

#mobile-menu
{
  position: absolute;
  left: 60px;
  width: 100vw;
  height: 100vh;
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 0;
  padding: 50px;
  padding-top: 125px;
  background-color: #F5F6FA;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  z-index: 12;
}

.menus {

}

#mobile-menu li
{
  padding: 10px 0;
  transition-delay: 2s;
}

@media (max-width: 768px) {
  .footer .unit {
    flex-direction: column;
    align-items: center;
  }
  .footer .footer-menu {
    justify-content: center;
    gap: 10px;
  }
  .footer .logo {
    justify-content: center;
  }
}

/* End */


/* Start:/local/templates/web20/template_styles.css?176832975210951*/
html, body, form
{
	margin: 0;
	padding: 0;
}

html
{
	height:100%;
}

body
{
	height:auto !important;
	height:100%;
	min-height:100%;
}

/*Font*/
body
{
	font-size: 80%;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #454545;
	background:#3E4F60;
	text-align: center;
}

/*Font in table*/
table
{
	font-size:100%;
}

/*Links*/
a:link {color: #2775C7;}
a:visited{color:#8FA4BA;}
a:active {color: #2775C;}
a:hover{color:#CF1C3E;}


small
{
	font-size:85%;
}

hr
{
	width:100%;
	height: 1px;
	border: medium none;
	color: #d1d0d0;
	background-color: #d1d0d0;
	margin:8px 0;
}

#container
{
	width:778px; 
	height:100%;
	/*position:absolute;
	left:50%;
	margin-left:-390px;*/
	margin: 0 auto;
	text-align: left;
	background:#95ACCA url(/local/templates/web20/images/header_bg.gif) repeat-x;
}

#header
{
	position:relative; /*containing block*/
	height:127px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:url(/local/templates/web20/images/header_logo.jpg) no-repeat;
}

#header_logo
{
	position:absolute;
}

#company_logo
{
	width:100px; 
	height:90px; 
	background:url(/local/templates/web20/images/logo.gif) center right no-repeat; 
	position:absolute; 
	left:6px; 
}

#header_text
{
	position:absolute;
	left:120px;
	top: 20%;
	color:#fff;
	width:490px;
}

#header_text .bx-main-title
{
	margin:0;
	padding:0;
	font-size:160%;
	border:none;
	color:#fff;
	text-decoration:none;
}

#header_text span.bx-main-subtitle
{
	font-size:90%;
	font-weight:bold;
	color:#DFE5ED;
	margin-left:50px;
}

#search
{
	color:#DFE5ED;
	position:absolute;
	right:55px;
	top:6px;
}

#login
{
	position:absolute;
	right:75px;
	top:55px;
	color:#DFE6ED;
}

#login a
{
	color:#DFE6ED;
	text-decoration:none;
}
#login a.profile-link
{
	text-decoration:underline;
}

#menu
{
	position:absolute;
	bottom:0;
	*bottom:-1px; /*IE hack*/
	left:18px;
}


#header_menu a
{
	display:block;
	float:left;
	cursor:pointer; cursor: hand;
	padding:8px 11px;
}

#header_sites
{
	position:absolute;
	right:55px;
	top: 60px;
	color:#fff;
	text-align:right;
}

#header_sites a, #header_sites span
{
	color:#fff;
	text-decoration:none;
}

#header_sites span
{
	color: #bbb;
}

#printer
{
	float:right;
	font-size:85%;
	background:url(/local/templates/web20/images/printer.gif) left center no-repeat;
	padding-left:16px;
}

#printer a
{
	text-decoration:none;
	color:#787878;
}

#navigation
{

}

/*Navigation*/
#navigation a
{
	font-size:95%;
	text-decoration:none;
	color:#535353;
}

.table-border-color
{
	background-color:#95ACCA;
}

.right-shadow
{
	background:url(/local/templates/web20/images/right_shadow.gif) right top repeat-y;
}

.footer-box
{
	border-top:1px solid #D9D9D9;
	
	padding:10px 10px 0 15px;
	margin-right:3px;
}

.footer-box a:link, 
.footer-box a:visited,
.footer-box a:active, 
.footer-box a:hover
{
	color:#5F7185;
}

.footer-box span
{
	font-weight:bold;
	color:#1B3552;
}

.table-bottom-corner
{
	background:#95ACCA url(/local/templates/web20/images/bottom_corner_bg.gif) repeat-x;
}


/*Content table*/
#content
{
	background:#fff;
	height:85%;
	min-height:85%;
	width:100%;
	border-collapse:collapse;
}

/*Left column*/
#content .left-column
{
	vertical-align:top;
	height:100%;
	padding:0;
	/*padding-left:5px;
	padding-right:5px;*/
	padding-top:34px;
	background:#F5F5ED url(/local/templates/web20/images/left-column-bg.gif) left top repeat-x;
}

/*Main column*/
#content .main-column
{
	width:100%;
	vertical-align:top;
	padding:0 15px;
	background:#fff url(/local/templates/web20/images/right_shadow.gif) right top repeat-y;
}

#bottom_banner
{
	text-align:center;
	margin:10px;
}

/*Footer*/
#footer
{
	background: #E4E4E4;
	text-align:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:40px;
	padding:8px;
	
}

/*Link in footer*/
#footer a
{
	color: #333;
	font-size: 100%;
}

/
/*Data table*/
table.data-table
{
	border:1px solid #C4C4C3;
	border-collapse:collapse;
}

/*Any cell*/
table.data-table td
{
	border:1px solid #C4C4C3;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 5px;
}

/*Head cell*/
table.data-table thead td, table.data-table th
{
	background-color:#F2F2EA;
	text-align:left;
	font-weight:normal;
	background-image:none;
	border:1px solid #C4C4C3;
	padding:4px;
	color:#333;
}

/*Body cell*/
table.data-table tbody td
{
	background-color:#FFF;
	background-image:none;
	color:#333;
}

/*Foot cell*/
table.data-table tfoot td
{
	background-color:#fff;
	padding:4px;
	color:#333;
}

/*Error & OK messages*/
.errortext
{
	color:red;
}

.notetext
{
	color:green;
}

/* Used to draw a "star" near reqired field */
.starrequired
{
	color:red;
}


/*Forum*/


/*Forum menu*/ 
table.forum-menu {border-left: 1px solid #DAE7DF; border-top: 1px solid #DAE7DF; } 
table.forum-menu td.forumtoolbar {background-color: #F2F2EA; border-left: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF; border-right: 1px solid #C4C4C3; border-bottom: 1px solid #C4C4C3; } 
.forumtoolsection {border-left: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF; border-right: 1px solid #C4C4C3; border-bottom: 1px solid #C4C4C3; } 
.forumtoolseparator {border-left: 1px solid #C4C4C3;border-right: 1px solid #FFFFFF; } 

table.forum-menu a, table.forum-menu select, table.forum-menu input, table.forum-menu td {color:#333}

/* menu popup */
.forum-menu-hidden-in {border: 1px solid #C4C4C3;} 
table.forum-menu-popup-table td, table.forum-menu-popup-table td a { color: black;} 
table.forum-menu-popup-table td.forum-menu-popup, table.forum-menu-popup-table td.forum-menu-popup-hover {border: none; background-color: #F2F2EA; } 
table.forum-menu-popup-table td.forum-group{background-color:#F2F2EA; color:#333;} 
table.forum-menu-popup-table td.forum-menu-popup-hover {background-color: #F9F9F3;} 
div.forum-group{background-color:#F9FBF9; font-weight:bold; color:#333;} 

/*Forum index and list*/ 
table.forum-main {border: 1px solid #C4C4C3;} 
table.forum-main td {background-color:#F9F9F3;border: 1px solid #C4C4C3;} 
table.forum-main th {background-color:#F2F2EA;border: 1px solid #C4C4C3;color: #333;vertical-align: top;} 

div.forum-hr {background-color:#C4C4C3}
div.filter-check-hover {background-color:#F2F2EA}

a.forum-button:link,a.forum-button:visited,a.forum-button:active,a.forum-button:hover {background: #F2F2EA;border: 1px solid #C4C4C3;color: #333;} 
table.forum-main td small {font-size:100%;} 
table.forum-main td.forum-group {background-color:#F2F2EA; color:#333;} 
div.forum-title {border: 1px solid #C4C4C3; padding: 5px; background-color: #F2F2EA !important; color:#333; } 

/*Forum messages*/ 
table.forum-message {} 
table.forum-message td {background-color: #F9F9F3;border: none;} 
table.forum-message td.forum-message-user-info {background-color: #F9F9F3;border: 1px solid #C4C4C3;border-right-width: 1px;} 
table.forum-message td.border-top {border: 1px solid #C4C4C3;border-left-width: 1px;border-top: none;} 
table.forum-message td.border-bottom {border: 1px solid #C4C4C3;border-left-width: 1px;border-bottom: none;} 

table.forum-message .forum-message-posts, 
table.forum-message .forum-message-status, 
table.forum-message .forum-message-datereg, 
table.forum-message .forum-message-datecreate {color:#333;} 

a.forum-button-small,
a.forum-button-small-vote,
a.forum-button-small-unvote 
{
	background-color: #F2F2EA;
	border: 1px solid #C4C4C3;
	color: #333; 
	font-size: 11px; 
	height:20px;
	padding: 2px 5px 2px 5px;
	box-sizing:border-box; -moz-box-sizing:border-box;
}
a.forum-button-small-vote, a.forum-button-small-unvote {padding-left:18px;}
a.forum-button-small:hover,a.forum-button-small-vote:hover,a.forum-button-small-unvote:hover {color: #333; } 

/*Forum statistics*/ 
table.forum-stat {} 
table.forum-stat th {background-color:#F2F2EA;border: 1px solid #C4C4C3;color: #333;font-weight:bold;padding:5px;} 
table.forum-stat td {background-color:#F9F9F3;border: 1px solid #C4C4C3;} 
table.forum-stat .forum-attention{font-size: 100%;color: black;} 

/*Post form*/ 
table.forum-post-form {border: 1px solid #C4C4C3;} 
table.forum-post-form td {background-color:#F9F9F3;border: 1px solid #C4C4C3;} 
table.forum-post-form th {background-color:#F2F2EA;border: 1px solid #C4C4C3;} 
table.forum-smile {border: 1px solid #C4C4C3;} 
table.forum-smile th {background-color:#F2F2EA;border: 1px solid #C4C4C3;} 
table.forum-smile img { margin: 0px;} 
textarea#POST_MESSAGE{width:100%;} 

/* Only for user-profile*/ 
table.fuser {} 
table.fuser-static th {background-color:#F2F2EA; border:1px solid #C4C4C3;} 
table.fuser-static td {background-color:#F9F9F3; border:1px solid #C4C4C3;} 

/* Tab controls*/ 
table.tabs {border-left:1px solid #C4C4C3;} 
table.tabs td {} 
table.tabs td.tab-indent-left {border-bottom:1px solid #C4C4C3;} 
table.tabs td.tab-indent-right {border-bottom:1px solid #C4C4C3;} 
table.tabs td.tab-container {border:1px solid #C4C4C3; border-left: none;} 
table.tabs td.tab-container-selected {border:1px solid #C4C4C3; border-bottom:1px solid #F9FBF9; border-left: none; background-color:#F9FBF9;} 

table.tabs table td.tab {border-top:1px solid #C4C4C3;} 
table.tabs table td.tab-selected {border-top:1px solid red;} 
table.tabs table td.tab-hover {border-top:1px solid #C4C4C3;} 

/* Tab inside edit form */ 
table.tab {border:1px solid #C4C4C3; border-top:none;} 
table.tab td {background-color:#F9F9F3;}

.forum-menu-hidden-in
{
	max-height:100px;
	height:expression(this.scrollHeight > 100? "100px" : "auto");
}

table.forum-quote td, table.forum-code td 
{
	background-color:#F2F2EA; /*th*/
	border:1px solid #C4C4C3;
}

table.forum-reviews-messages td, table.forum-reviews-messages th
{
	background-color:#F9F9F3; /*td*/
	border-color:#C4C4C3;
}

a.button-small
{
	background:#F2F2EA;
	border:1px solid #C4C4C3;
}

/*Support*/
div.ticket-edit-message
{
	border-color: #C4C4C3;
}

/*Blogs*/

table.blog-table-post td, table.blog-table-post th, table.blog-blog-edit th, table.blog-user-table td.head, table.blog-table-post-comment td, table.blog-table-post-comment th
{
	background-color:#F9F9F3;
}


table.blog-blog-edit td, table.blog-blog-edit-table-smiles, table.blog-table-post td, table.blog-table-post th, table.blog-blog-edit th,
table.blog-user-table td.head, table.blog-user-table td, table.blog-group td, table.blog-category td, table.blog-comment-form th, table.blog-comment-form td,
table.blog-table-post-comment td, table.blog-table-post-comment th
{
	border-color: #C4C4C3;
}

.blog-post-date 
{
	color:#333;
}

table.blog-table-post-table th, table.blog-table-post-table td, table.blog-table-post-comment-table th, table.blog-table-post-comment-table td
{
	font-size:95%;
}

.blogtoolblock {border-color:#C4C4C3;}
.blogtoolbar {background-color:#F9F9F3;border-color:#C4C4C3;border-top:none;}
.blogtoolsection {border-color:#C4C4C3}
.blogtoolbutton, .blogmessbuttontext {color:#333;}
a.blogtoolbutton, .blogmessbuttontext{color:#333;}
.blogtoolseparator {border-left:1px solid #C4C4C3;border-right:1px solid #F9F9F3;}

/* social network*/
div.socnet-informer {padding:3px;}
div#sonet_events_ms_message {width:140px;}
table.sonet-user-profile-friend-box tbody td, table.sonet-user-profile-friend-box td
{
	padding:5px 0px;
}

/* End */
/* /local/templates/web20/styles.css?17683297524610 */
/* /local/templates/web20/template_styles.css?176832975210951 */
