#hb_outside {
	padding:27px 0 27px 0;
}
#hb {
	align:center;
}
#hb #center {
	line-height:0;
	text-align:center;
}
#hb #l {
}
#hb #r {
}
#hb_content_w {
	width:1651px;
	display:inline-block;
}
#hb_content {
	display:table;
}
#hb_content a:link {
	font-weight:200;
	color:#b4bfda;
	text-decoration:none;
}
#hb_content a:visited {
	color:#b4bfda;
}
#hb_content a:active {
	color:#b4bfda;
}
#hb_content a:hover {
	color:#b4bfda;
}
#hb_content td {
	vertical-align:middle;
}
#hb_content #logo_c {
	width:100%;
	text-align:left;
}
#hb_content #logo_link {
	margin:0 34px 0 34px;
	display:inline-block;
}
#hb_content #logo {
	margin:0 0 0 80px;
	position:relative;
	background:url(images/hb_logo.png);
	width:174px;
	height:42px;
}
#hb_content #content_menu_c {
	text-align:right;
}
#hb_content .content_menu {
	justify-content:flex-start;
	display:flex;
	flex-direction:row;
	border-radius:32px;
	/*border:1px solid rgba(173, 203, 255, .2);*/
	color:#2f3d63;
	align-items:center;
}
#hb_content .sep {
	width:1px;
	height:32px;
	background:rgba(173, 203, 255, .2);
}
#hb_content .content_menu {
	margin:0 60px 0 0;
}
#hb_content .content_menu .item {
	display:block;
	margin:0 0px 0 0;
}
#hb_content .content_menu .btn {
	margin:-5px 34px 0 34px;
	color:#2f3d63;
}
#hb_content .content_menu .btn a {
	line-height:1;
	font-size:20px;
	white-space: nowrap;
	font-family:"LimonCello Regular";
	letter-spacing:2px;
}
#hb_content .content_menu .btn a .l1 {
	font-size:22px;
}
#hb_content #search_c {
	padding:10px 0 0 0;
}
#hb_content #search_ti_c .selector .itext_input_w {
	border:1px solid #fff;
	border-top:0;
	border-bottom:0;
	background:url(images/hb_search_itext_input_c.png);
	padding:0;
}
#search_ti_c .selector .search_text_input {
	padding:7px 5px 7px 5px;
	margin:0;
	height:12px;
	width:230px;
	font-family:Arial, sans-serif;
	font-size:11px;
	border:none;
}
#search_ti_c .drop {
	width:274px;
	top:26px;
}
#hb_content #search_ti_c .toggle_button {
	background:url(images/hb_search_submit_b.png);
	width:34px;
	height:26px;
}
#search_ti_c .option.selected_t {
	background:url(images/selector_option_c.png) repeat-x;
}
#search_ti_c .option .selected_icon {
	width:0px;
	height:0px;
}
#hb_content #settings_menu_c {
	text-align:right;
	padding:11px 26px 0 0;
}
#hb_content #settings_menu_c .section {
	float:right;
	margin:0 0 0 4px;
	position:relative;
}

#user_c {
	padding:6px 0 0 0;
}
#user_c .item {
	float:left;
	margin:0 5px 0 0;
}
#user_c .sep {
}
#user_info {
	float:left;
}
#user_settings_b {
	float:left;
	display:inline-block;
	margin:0 0 0 5px;
}

#login_b_c {
	position:relative;
}
#login_b {
	background:url(images/hb_login.png);
	width:60px;
	height:24px;
}
#login_b.open_t {
	background:url(images/hb_login_open_t.png);
}
/*
160+12+4+20-82
196-82
136
*/
#hb_content #login_panel {
	position:absolute;
	top:23px;
	left:-138px;
	width:auto;
	display:block;
}
#login_panel .button_main {
	margin:0;
}
#login_panel .form_entry .label {
	width:30px;
}
#login_panel .itext_input_w {
	margin:0 0 0 0;
}
#login_panel .itext_input {
	width:160px;
}



#reg_submit_b {
	background:url(images/reg_submit_b.png);
	width:121px;
	height:32px;
}
#pc {
	width:100%;
}
#reg_c {
	float:right;
}
#reg_c .form  {
	float:left;
}
#reg_c .form_entry {
	float:left;
}
#reg_c .form_entry .itext_input_w {
	margin:1px 5px 0 0;
}
#reg_c .form_entry .itext_input {
	width:160px;
}
#reg_c .form_entry.last .infops {
	margin:0;
}
#reg_c .form_entry.last .msgps {
	margin:0;
}
#reg_cta {
	float:left;
	background:url(images/reg_cta.png);
	width:110px;
	height:9px;
	margin:15px 9px 0 0;
}

#go_menu_b {
	background:url(images/go_menu_b.png);
	width:118px;
	height:32px;
	cursor:pointer;
}
#chs {
	width:100%;
}
#chs_menu {
	padding:6px;
	width:305px;
	border-right:1px solid #c8ecda;
}
#boxs_table {
	width:100%;
}
#chs_menu .box_cell {
	width:20%;
}
#chs_menu .box_img {
	width:100%;
	cursor:pointer;
}
#chs_menu .item_row_first {
	margin:0 0 0 0;
}

#ex_table_1 {
	/*border-top:1px #dff4e9 solid;*/
	margin:0px 6px 5px 6px;
	width: -moz-calc(100% - 12px);
	width: -webkit-calc(100% - 12px);
	width: -o-calc(100% - 12px);
	width: calc(100% - 12px);
}
#ex_table_2 {
	margin:0px 6px 6px 6px;
	width: -moz-calc(100% - 12px);
	width: -webkit-calc(100% - 12px);
	width: -o-calc(100% - 12px);
	width: calc(100% - 12px);
}
.ups_icon {
	display:inline;
}
.title {
	margin:0 0 2px 0;
	color:#5ba680;
	font-size:11px;
	font-weight:bold;
}
.title a:link {
	color:#5ba680;
}
.title a:visited {
	color:#3a825e;
}
.title a:active {
	color:#5ba680;
}
.title a:hover {
	color:#5ba680;
}
.pgn_bf {
	padding:0px 0 0px 0;
	margin:0;
	font-size:0;
	word-spacing:0px;
}
.pgn_bf .fb {
	display:inline-block;
}
.pgn_bf .bb {
	display:inline-block;
}
.pgn_bf .b {
	width:15px;
	height:13px;
	margin:0;
	padding:0;
}
.pgn_bf .fb {
	margin:0 0 0 3px;
}
.pgn_bf .fb.active_f {
	background:url(images/pgn_bb_active_f.png);
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
}
.pgn_bf .fb.active_t {
	background:url(images/pgn_fb_active_t.png);
}
.pgn_bf .bb.active_f {
	background:url(images/pgn_bb_active_f.png);
}
.pgn_bf .bb.active_t {
	background:url(images/pgn_fb_active_t.png);
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
}

.media_cell {
	padding:0px 0 6px 6px;
	width:158px;
	position:relative;
}
.media_cell.row_idx_0 {
	padding:0 0 6px 0;
}
.thumb {
	padding:3px;
	border:1px solid #a4cbb7;
	width:154px;
	height:83px;
}
/*
	16/9 ratio
.thumb .thumb_img {
	width:162px;
	height:91px;
}
*/
.media {
	display:block;
	position:relative;
}
.media .info {
	padding:3px;
	border-bottom:1px solid #c8ecda;
	border-left:1px solid #c8ecda;
	border-right:1px solid #c8ecda;
	color:#5ba680;
}
.media .info .name {
	float:left;
	font-weight:bold;
}
.media .info a:link {
	color:#5ba680;
	text-decoration:none;
}
.media .info a:visited {
	color:#3a825e;
	text-decoration:none;
}
.media .info a:active {
	color:#5ba680;
	text-decoration:none;
}
.media .info a:hover {
	color:#5ba680;
	text-decoration:none;
}
.media_info_panel {
	display:none;
	position:absolute;
	top:10px;
	left:10px;
	padding:3px 3px 1px 3px;
	border:1px solid #c8ecda;
	background:#fff;
}
.media_info_panel .embed {
	width:400px;
	height:300px;
}
.media .info .inters_n {
	float:right;
}
.hover_panel {
	background:#fff;
	padding:14px 14px 9px 14px;
	border:1px solid #78d0ba;
	border-radius:18px;
	width:240px;
}
.ext_panel {
	margin:-1px;
	background:#fff;
	padding:14px 14px 9px 14px;
	border:1px solid #78d0ba;
	border-radius:18px;
	width:240px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(100,37,194,.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(100,37,194,.5);
	box-shadow: 0px 0px 8px 0px rgba(100,37,194,.5);
}
#deploy_kbr_panel {
	width:550px;
}
.info_panel .cur_title {
	font-size:13px;
	font-weight:bold;
	color:#5ba680;
}
.info_panel .author_name {
	font-weight:bold;
}
.media .hover_panel {
	width:150px;
}
.hover_panel .line {
	margin:0 0 3px 0;
	color:#;
}
.hover_panel .key {
	font-weight:bold;
	color:#c8ecda;
}

.posts_mgr_c {
	border:1px solid #dff4e9;
}

.posts_mgr_c .menu {
	padding:4px;
}
.posts_mgr_c .menu .item {
	padding:4px;
}

#main_config_b {
	width:200px;
}
#blocks_sel {
	padding:10px 10px 10px 10px;
	border-right:1px solid #c8ecda;
	width:200px;
}
#blocks_sel .selector {
	margin:0 0 5px 0;
}
.block_sel {
}
#block {
	padding:10px;
}


.m1 {
	display:flex;
	flex-direction:row;
	width:1658px;
	height:458px;
	background:url(images/m1_panel.png);
	color:#fff;
	text-align:left;
}
.m1 .welcome {
	font-size:25px;
	width:780px;
	margin:84px 0 0 44px;
}
.m1 .product {
	width:691px;
	margin:58px 0 0 80px;
}
.m1 .product h2 {
	font-size:23px;
	font-weight:normal;
}
.m1 .product .description {
	margin:210px 0 0 0;
	font-size:22px;
}
.m2 {
	background:url(images/m2_panel.png);
	width:1647px;
	height:593px;
	color:#fff;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	text-align:left;
	margin:26px 0 0 0;
}
.m2 ul {
	list-style-type:none;
	color:#fff;
	font-size:29px;
	margin:116px 0 0 150px;
}
.m2 ul li {
	margin:0 0 136px 0;
}
.logos_c {
	display:flex;
	justify-content:center;
	width:100%;
}
.logos {
	display:flex;
	flex-direction:row;
	align-items:center;
	width:80%;
	justify-content:space-between;
	margin:15px 0 26px 0;
}
.logos .fibasis {
	width:106px;
	height:36px;
	background:url(images/fibasis.png);
}
.logos .taplix {
	width:91px;
	height:38px;
	background:url(images/taplix.png);
	margin:4px 0 0 0;
}
.logos .ethyl {
	width:135px;
	height:40px;
	background:url(images/ethyl.png);
}
.logos .asurgance {
	width:184px;
	height:43px;
	background:url(images/asurgance.png);
}
.logos .raytrace {
	width:168px;
	height:35px;
	background:url(images/raytrace.png);
	margin:2px 0 0 0;
}
.m3_m4_panels {
	background:url(images/m3_m4_panels.png);
	width:1542px;
	height:1487px;
}
.m3 .row {
	display:flex;
	flex-direction:row;
}
.m3 {
	margin:39px 0 0 86px;
	color:#fff;
}
.m3 .row .p1 {
	margin:39px 0  0 43px;
	width:577px;
	height:196px;
}
.m3 .row .p2 {
	margin:39px 0 0 148px;
	width:577px;
	height:196px;
}
.m3 h3 {
	font-size:30px;
	margin:0 0 10px 0;
	color:#fff;
}
.m3 p {
	font-size:25px;
}	
.m3 .row1 {
	margin:0 0 100px 0;
}
.m4 {
	margin:160px 0 0 140px;
	width:1366px;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.m4 h3 {
	font-size:28px;
	margin:0 0 20px 0;
	color:#fff;
	font-weight:normal;
}
.m4 p {
	font-size:25px;
}
.m4 .itext_input_w input {
	width:740px;
}
.m4 .itext_input_w textarea {
	width:740px;
	height:160px;
}
.m4 .actions_c {
	justify-content:center;
	padding:0;
}
.page_solutions .m1 {
	background:url(images/solutions_m1.png);
	width:1646px;
	height:508px;
	color:#fff;
	display:flex;
	flex-direction:column;
	font-size:24px;
}
.page_solutions .m1 .content_1 {
	width:831px;
	margin:105px 0 0 578px;
}
.page_solutions .m1 .content_2 {
	width:831px;
	margin:94px 0 0 578px;
}
.page_solutions .m3_m4_panels {
	margin:56px 0 0 0;
}
.page_company .m1 {
	background:url(images/company_m1.png);
	width:1647px;
	height:508px;
	color:#fff;
	display:flex;
	flex-direction:column;
	font-size:24px;
}
.page_company .m1 .content_1 {
	width:831px;
	margin:80px 0 0 68px;
}
.page_company .m1 .content_2 {
	width:831px;
	margin:60px 0 0 68px;
}
.page_company .m3_m4_panels {
	margin:56px 0 0 0;
}
.welcome_features {
	margin:16px 0 0 0;
}
.engage {
	margin:32px 0 0 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:#ffffff;
}
.engage .sep {
	margin:0 9px 0 0;
}
.engage .downloads .buttons {
	display:flex;
	flex-direction:row;
}
.engage .downloads .btn {
	background:#6a80a9;
	border-radius:32px;
	margin:0 15px 0 0;
	padding:9px 12px 8px 12px;
	font-size:14px;
}
.engage .downloads .last {
	margin-right:0;
}
.engage .b {
	padding:22px;
	border-radius:32px;
	margin:0 0 14px 0;
}
.engage .b1 {
	background-image: linear-gradient(#5368a5,#6279a3);
}
.engage .b2 {
	background-image: linear-gradient(#84abae,#8aafb3);
}
.engage .header {
	margin:0 0 8px 0;
	font-size:18px;
}
.engage .b2 .sep {
	width:2px;
	height:24px;
	background:#96b7ba;
	margin:-4px 12px 0 12px;
}
.engage .start {
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.engage .run_docker .desc {
	color:#fff;
	font-size:15px;
}
.cmd {
	font-family:'CascadiaMono';
	font-size:15px;
}

.m_form {
	border-radius:32px;
	border:1px solid;
	border-color:rgba(255, 255, 255, 0.1);
	background-color:rgba(255, 255, 255, 0.05);
	width:400px;
	padding:35px 40px 50px 40px;
	text-align:left;
	color:#fff;
	font-family:"Amble Light";
	margin:80px 0 0 0;
}
.m_form .header {
	margin:0 0 20px 0;
	font-size:24px;
}
.m_form a:link {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.m_form a:visited {
	color:#fff;
}
.m_form a:active {
	color:#fff;
}
.m_form a:hover {
	color:#fff;
}
.itext_input_w {
	border-radius:32px;
	border:1px solid;
	border-color:rgba(255, 255, 255, 0.1);
	background-color:rgba(255, 255, 255, 0.05);
	padding:12px;
	margin:0 0 14px 0;
}
.itext_input_w input {
	width:350px;
	color:#fff;
	font-size:18px;
	font-family:"Candara Light";
}
.itext_input_w input {
	outline: none !important;
	border:0px;
}
textarea.itextarea {
	margin:0;
	border:0px;
	background:none;
	padding:5px 5px 6px 5px;
	font-size:18px;
	font-family:"Candara Light";
	width:360px;
	height:60px;
	color:#fff;
}
textarea.itextarea:focus { 
	outline: none !important;
	border:0px;
 }
 .label_c {
 	margin:0 0 8px 16px;
 	color:#fff;
 	font-size:18px;
 }
.actions_c {
	display:flex;
	flex-direction:row;
	padding:0 0 0 10px;
	align-items:center;
}
.button {
	border-radius:32px;
	border:1px solid;
	border-color:rgba(255, 255, 255, 0.1);
	background-color:rgba(255, 255, 255, 0.1);
	padding:12px 24px 12px 24px;
	color:#fff;
}
.m_login .actions_c {
	justify-content:space-between;
}
.m_signup .actions_c {
	justify-content:end;
}
.m_contact .actions_c {
	justify-content:end;
}
.m_account_recovery .actions_c {
	justify-content:end;
}


#pheader {
	width:100%;
	background:#eeeeee;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#pheader.dark {
	background:#0a0707;
}
#pheader_content_dark {
	width:100%;
	height:465px;
	background:url(images/pheader_content_dark.jpg);
	position:relative;
}
#pheader_content {
	width:1510px;
	height:470px;
	background:url(images/pheader_content.jpg);
}
#pheader_content_dark .lets_talk {
	left:1042px;
	top:297px;
	width:121px;
	height:45px;
	position:absolute;
	display:inline-block;
}
#pheader_bar {
	height:5px;
	width:100%;
	background:url(images/pheader_bar_bg.png);
}
#cnt_1 {
	width:1223px;
	height:103px;
	margin:46px 0 6px 103px;
	background:url(images/cnt_1.png);
}
#middlewares_logo {
	width:1315px;
	height:471px;
	background:url(images/middlewares_logo.png);
}
.cnt {
	display:flex;
	justify-content:start;
	flex-direction:row;
}
.cnt_center {
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}
#cnt_2_photo {
	background:url(images/cnt_2_photo.jpg);
	width:481px;
	height:387px;
	margin:17px 30px 0 58px;
}
#cnt_2_text {
	background:url(images/cnt_2.png);
	width:739px;
	height:331px;
	margin:42px 0 0 0;
}
#cnt_3_text {
	width:676px;
	height:194px;
	background:url(images/cnt_3.png);
	margin:68px 33px 0 164px;
}
#cnt_3_photo {
	width:400px;
	height:292px;
	background:url(images/cnt_3_photo.jpg);
	margin:24px 0 0 0;
}
#cnt_4_photo {
	width:398px;
	height:277px;
	background:url(images/cnt_4_photo.jpg);
	margin:2px 18px 0 115px;
}
#cnt_4_text {
	width:674px;
	height:194px;
	background:url(images/cnt_4.png);
	margin:42px 0 0 0;
}
#cnt_5 {
	margin:-15px;
}
#cnt_5_text {
	width:681px;
	height:160px;
	background:url(images/cnt_5.png);
	margin:73px 20px 0 164px;
}
#cnt_5_photo {
	width:392px;
	height:286px;
	background:url(images/cnt_5_photo.jpg);
	margin:0;
}
#cnt_6 {
	width:1094px;
	height:303px;
	background:url(images/cnt_6.png);
	position:relative;
}
#cnt_6 .svcs {
	position:absolute;
	display:inline-block;
	left:369px;
	top:180px;
	width:185px;
	height:41px;
}
#cnt_6 .contact {
	left:572px;
	top:180px;
	position:absolute;
	display:inline-block;
	height:41px;
	width:141px;
}
#clouds_logos {
	width:635px;
	height:65px;
	background:url(images/clouds_logos.png);
	margin:50px 0 0 0;
}

.header_icon {
	position:absolute;
	right:-18px;
	top:20px;
}
.dls {
	font-size:18px;
}