/*************************
MAIN css file
*************************/
body {
width: 100%;
*zoom: 1;
}
body:before,
body:after {
content: "";
display: table;
}
body:after {
clear: both;
}
body:before,
body:after {
content: " ";
display: table;
}
body:after {
clear: both;
}
/********************
Global
*********************/
.center {
text-align: center;
}
.hubpeople01 img {
max-width: 100%;
}
.hubpeople01 a {
color: #0000EE;
text-decoration: none;
}
.hubpeople01 h2 {
margin-top: 15px;
margin-bottom: 15px;
}
.hubpeople01 input,
.hubpeople01 textarea,
.hubpeople01 #textarea,
.hubpeople01 .textarea,
.hubpeople01 select {
font-size: 18px;
border-radius: 4px;
border: 1px solid #cccccc;
padding: 5px;
font-family: 'Roboto', sans-serif;
background: #ffffff;
}
.hubpeople01 input:focus,
.hubpeople01 textarea:focus,
.hubpeople01 #textarea:focus,
.hubpeople01 .textarea:focus,
.hubpeople01 select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.hubpeople01 #textarea,
.hubpeople01 .textarea {
font: medium -moz-fixed;
font: -webkit-small-control;
overflow: auto;
resize: both;
font-size: 18px;
height: 200px;
position: relative;
background: #ffffff;
}
.hubpeople01 table.table tr th {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 24px;
border-bottom: 1px solid #cccccc;
padding: 10px;
text-align: left;
}
.hubpeople01 table.table tr td {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
border-bottom: 1px solid #cccccc;
padding: 10px;
}
.signup-step6 .success-animation {
background: url(https://cdna.hubpeople.com/images/tick-loop.gif);
height: 150px;
margin: 30px auto;
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
width: 150px;
}
.hubpeople01 .placeholder_wrapper {
position: relative;
}
.hubpeople01 .placeholder_wrapper .placeholder {
position: absolute;
top: 8px;
left: 15px;
color: #cccccc;
z-index: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.hubpeople01 .textarea-group {
position: relative;
display: table;
border-collapse: separate;
}
.hubpeople01 .textarea-group #textarea {
display: table-cell;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
font-family: 'Roboto', sans-serif;
float: left;
}
.hubpeople01 .textarea-group .textarea-group-addon {
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
padding: 5px 10px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px;
border-left: none;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
}
.hubpeople01 .textarea-group .textarea-group-addon:not(:first-child):not(:last-child) {
border-radius: 0;
}
.hubpeople01 .textarea-group .textarea-group-addon.red {
color: #e83434;
}
.hubpeople01 .textarea-group .textarea-group-addon {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.hubpeople01 .input-group .input-group-addon {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
}
.hubpeople01 .styled_input {
background: #666666;
display: inline-block;
margin: 5px;
border-radius: 8px;
}
.hubpeople01 .styled_input input[type="checkbox"] {
margin: 10px;
}
.hubpeople01 .w100 {
width: 100%;
}
.hubpeople01 .w50 {
width: 50%;
}
.hubpeople01 .w33 {
width: 33%;
}
.hubpeople01 .w30 {
width: 30%;
}
.hubpeople01 .w25 {
width: 25%;
}
.hubpeople01 .w20 {
width: 20%;
}
@media only screen and (max-width: 479px) {
.hubpeople01 .m100 {
width: 100%;
}
.hubpeople01 .m50 {
width: 50%;
}
.hubpeople01 .w33 {
width: 33.333333%;
}
}
.hubpeople01 ul:not(.list) {
list-style: none;
}
.hubpeople01 ul:not(.list) li {
color: #333333;
}
.hubpeople01 ul.list {
margin: 15px;
margin-left: 40px;
}
.hubpeople01 ul.list li {
padding: 2px;
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #333333;
}
.hubpeople01 ul {
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.hubpeople01 ul li {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
color: #999999;
}
.hubpeople01 ul li span,
.hubpeople01 ul li b {
font-size: inherit;
font-family: inherit;
}
.hubpeople01 * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(js/boxsizing.htc);
}
.hubpeople01 .input_btn_container {
*zoom: 1;
}
.hubpeople01 .input_btn_container:before,
.hubpeople01 .input_btn_container:after {
content: "";
display: table;
}
.hubpeople01 .input_btn_container:after {
clear: both;
}
.hubpeople01 .input_btn_container input[type="text"] {
width: 74%;
margin-right: 1%;
float: left;
height: 35px;
}
.hubpeople01 .input_btn_container .btn {
width: 25%;
float: left;
height: 35px;
margin-left: 0;
margin-right: 0;
}
.hubpeople01 .round_img {
border-radius: 50%;
width: 100%;
}
.hubpeople01 .round_img img {
border-radius: 50%;
width: 100%;
}
.hubpeople01 .separator_h10 {
height: 10px;
}
.hubpeople01 .separator_h15 {
height: 15px;
}
.hubpeople01 .separator_h20 {
height: 20px;
}
.hubpeople01 .hide_for_desktop {
display: none;
}
@media (max-width: 820px) {
.hubpeople01 .hide_for_desktop {
display: block;
}
.hubpeople01 .hide_for_iphone {
display: none;
}
}
.hubpeople01 .fa {
margin: 0px 3px;
}
.hubpeople01 .fa.on {
color: green;
}
.hubpeople01 .fa.off {
color: #999999;
}
.hubpeople01 .no_margins {
margin: 0;
}
.hubpeople01 .no_top_margin {
margin-top: 0;
}
.hubpeople01 .no_bottom_margin {
margin-bottom: 0;
}
.hubpeople01 .no_vertical_paddings {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 820px) {
.hubpeople01 .remove_vert_margins_mob {
margin-top: 0;
margin-bottom: 0;
}
}
.hubpeople01 .center {
text-align: center;
}
.hubpeople01 .right {
text-align: right;
}
.hubpeople01 .show_for_mobile_479 {
display: none;
}
.hubpeople01 .show_for_mobile_820 {
display: none;
}
@media (max-width: 479px) {
.hubpeople01 .show_for_mobile_479 {
display: block;
}
}
@media (max-width: 820px) {
.hubpeople01 .show_for_mobile_820 {
display: block;
}
}
.hubpeople01 .hide_for_mobile_479 {
display: block;
}
.hubpeople01 .hide_for_mobile_820 {
display: block;
}
@media (max-width: 479px) {
.hubpeople01 .hide_for_mobile_479 {
display: none;
}
}
@media (max-width: 820px) {
.hubpeople01 .hide_for_mobile_820 {
display: none;
}
}
/* Text colours*/
.hubpeople01 h1,
.hubpeople01 h2,
.hubpeople01 h3,
.hubpeople01 h4,
.hubpeople01 p,
.hubpeople01 div {
color: #333333;
}
.hubpeople01 h5 {
color: #333;
}
.hubpeople01 .fa-heart,
.hubpeople01 .fa-heart-o {
color: red;
}
.hubpeople01 .yellow {
color: #ffaa00;
}
.hubpeople01 .red {
color: #e83434;
}
.hubpeople01 .blue {
color: #3987b1;
}
.hubpeople01 .green {
color: #0eb900;
}
.hubpeople01 .white {
color: #ffffff;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzAdKg.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUOjIg1_i6t8kCHKm459WxZqh7k29Y.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZBg_z_PZ1.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZ1.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRyS7j.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZOg3z_PZ1.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZ1.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZ1.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZbgjz_PZ1.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZSgnz_PZ1.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm45_QpRyS7j.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gnD-w.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gnD-w.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD-w.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gnD-w.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD-w.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiAyp8kv8JHgFVrJJLmE0tCMPc.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmv1pVF9eL.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm21lVF9eL.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrJJLucHtF.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVF9eL.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VF9eL.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VF9eL.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VF9eL.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xVF9eL.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTucHtF.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nWBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nXBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 800;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nQBi8Jow.ttf) format('truetype');
}
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K-DQBi8Jow.ttf) format('truetype');
}
.hubpeople01 h1,
.hubpeople01 h2,
.hubpeople01 h3,
.hubpeople01 h4,
.hubpeople01 li {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 h1 {
font-size: 33px;
}
.hubpeople01 h2 {
font-size: 26px;
}
.hubpeople01 h3 {
font-size: 22px;
}
.hubpeople01 h4 {
font-size: 14px;
}
.hubpeople01 h5 {
font-size: 14px;
}
.hubpeople01 h1 {
margin: 0;
}
.hubpeople01 .h_underlined {
border-bottom: 1px solid #cccccc;
}
.hubpeople01 h5,
.hubpeople01 p,
.hubpeople01 span,
.hubpeople01 b,
.hubpeople01 label {
font-family: 'Roboto', sans-serif;
}
.hubpeople01 a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 p,
.hubpeople01 label {
font-size: 18px;
letter-spacing: 0.2pt;
word-spacing: 1pt;
margin: 3px 0;
font-weight: 300;
}
.hubpeople01 p > b,
.hubpeople01 strong {
font-weight: bold;
}
.hubpeople01 p {
margin-bottom: 10px;
}
.hubpeople01 p b,
.hubpeople01 p span,
.hubpeople01 li a,
.hubpeople01 li span,
.hubpeople01 li b {
font-family: inherit;
font-size: inherit;
}
/*************************
C o m p o n e n t s
*************************/
.hubpeople01 {
/*-- P a n e l s -- */
}
.hubpeople01 .interests_bubbles li {
padding: 2px 5px;
background: #666666;
border-radius: 3px;
color: #ffffff;
display: inline-block;
margin-right: 2px;
margin-bottom: 3px;
cursor: pointer;
}
.hubpeople01 .interests_bubbles li b {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #ffffff;
}
.hubpeople01 .interests_bubbles li.not-selected {
color: #bbbbbb;
border: 1px solid #cccccc;
background: #ffffff;
}
.hubpeople01 .interests_bubbles li.not-selected b {
color: #bbbbbb;
}
.hubpeople01 body {
background: #ffffff;
padding: 0;
margin: 0;
}
.hubpeople01 .form_row {
margin-bottom: 10px;
}
.hubpeople01 .form_row {
*zoom: 1;
}
.hubpeople01 .form_row:before,
.hubpeople01 .form_row:after {
content: "";
display: table;
}
.hubpeople01 .form_row:after {
clear: both;
}
.hubpeople01 .form_row:before,
.hubpeople01 .form_row:after {
content: " ";
display: table;
}
.hubpeople01 .form_row:after {
clear: both;
}
.hubpeople01 .form_row .form_3col_1 {
width: 10%;
float: left;
padding: 5px;
}
.hubpeople01 .form_row .form_3col_2 {
width: 45%;
float: left;
padding: 5px;
}
.hubpeople01 .form_row .form_3col_3 {
width: 45%;
float: left;
padding: 5px;
}
@media (max-width: 820px) {
.hubpeople01 .form_row .form_3col_1 {
width: 100%;
}
.hubpeople01 .form_row .form_3col_2 {
width: 100%;
}
.hubpeople01 .form_row .form_3col_3 {
width: 100%;
}
}
.hubpeople01 ul.smiley_list {
background: #f5f5f5;
padding: 10px;
border-radius: 5px;
box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.4) inset;
}
.hubpeople01 ul.smiley_list li {
display: inline-block;
}
.hubpeople01 .alert {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
*zoom: 1;
padding: 11px;
border: 1px solid #e3e3e3;
background: #f5f5f5;
border-radius: 4px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.hubpeople01 .alert:before,
.hubpeople01 .alert:after {
content: "";
display: table;
}
.hubpeople01 .alert:after {
clear: both;
}
.hubpeople01 .alert:before,
.hubpeople01 .alert:after {
content: " ";
display: table;
}
.hubpeople01 .alert:after {
clear: both;
}
.hubpeople01 .alert h2,
.hubpeople01 .alert h3,
.hubpeople01 .alert h4,
.hubpeople01 .alert span,
.hubpeople01 .alert ul {
font-family: inherit;
color: inherit;
}
.hubpeople01 .alert h2 li,
.hubpeople01 .alert h3 li,
.hubpeople01 .alert h4 li,
.hubpeople01 .alert span li,
.hubpeople01 .alert ul li {
color: inherit;
list-style-type: disc;
margin-left: 17px;
}
.hubpeople01 .alert h2,
.hubpeople01 .alert h3 {
margin-bottom: 0.6em;
font-weight: 600;
}
.hubpeople01 .alert h3 {
line-height: 1em;
}
.hubpeople01 .alert-inline {
display: inline-block;
padding: 7px 12px;
}
.hubpeople01 .alert .pull-right {
float: right;
}
.hubpeople01 .alert-success {
border-color: #b2dba1;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.hubpeople01 .alert-info {
border-color: #9acfea;
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.hubpeople01 .alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.hubpeople01 .alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.hubpeople01 .spacer {
height: 20px;
}
.hubpeople01 .spacer_30 {
height: 30px;
}
.hubpeople01 .spacer_40 {
height: 40px;
}
.hubpeople01 .spacer_50 {
height: 50px;
}
.hubpeople01 .pages {
text-align: right;
margin: 15px 0;
}
.hubpeople01 .pages ul {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.hubpeople01 .pages ul li {
border: 1px solid #cccccc;
margin-bottom: 5px;
}
.hubpeople01 .pages ul li a {
padding: 8px 12px;
display: inline-block;
}
.hubpeople01 .pages ul li:first-child {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.hubpeople01 .pages ul li:last-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-right: 1px solid #cccccc;
}
.hubpeople01 .meta_data {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #999999;
margin-top: 3px;
margin-bottom: 3px;
letter-spacing: initial;
word-spacing: initial;
}
.hubpeople01 .meta_data .fa {
position: relative;
bottom: 2px;
}
.hubpeople01 .badge {
border-radius: 8px;
padding: 2px 5px;
font-size: 13px;
display: inline-block;
position: relative;
bottom: 2px;
background: #cccccc;
color: #000000;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
vertical-align: middle;
margin: 0 3px;
}
.hubpeople01 .badge .count {
position: absolute;
bottom: 16px;
right: -9px;
}
.hubpeople01 .badge.small {
font-size: 11px;
}
.hubpeople01 .badge.large {
font-size: 16px;
}
.hubpeople01 .badge.x-large {
font-size: 24px;
padding-left: 10px;
padding-right: 10px;
}
.hubpeople01 .badge.xx-large {
font-size: 32px;
padding-left: 10px;
padding-right: 10px;
}
.hubpeople01 .badge.vip {
background: #000000;
color: #ffbd36;
}
.hubpeople01 .badge.premium {
background: #ffbd36;
color: #ffffff;
}
.hubpeople01 .badge.red {
background: red;
color: #ffffff;
}
.hubpeople01 .badge.new {
background: #2ca50e;
color: #ffffff;
margin-right: 5px;
}
.hubpeople01 .badge.green {
background: #2ca50e;
color: #ffffff;
margin-right: 5px;
}
.hubpeople01 .badge.black {
background: #333333;
color: #ffffff;
}
.hubpeople01 .badge.admin {
background: #337ab7;
color: #ffffff;
}
.hubpeople01 .badge.advisor {
background: #5bc0de;
color: #ffffff;
}
.hubpeople01 .badge.top-poster {
background: #2c8e13;
color: #ffffff;
}
.hubpeople01 .badge.violet {
background: #543bab;
color: #ffffff;
}
.hubpeople01 .badge.empty_green {
background: none;
color: #549e39;
border: 1px solid #549e39;
padding: 2px;
border-radius: 4px;
}
.hubpeople01 .badge.empty_purple {
background: none;
color: #c377e0;
border: 1px solid #c377e0;
padding: 2px;
border-radius: 4px;
}
.hubpeople01 .panel {
*zoom: 1;
position: relative;
border: 1px solid #e3e3e3;
border-radius: 4px;
min-height: 100px;
margin-bottom: 15px;
background: #f5f5f5;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .panel:before,
.hubpeople01 .panel:after {
content: "";
display: table;
}
.hubpeople01 .panel:after {
clear: both;
}
.hubpeople01 .panel:before,
.hubpeople01 .panel:after {
content: " ";
display: table;
}
.hubpeople01 .panel:after {
clear: both;
}
.hubpeople01 .panel a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .panel h2 {
padding: 10px;
margin: 0;
}
.hubpeople01 .panel h2 span {
font-size: 70%;
}
.hubpeople01 .panel h3 {
margin: 0;
font-size: 22px;
}
.hubpeople01 .panel .title_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
color: #ffffff;
}
.hubpeople01 .panel .top_grad {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.hubpeople01 .panel a .badge {
background: #0000EE;
color: #ffffff;
}
.hubpeople01 .panel img {
display: block;
}
.hubpeople01 .panel .panel_content {
padding: 10px;
}
.hubpeople01 .panel .panel_content p {
font-family: 'Roboto', sans-serif;
}
.hubpeople01 .panel .panel_content ul li span.icon_container {
display: inline-block;
width: 30px;
}
.hubpeople01 .panel .panel_row {
*zoom: 1;
}
.hubpeople01 .panel .panel_row:before,
.hubpeople01 .panel .panel_row:after {
content: "";
display: table;
}
.hubpeople01 .panel .panel_row:after {
clear: both;
}
.hubpeople01 .panel .panel_row:before,
.hubpeople01 .panel .panel_row:after {
content: " ";
display: table;
}
.hubpeople01 .panel .panel_row:after {
clear: both;
}
.hubpeople01 .panel .panel_row .img_container {
width: 20%;
float: left;
padding: 10px;
}
.hubpeople01 .panel .panel_row .text_container {
width: 80%;
float: left;
padding: 10px;
padding-left: 0;
}
.hubpeople01 .panel .panel_row .text_container a {
color: #0000EE;
}
.hubpeople01 .panel .panel_row .text_container a b {
margin-top: 0;
color: #0000EE;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .panel .panel_row .text_container a span {
font-family: 'Roboto', sans-serif;
}
.hubpeople01 .panel .panel_row .text_container b {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .panel .panel_row .text_container span {
font-family: 'Roboto', sans-serif;
}
.hubpeople01 .panel .panel_row.col_30x70 {
*zoom: 1;
}
.hubpeople01 .panel .panel_row.col_30x70:before,
.hubpeople01 .panel .panel_row.col_30x70:after {
content: "";
display: table;
}
.hubpeople01 .panel .panel_row.col_30x70:after {
clear: both;
}
.hubpeople01 .panel .panel_row.col_30x70:before,
.hubpeople01 .panel .panel_row.col_30x70:after {
content: " ";
display: table;
}
.hubpeople01 .panel .panel_row.col_30x70:after {
clear: both;
}
.hubpeople01 .panel .panel_row.col_30x70 .img_container {
width: 30%;
float: left;
padding: 10px;
}
.hubpeople01 .panel .panel_row.col_30x70 .text_container {
width: 70%;
float: left;
padding: 10px;
padding-left: 0;
}
.hubpeople01 .panel .col_25X75 .panel_col_1 {
width: 25%;
}
.hubpeople01 .panel .col_25X75 .panel_col_2 {
width: 75%;
}
.hubpeople01 .panel .panel_col_1 {
width: 50%;
float: left;
}
.hubpeople01 .panel .panel_col_2 {
width: 50%;
float: left;
}
.hubpeople01 .panel .panel_col_2 h2 {
padding: 0;
}
.hubpeople01 .panel .padding_10px {
padding: 10px;
}
.hubpeople01 .panel .padding_5px {
padding: 5px;
}
.hubpeople01 .panel > .btn_container {
padding: 10px;
}
.hubpeople01 .panel .avatar_img_container {
width: 60%;
}
.hubpeople01 .panel .username {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
}
.hubpeople01 .panel .username span {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
}
.hubpeople01 .panel.panel_white {
border: none;
background: #ffffff;
}
.hubpeople01 .panel.panel_white_with_border {
background: #ffffff;
}
.hubpeople01 .panel.panel_trans {
border: none;
background: none;
}
.hubpeople01 .panel.panel_black {
border: none;
background: #333333;
}
.hubpeople01 .panel.panel_black h2 {
color: #ffffff;
}
.hubpeople01 .panel.panel_green {
background: #74b848;
color: #ffffff;
border: 1px solid #64a43b;
}
.hubpeople01 .panel.panel_green h2,
.hubpeople01 .panel.panel_green ul li {
color: #ffffff;
}
.hubpeople01 .panel.panel_green .panel_content {
padding-top: 0;
}
.hubpeople01 .panel.panel_red {
background: #d40000;
color: #ffffff;
border: 1px solid #c30303;
}
.hubpeople01 .panel.panel_red h2,
.hubpeople01 .panel.panel_red ul li {
color: #ffffff;
}
.hubpeople01 .panel.panel_red .panel_content {
padding-top: 0;
}
.hubpeople01 .panel.panel_gradient {
background: #f1480f;
border: none;
background: linear-gradient(#f1480f, #e8a719);
}
.hubpeople01 .panel.panel_gradient h2 {
letter-spacing: 5px;
}
.hubpeople01 .panel.panel_upgrade {
color: #ffffff;
background: rgba(0, 0, 0, 0.5);
}
.hubpeople01 .panel.panel_upgrade h2,
.hubpeople01 .panel.panel_upgrade h2 a,
.hubpeople01 .panel.panel_upgrade ul li {
color: #ffffff;
}
.hubpeople01 .panel.panel_upgrade .cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.hubpeople01 .panel.panel_upgrade .panel_content {
padding-top: 0;
}
.hubpeople01 .panel.panel_upgrade .btn_container .btn.w100 {
float: none;
margin: 0;
}
.hubpeople01 .panel.panel_upgrade .p_card_number {
position: relative;
margin-bottom: 10px;
}
.hubpeople01 .panel.panel_upgrade .p_card_number .fa-credit-card {
position: absolute;
left: 5px;
top: 10px;
}
.hubpeople01 .panel.panel_upgrade .p_card_number input {
padding-left: 30px;
width: 100%;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper {
margin-bottom: 10px;
*zoom: 1;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper:before,
.hubpeople01 .panel.panel_upgrade .expiration_wrapper:after {
content: "";
display: table;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper:after {
clear: both;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper:before,
.hubpeople01 .panel.panel_upgrade .expiration_wrapper:after {
content: " ";
display: table;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper:after {
clear: both;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper .p_expiration {
width: 50%;
float: left;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper .p_expiration label {
width: 25%;
float: left;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
text-align: center;
}
.hubpeople01 .panel.panel_upgrade .expiration_wrapper .p_expiration input {
width: 75%;
float: right;
}
.hubpeople01 .panel.panel_upgrade .p_cvv {
position: relative;
margin-bottom: 10px;
border: 1px solid green;
}
.hubpeople01 .panel.panel_upgrade .p_cvv .fa-lock {
position: absolute;
left: 5px;
top: 10px;
}
.hubpeople01 .panel.panel_upgrade .p_cvv input {
padding-left: 30px;
width: 100%;
}
.hubpeople01 .panel.panel_upgrade .meta_data {
color: #ffffff;
}
.hubpeople01 .panel .p_card_number {
position: relative;
margin-bottom: 10px;
*zoom: 1;
}
.hubpeople01 .panel .p_card_number:before,
.hubpeople01 .panel .p_card_number:after {
content: "";
display: table;
}
.hubpeople01 .panel .p_card_number:after {
clear: both;
}
.hubpeople01 .panel .p_card_number:before,
.hubpeople01 .panel .p_card_number:after {
content: " ";
display: table;
}
.hubpeople01 .panel .p_card_number:after {
clear: both;
}
.hubpeople01 .panel .p_card_number input {
width: 87%;
float: left;
}
.hubpeople01 .panel .p_card_number .fa {
width: 13%;
margin: 0;
float: left;
text-align: center;
padding-top: 7px;
}
.hubpeople01 .panel .expiration_wrapper {
margin-bottom: 10px;
*zoom: 1;
}
.hubpeople01 .panel .expiration_wrapper:before,
.hubpeople01 .panel .expiration_wrapper:after {
content: "";
display: table;
}
.hubpeople01 .panel .expiration_wrapper:after {
clear: both;
}
.hubpeople01 .panel .expiration_wrapper:before,
.hubpeople01 .panel .expiration_wrapper:after {
content: " ";
display: table;
}
.hubpeople01 .panel .expiration_wrapper:after {
clear: both;
}
.hubpeople01 .panel .expiration_wrapper label {
float: left;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
}
.hubpeople01 .panel .expiration_wrapper input {
float: left;
}
.hubpeople01 .panel .expiration_wrapper .e1 {
width: 13%;
text-align: center;
}
.hubpeople01 .panel .expiration_wrapper .e2 {
width: 35%;
}
.hubpeople01 .panel .expiration_wrapper .e3 {
width: 9%;
text-align: center;
}
.hubpeople01 .panel .expiration_wrapper .e4 {
width: 43%;
}
.hubpeople01 .panel .p_cvv {
position: relative;
margin-bottom: 10px;
*zoom: 1;
}
.hubpeople01 .panel .p_cvv:before,
.hubpeople01 .panel .p_cvv:after {
content: "";
display: table;
}
.hubpeople01 .panel .p_cvv:after {
clear: both;
}
.hubpeople01 .panel .p_cvv:before,
.hubpeople01 .panel .p_cvv:after {
content: " ";
display: table;
}
.hubpeople01 .panel .p_cvv:after {
clear: both;
}
.hubpeople01 .panel .p_cvv .fa-lock {
width: 13%;
margin: 0;
float: left;
text-align: center;
padding-top: 7px;
}
.hubpeople01 .panel .p_cvv input {
display: inline-block;
width: 87%;
}
.hubpeople01 .panel .remove_btn_container {
text-align: right;
padding: 5px;
}
.hubpeople01 .panel .remove_btn_container .remove_btn span {
display: inline-block;
border-radius: 4px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding: 2px 10px;
padding-right: 2px;
}
.hubpeople01 .panel .remove_btn_container .remove_btn > .fa {
font-size: 24px;
}
.hubpeople01 .panel .form_row {
padding: 10px;
*zoom: 1;
}
.hubpeople01 .panel .form_row:before,
.hubpeople01 .panel .form_row:after {
content: "";
display: table;
}
.hubpeople01 .panel .form_row:after {
clear: both;
}
.hubpeople01 .panel .form_row:before,
.hubpeople01 .panel .form_row:after {
content: " ";
display: table;
}
.hubpeople01 .panel .form_row:after {
clear: both;
}
.hubpeople01 .panel .form_row .form_col_1 {
width: 30%;
float: left;
text-align: right;
padding-right: 20px;
}
.hubpeople01 .panel .form_row .form_col_1 label {
font-size: 26px;
text-shadow: 1px 1px 0 #ffffff;
}
.hubpeople01 .panel .form_row .form_col_2 {
width: 70%;
float: left;
}
@media (max-width: 820px) {
.hubpeople01 .panel .form_row .form_col_1 {
width: 100%;
text-align: left;
padding: 15px 0;
}
.hubpeople01 .panel .form_row .form_col_2 {
width: 100%;
padding: 15px 0;
}
}
.hubpeople01 .scroll {
overflow: hidden;
}
.hubpeople01 .photo,
.hubpeople01 .video {
position: relative;
margin-bottom: 3px;
}
.hubpeople01 .photo img,
.hubpeople01 .video img {
width: 100%;
}
.hubpeople01 .photo .username,
.hubpeople01 .video .username {
position: absolute;
bottom: 5px;
left: 10px;
}
.hubpeople01 .small_photos {
*zoom: 1;
}
.hubpeople01 .small_photos:before,
.hubpeople01 .small_photos:after {
content: "";
display: table;
}
.hubpeople01 .small_photos:after {
clear: both;
}
.hubpeople01 .small_photos:before,
.hubpeople01 .small_photos:after {
content: " ";
display: table;
}
.hubpeople01 .small_photos:after {
clear: both;
}
.hubpeople01 .small_photos li {
float: left;
padding: 1px;
}
.hubpeople01 .panel_text_over_image {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
padding: 10px;
}
.hubpeople01 .label_radio_input_group {
margin-bottom: 15px;
}
.hubpeople01 .label_radio_input_group label {
display: block;
padding: 5px 0;
}
.hubpeople01 .poll_item {
margin-bottom: 10px;
}
.hubpeople01 .poll_item .femail {
background: #e291d2;
margin-bottom: 1px;
height: 5px;
}
.hubpeople01 .poll_item .mail {
background: #91bee2;
margin-bottom: 1px;
height: 5px;
}
.hubpeople01 .poll_item .overall {
background: #f2a224;
margin-bottom: 1px;
height: 5px;
}
.hubpeople01 .legend .femail span {
background: #e291d2;
margin-bottom: 1px;
width: 16px;
height: 16px;
display: inline-block;
border-radius: 8px;
margin-right: 5px;
position: relative;
top: 2px;
}
.hubpeople01 .legend .mail span {
background: #91bee2;
margin-bottom: 1px;
width: 16px;
height: 16px;
display: inline-block;
border-radius: 8px;
margin-right: 5px;
position: relative;
top: 2px;
}
.hubpeople01 .legend .overall span {
background: #f2a224;
margin-bottom: 1px;
width: 16px;
height: 16px;
display: inline-block;
border-radius: 8px;
margin-right: 5px;
position: relative;
top: 2px;
}
.hubpeople01 .media_flow {
*zoom: 1;
}
.hubpeople01 .media_flow:before,
.hubpeople01 .media_flow:after {
content: "";
display: table;
}
.hubpeople01 .media_flow:after {
clear: both;
}
.hubpeople01 .media_flow:before,
.hubpeople01 .media_flow:after {
content: " ";
display: table;
}
.hubpeople01 .media_flow:after {
clear: both;
}
.hubpeople01 .media_flow li {
float: left;
width: 20%;
padding: 5px;
}
.hubpeople01 .club_img {
height: 70px;
overflow: hidden;
}
.hubpeople01 .radius {
border-radius: 4px;
}
.hubpeople01 .radius img {
border-radius: 4px;
}
.hubpeople01 .media_list {
*zoom: 1;
padding: 10px;
max-height: 720px;
overflow-y: auto;
}
.hubpeople01 .media_list:before,
.hubpeople01 .media_list:after {
content: "";
display: table;
}
.hubpeople01 .media_list:after {
clear: both;
}
.hubpeople01 .media_list:before,
.hubpeople01 .media_list:after {
content: " ";
display: table;
}
.hubpeople01 .media_list:after {
clear: both;
}
.hubpeople01 .media_list li {
float: left;
width: 25%;
position: relative;
}
.hubpeople01 .media_list li img {
width: 100%;
display: block;
border-radius: 4px;
padding: 0.5px;
}
.hubpeople01 .media_list li .fa-check {
position: absolute;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.hubpeople01 .media_list_container {
*zoom: 1;
margin-bottom: 0;
}
.hubpeople01 .media_list_container:before,
.hubpeople01 .media_list_container:after {
content: "";
display: table;
}
.hubpeople01 .media_list_container:after {
clear: both;
}
.hubpeople01 .media_list_container:before,
.hubpeople01 .media_list_container:after {
content: " ";
display: table;
}
.hubpeople01 .media_list_container:after {
clear: both;
}
.hubpeople01 .media_list_container li {
float: left;
width: 33.33333333%;
position: relative;
padding: 0;
}
.hubpeople01 .media_list_container li a img {
border-radius: 8px;
padding: 0.5px;
width: 100%;
}
.hubpeople01 .media_list_container li .round_img {
padding: 5px;
}
.hubpeople01 .media_list_container li img {
display: block;
}
.hubpeople01 .media_list_container_4_in_row {
*zoom: 1;
}
.hubpeople01 .media_list_container_4_in_row:before,
.hubpeople01 .media_list_container_4_in_row:after {
content: "";
display: table;
}
.hubpeople01 .media_list_container_4_in_row:after {
clear: both;
}
.hubpeople01 .media_list_container_4_in_row:before,
.hubpeople01 .media_list_container_4_in_row:after {
content: " ";
display: table;
}
.hubpeople01 .media_list_container_4_in_row:after {
clear: both;
}
.hubpeople01 .media_list_container_4_in_row li {
float: left;
width: 25%;
position: relative;
padding: 0;
}
.hubpeople01 .media_list_container_4_in_row li a img {
width: 100%;
padding: 0.5px;
border-radius: 8px;
display: block;
}
@media only screen and (max-width: 479px) {
.hubpeople01 .media_list_container_4_in_row {
*zoom: 1;
}
.hubpeople01 .media_list_container_4_in_row:before,
.hubpeople01 .media_list_container_4_in_row:after {
content: "";
display: table;
}
.hubpeople01 .media_list_container_4_in_row:after {
clear: both;
}
.hubpeople01 .media_list_container_4_in_row:before,
.hubpeople01 .media_list_container_4_in_row:after {
content: " ";
display: table;
}
.hubpeople01 .media_list_container_4_in_row:after {
clear: both;
}
.hubpeople01 .media_list_container_4_in_row li {
width: 33.33333333%;
}
}
.hubpeople01 .media_list_container.width_auto li {
width: auto;
}
.hubpeople01 .profile_list_container {
*zoom: 1;
}
.hubpeople01 .profile_list_container:before,
.hubpeople01 .profile_list_container:after {
content: "";
display: table;
}
.hubpeople01 .profile_list_container:after {
clear: both;
}
.hubpeople01 .profile_list_container:before,
.hubpeople01 .profile_list_container:after {
content: " ";
display: table;
}
.hubpeople01 .profile_list_container:after {
clear: both;
}
.hubpeople01 .profile_list_container li {
float: left;
width: 33.33333333%;
position: relative;
padding: 5px;
}
.hubpeople01 .profile_list_container li .remove {
position: absolute;
top: 0;
right: 0;
}
.hubpeople01 .profile_list_container li .remove .fa {
font-size: 25px;
color: #333333;
}
.hubpeople01 .profile_list_container li a {
display: inline-block;
}
.hubpeople01 .profile_list_container li .username {
display: block;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
.hubpeople01 blockquote {
background: #333333;
color: #ffffff;
padding: 20px;
margin: 0;
margin-bottom: 15px;
border-radius: 4px;
font-family: 'Roboto', sans-serif;
}
.hubpeople01 .media_container {
position: relative;
}
.hubpeople01 .media_container img {
border-radius: 4px;
}
.hubpeople01 .breadcrumbs {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .emoticons_container ul {
border: 1px solid #cccccc;
border-radius: 4px;
*zoom: 1;
padding: 10px;
clear: both;
background: #ffffff;
margin-top: 3px;
margin-bottom: 3px;
}
.hubpeople01 .emoticons_container ul:before,
.hubpeople01 .emoticons_container ul:after {
content: "";
display: table;
}
.hubpeople01 .emoticons_container ul:after {
clear: both;
}
.hubpeople01 .emoticons_container ul:before,
.hubpeople01 .emoticons_container ul:after {
content: " ";
display: table;
}
.hubpeople01 .emoticons_container ul:after {
clear: both;
}
.hubpeople01 .emoticons_container ul li {
float: left;
}
.hubpeople01 .emoticons_container ul li a {
padding: 5px;
}
.hubpeople01 .blur {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
.hubpeople01 .round_badge {
height: 40px;
width: 40px;
color: #ffffff;
border-radius: 50%;
text-align: center;
display: inline-block;
padding-top: 10px;
background: grey;
}
.hubpeople01 .round_badge.green {
background: #54c574;
}
.hubpeople01 .round_badge.pink {
background: #fb7592;
}
.hubpeople01 .round_button {
position: relative;
overflow: hidden;
border-radius: 50%;
z-index: 10;
border: 1px solid #cccccc;
display: block;
cursor: pointer;
}
.hubpeople01 .round_button .fa-plus-container {
position: absolute;
top: 50%;
display: block;
width: 100%;
text-align: center;
transform: translate3d(0%, -50%, 0);
}
.hubpeople01 .round_button .fa-plus-container .fa-plus {
font-size: 32px;
color: #0000EE;
}
.hubpeople01 .round_button .photo_inside_button img {
transition: all ease-out 0.3s;
border-radius: 50%;
transform: rotate(180deg);
transform-origin: bottom center;
position: absolute;
top: 0;
z-index: 2;
}
.hubpeople01 .round_button.twist_photo .photo_inside_button img {
transform: rotate(0deg);
}
.hubpeople01 .label_select_group label {
margin-right: 10px;
}
@media (max-width: 820px) {
.hubpeople01 .round_button .fa-plus-container .fa-plus {
font-size: 10vw;
}
.hubpeople01 .label_select_group label {
width: 30%;
display: block;
float: left;
}
.hubpeople01 .label_select_group select {
width: 50%;
float: left;
}
}
.hubpeople01 ul.details li {
padding: 2px 0;
}
.hubpeople01 .loader_container {
position: relative;
min-height: 30px;
}
.hubpeople01 .loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
margin: -40px 0 0 -40px;
border: 12px solid #f5f5f5;
border-radius: 50%;
border-right: 12px solid #83cdce;
border-bottom: 12px solid #444444;
border-left: 12px solid #444444;
width: 60px;
height: 60px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.hubpeople01 .loader_dots {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.hubpeople01 .dot {
width: 22px;
height: 22px;
width: 16px;
height: 16px;
background: #83cdce;
border-radius: 100%;
display: inline-block;
animation: slide 1s infinite;
margin: 0px 1px;
}
.hubpeople01 .dot:nth-child(1) {
animation-delay: 0.1s;
background: #83cdce;
}
.hubpeople01 .dot:nth-child(2) {
animation-delay: 0.2s;
background: #64aacc;
}
.hubpeople01 .dot:nth-child(3) {
animation-delay: 0.3s;
background: #96aacc;
}
.hubpeople01 .dot:nth-child(4) {
animation-delay: 0.4s;
background: #c8aacc;
}
.hubpeople01 .dot:nth-child(5) {
animation-delay: 0.5s;
background: #faaacc;
}
@keyframes slide {
0% {
transform: scale(1);
}
50% {
opacity: 0.3;
transform: scale(2.5);
}
100% {
transform: scale(1);
}
}
.hubpeople01 .media_viewer_comments {
*zoom: 1;
}
.hubpeople01 .media_viewer_comments:before,
.hubpeople01 .media_viewer_comments:after {
content: "";
display: table;
}
.hubpeople01 .media_viewer_comments:after {
clear: both;
}
.hubpeople01 .media_viewer_comments:before,
.hubpeople01 .media_viewer_comments:after {
content: " ";
display: table;
}
.hubpeople01 .media_viewer_comments:after {
clear: both;
}
.hubpeople01 .media_viewer_comments .mv_col_1 {
float: left;
width: 20%;
}
.hubpeople01 .media_viewer_comments .mv_col_2 {
float: left;
width: 80%;
padding-left: 10px;
}
.hubpeople01 .media_viewer_comments h2 {
margin-top: 0;
}
.hubpeople01 .online_status_container {
position: relative;
display: inline-block;
}
.hubpeople01 .online_status_container .online_status {
width: 17%;
padding: 3px;
background: #ffffff;
border-radius: 50%;
position: absolute;
top: 70%;
right: 3%;
z-index: 1;
}
.hubpeople01 .user_online {
display: inline-block;
position: relative;
}
.hubpeople01 .user_online:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: 20%;
background-position: 100% 87%;
}
.hubpeople01 .descr {
background: #222222;
color: #ffffff;
border-radius: 4px;
padding: 5px 10px;
}
.hubpeople01 .well {
min-height: 20px;
padding: 10px;
margin-bottom: 10px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
}
.hubpeople01 .explicit_media_alert {
background: #f5f5f5;
border-radius: 5px;
margin-bottom: 15px;
width: 200px;
}
.hubpeople01 .explicit_media_alert a {
display: block;
padding: 10px;
}
.hubpeople01 .explicit_media_alert a .icon_container {
background: #333333;
text-align: center;
padding: 10px;
}
.hubpeople01 .explicit_media_alert a .icon_container .fa {
color: #f5f5f5;
font-size: 36px;
}
.hubpeople01 .explicit_media_alert a h2 {
letter-spacing: 4pt;
text-transform: uppercase;
font-size: 32px;
text-align: center;
text-shadow: 1px 1px 1px #ffffff;
margin: 0;
}
.hubpeople01 .explicit_media_alert a h3 {
letter-spacing: 1pt;
text-transform: uppercase;
font-size: 13px;
text-align: center;
white-space: nowrap;
margin: 0;
background: #333333;
color: #f5f5f5;
padding: 0px 8px;
}
.hubpeople01 .pictures_hunt {
*zoom: 1;
margin: 10px 0;
}
.hubpeople01 .pictures_hunt:before,
.hubpeople01 .pictures_hunt:after {
content: "";
display: table;
}
.hubpeople01 .pictures_hunt:after {
clear: both;
}
.hubpeople01 .pictures_hunt:before,
.hubpeople01 .pictures_hunt:after {
content: " ";
display: table;
}
.hubpeople01 .pictures_hunt:after {
clear: both;
}
.hubpeople01 .pictures_hunt li {
float: left;
width: 50%;
padding: 0.5px;
position: relative;
border: 0px solid #cccccc;
}
.hubpeople01 .pictures_hunt li a img {
margin: auto;
}
.hubpeople01 .pictures_hunt li .fa-check {
position: absolute;
bottom: 5px;
right: 10px;
color: #549e39;
font-size: 60px;
}
.hubpeople01 .picture_hunt_container {
position: relative;
}
.hubpeople01 .picture_hunt_container .pic_hunt {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
width: 80px;
display: inline-block;
}
.hubpeople01 .push_notif {
position: fixed;
z-index: 8888;
top: 20px;
left: 20px;
background: #107a9d;
color: #ffffff;
}
.hubpeople01 .push_notif > p {
padding: 30px 50px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
color: #ffffff;
text-shadow: -1px -1px 2px #035671;
}
.hubpeople01 .push_notif .push_close {
position: absolute;
top: 5px;
right: 10px;
color: #035671;
}
.hubpeople01 .push_notif .push_close .fa {
font-size: 18px;
}
.hubpeople01 .push_notif .push_btn {
float: left;
display: block;
width: 50%;
text-align: center;
color: #ffffff;
padding: 10px 0;
text-decoration: none;
font-size: 24px;
border-top: 1px solid #035671;
text-shadow: -1px -1px 2px #035671;
}
.hubpeople01 .push_notif .yes {
background: #2195bb;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .push_notif .no {
background: #107a9d;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .push_notif::after {
content: "";
position: absolute;
left: 30px;
top: -20px;
border: 10px solid transparent;
border-bottom: 10px solid #107a9d;
}
.hubpeople01 .tour_desktop {
background: url("../images/tour/desktop/tour_desktop_bg.jpg");
background-size: cover;
background-position: center !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.hubpeople01 .tour_desktop .popup_window {
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
background: #f5f5f5;
position: absolute;
top: 40%;
left: 50%;
margin-left: -200px;
width: 400px;
padding: 20px;
}
.hubpeople01 .tour_desktop .popup_window .btn {
width: 49%;
white-space: normal;
height: 60px;
}
.hubpeople01 .tour_desktop .popup_window .fa.fa-times {
color: #000;
}
.hubpeople01 .tour_desktop .popup_window .btn.w100 {
width: 100%;
}
.hubpeople01 .tour_desktop .popup_window .btn.btn-green {
padding-top: 12px;
}
.hubpeople01 .tour_desktop .popup_window .list li {
font-size: 16px;
}
.hubpeople01 .tour_desktop .popup_window ul li, .hubpeople01 .tour_desktop .popup_window h2 {
font-weight: bold
}
.hubpeople01 .location_list_wrapper {
box-shadow: 1px 1px 2px #ffffff;
}
.hubpeople01 .location_list {
height: 150px;
overflow: auto;
}
.hubpeople01 .location_list li a:hover {
background: #333333;
color: #ffffff;
}
.hubpeople01 .location_list li:nth-child(odd) {
background: #ffffff;
}
.hubpeople01 .location_list li a {
display: block;
font-size: 22px;
padding: 3px;
}
.hubpeople01 .checkbox_label {
cursor: pointer;
}
.hubpeople01 .checkbox_label .checkbox {
border: 1px solid #cccccc;
border-radius: 3px;
display: inline-block;
cursor: pointer;
}
.hubpeople01 .checkbox_label .checkbox.size_1 {
padding: 2px;
font-size: 20px;
}
.hubpeople01 .checkbox_label .checkbox.selected {
background: #cccccc;
}
.hubpeople01 .checkbox_label .checkbox.selected .fa-check {
visibility: visible;
}
.hubpeople01 .checkbox_label .checkbox .fa-check {
visibility: hidden;
}
.hubpeople01 .check-box {
display: inline-block;
border: 1px solid grey;
border-radius: 4px;
background: #ffffff;
text-align: center;
cursor: pointer;
}
.hubpeople01 .check-box .fa-check {
color: grey;
padding: 5px 2px;
visibility: hidden;
}
.hubpeople01 .check-box.checked .fa-check {
visibility: visible;
}
/*common styles*/
.pencil_animated {
display: inline-block;
width: 29px;
height: 16px;
background: url("data:image/gif;base64,R0lGODlhHQAQAMQfAO36/NTCqca4qCwiInmctzpOcYSSic3f4oKSlDwnLlVwlMu0mTwnJsa4n0w5LDkoJKuZfuPw51FqjDYiJNXS0nlROdDh5L+pi39/j5Ouxz4rOMrBwU94nCIiIgAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJFAAfACwAAAAAHQAQAAAFW+AnjqOAHWSqrmPDdAXKzikFDR1s0bxLXLhOhjdrJAyT30ARIa6MCEeOsAE4VVBpTmK9krK5jqLrFYFz4/IooDE8wmm16MIBBN5x+WcBi1TyenxoZHqFhoeIIiEAIfkECQoAHwAsAAAAAB0AEAAABWLgJ47kKGBHqa5rw3RFys4lBQ0dbNG8S1y4ToY3ayQMk99AESG2EghHjrABOFXGaK4jsV5JWWlO4f2KwluyeRTQGB7p8vrCAQTg6vVoAYtU8noifGNyax6HgSuHHokqi40jIQAh+QQJCgAfACwAAAAAHQAQAAAFZOAnjmQ5CthhrizZMF2htvRIQUMXWzX9EpdcJ9NjNRKGCXCgiBRNR4RDR9gAnqXoVCe5YkdaXUfh/X7COrJZFNAYHmL1+nPhAAJw+XwRi1T0e3FlRR6FIoUec4eGH4iKjYyOayEAIfkECQoAHwAsAAAAAB0AEAAABWfgJ45kaYoCdpxs+zVMV6xu/VHQ0MmW3cKEi66T8Z0aCcMkOFBEjCUkwrEjbABQkpS6k2Czou2uo/iCxbsyWBTQGB5j9fpz4QACcPl8IYtU9HtxZiwehSKFHoeGUIiKiR+NjIuRkTYhACH5BAkUAB8ALAAAAAAdABAAAAVZ4CeOZGmKAnacbPs1TFesbv1R0NDJlt3ChIuuk/GdGgnDJDhQRIwlJMKxI2wAUJKUupNgs6LtrqP4gsW7MlgU0BgeY/X6c+EAAnD5fCGLVPR7cWZzhIWGNSEAIfkECQoAHwAsAAAAAB0AEAAABVngJ45kWQrYYa4s2TBdobb0SEFDF1s1/RKXXCfTYzUShglwoIgUTUeEQ0fYAJ6l6FQnuWJHWl1H4f1+wjqyWRTQGB5i9fpz4QACcPl8EYtU9HtxZXOEhYZPIQAh+QQJCgAfACwAAAAAHQAQAAAFWeAnjmQpCthhrizZMF2htvRIQUMXWzX9EpdcJ9NjNRKGCXCgiBRNR4RDR9gAnqXoVCe5YkdaXUfh/X7COrJZFNAYHmL1+nPhAAJw+XwRi1T0e3Flc4SFhmYhACH5BAUKAB8ALAAAAAAdABAAAAVb4CeO5CdgR6mua8N0RcrOJQUNHWzRvEtcuE6GN2skDJPfQBEhthIIR46wAThVxmiuI7FeSVlpTuH9isJbsnkU0Bge6fL6wgEE4Or1aAGLVPJ6InxjcoGGh4iIIQA7");
}
.panel_notify {
margin-bottom: 10px;
}
.panel_notify h3 {
font-size: initial;
font-weight: 600;
}
.panel_notify h4 {
font-size: initial;
padding-top: 8px;
}
.alert + .alert {
margin-top: 0.8em;
}
/*************************
Page L A Y O U T S
*************************/
.hubpeople01 {
/************
IPAD PORTRAIT
*************/
/************************
IPHONE LANDSCAPE
************************/
/*************************
IPHONE PORT
*************************/
/*****
IPAD 820px and less
*************/
}
.hubpeople01 .page_content {
max-width: 1180px;
margin: 0 auto;
min-height: 560px;
}
@media only screen and (min-width: 820px) {
.hubpeople01 .page_content {
min-height: 760px;
}
}
.hubpeople01 .column_container {
*zoom: 1;
width: 100%;
}
.hubpeople01 .column_container:before,
.hubpeople01 .column_container:after {
content: "";
display: table;
}
.hubpeople01 .column_container:after {
clear: both;
}
.hubpeople01 .column_container:before,
.hubpeople01 .column_container:after {
content: " ";
display: table;
}
.hubpeople01 .column_container:after {
clear: both;
}
.hubpeople01 .column_container [class^="col_"] {
float: left;
position: relative;
min-height: 1px;
padding: 15px;
}
.hubpeople01 .column_container [class^="col_"].no_vertical_paddings {
padding-top: 0;
padding-bottom: 0;
}
.hubpeople01 .column_container .column_container.nested_2col .nested_1 {
padding: 0;
padding-right: 7.5px;
}
.hubpeople01 .column_container .column_container.nested_2col .nested_2 {
padding: 0;
padding-left: 7.5px;
}
.hubpeople01 .column_container .col_2 {
width: 16.66666667%;
}
.hubpeople01 .column_container .col_3 {
width: 25%;
}
.hubpeople01 .column_container .col_4 {
width: 33.33333333%;
}
.hubpeople01 .column_container .col_5 {
width: 41.66666667%;
}
.hubpeople01 .column_container .col_6 {
width: 50%;
}
.hubpeople01 .column_container .col_7 {
width: 58.33333333%;
}
.hubpeople01 .column_container .col_8 {
width: 66.66666667%;
}
.hubpeople01 .column_container .col_9 {
width: 75%;
}
.hubpeople01 .column_container .col_10 {
width: 83.33333333%;
}
.hubpeople01 .column_container .col_12 {
width: 100%;
}
.hubpeople01 .row {
*zoom: 1;
margin-bottom: 15px;
}
.hubpeople01 .row:before,
.hubpeople01 .row:after {
content: "";
display: table;
}
.hubpeople01 .row:after {
clear: both;
}
.hubpeople01 .row:before,
.hubpeople01 .row:after {
content: " ";
display: table;
}
.hubpeople01 .row:after {
clear: both;
}
@media only screen and (max-width: 820px) and (min-width: 640px) {
.hubpeople01 .column_container .row .col_6_m {
width: 50%;
}
}
@media only screen and (max-width: 820px) {
.hubpeople01 .column_container {
*zoom: 1;
}
.hubpeople01 .column_container:before,
.hubpeople01 .column_container:after {
content: "";
display: table;
}
.hubpeople01 .column_container:after {
clear: both;
}
.hubpeople01 .column_container:before,
.hubpeople01 .column_container:after {
content: " ";
display: table;
}
.hubpeople01 .column_container:after {
clear: both;
}
.hubpeople01 .column_container [class^="col_"] {
float: left;
width: 100%;
}
.hubpeople01 .column_container .meetme_description {
margin-top: 30px;
}
.hubpeople01 .column_container .column_container.nested_2col .nested_1 {
padding: 0;
}
.hubpeople01 .column_container .column_container.nested_2col .nested_2 {
padding: 0;
}
}
@media (max-width: 1060px) and (min-width: 821px) {
.united_col_1_and_2 .buttons .btn {
font-size: 16px !important;
}
}
/********************
B u t t o n s
*********************/
.hubpeople01 .btn_container,
.hubpeople01 .bt_container {
margin-bottom: 15px;
*zoom: 1;
}
.hubpeople01 .btn_container:before,
.hubpeople01 .bt_container:before,
.hubpeople01 .btn_container:after,
.hubpeople01 .bt_container:after {
content: "";
display: table;
}
.hubpeople01 .btn_container:after,
.hubpeople01 .bt_container:after {
clear: both;
}
.hubpeople01 .btn_container:before,
.hubpeople01 .bt_container:before,
.hubpeople01 .btn_container:after,
.hubpeople01 .bt_container:after {
content: " ";
display: table;
}
.hubpeople01 .btn_container:after,
.hubpeople01 .bt_container:after {
clear: both;
}
.hubpeople01 .btn_container .btn,
.hubpeople01 .bt_container .btn,
.hubpeople01 .btn_container .btn-group,
.hubpeople01 .bt_container .btn-group {
float: right;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 3px;
}
.hubpeople01 .btn_container .pull-left,
.hubpeople01 .bt_container .pull-left {
float: left;
margin-left: 2px;
margin-right: 2px;
}
.hubpeople01 .btn_container .meta_data {
display: inline-block;
padding: 6px 12px;
}
.hubpeople01 .three_btn_container {
*zoom: 1;
text-align: center;
margin-bottom: 15px;
}
.hubpeople01 .three_btn_container:before,
.hubpeople01 .three_btn_container:after {
content: "";
display: table;
}
.hubpeople01 .three_btn_container:after {
clear: both;
}
.hubpeople01 .three_btn_container:before,
.hubpeople01 .three_btn_container:after {
content: " ";
display: table;
}
.hubpeople01 .three_btn_container:after {
clear: both;
}
.hubpeople01 .three_btn_container .btn {
width: 30%;
margin: 1px;
margin-left: 1px;
margin-right: 1px;
}
.hubpeople01 .three_btn_container .btn .fa-heart {
color: #ffffff;
}
.hubpeople01 .no_bottom_margin {
margin-bottom: 0;
}
.hubpeople01 .pull-right {
float: right;
margin-left: 1px;
margin-right: 1px;
}
.hubpeople01 .pull-left {
float: left;
margin-left: 1px;
margin-right: 1px;
}
.hubpeople01 .btn {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
text-decoration: none;
/*margin-left:2px;margin-right:2px; */
transition: 0.2s;
}
.hubpeople01 .btn .fa {
margin-left: 3px;
margin-right: 3px;
}
.hubpeople01 .btn_round {
border-radius: 50%;
padding: 0;
margin: 0;
position: relative;
}
.hubpeople01 .btn_round > span {
position: absolute;
top: 43%;
left: 50%;
margin-left: -25%;
}
.hubpeople01 .btn_round > img {
width: 100%;
}
.hubpeople01 .btn span {
font-size: 16px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .btn span:hover {
text-decoration: none;
}
.hubpeople01 .btn:hover {
color: #333333;
background-color: #cdcdcd;
text-decoration: none;
}
.hubpeople01 .btn:hover dfn {
text-decoration: none;
}
.hubpeople01 .btn-xlarge {
padding: 12px 29px;
font-size: 20px;
font-weight: bold;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.hubpeople01 .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.hubpeople01 .btn-default.desabled {
cursor: not-allowed;
color: #cccccc;
background: #f5f5f5;
}
.hubpeople01 .btn-default.desabled input[type="file"] {
cursor: not-allowed;
}
.hubpeople01 .btn-default:hover {
background-color: #e6e6e6;
}
.hubpeople01 .btn-default.active {
background-color: #e6e6e6;
}
.hubpeople01 .btn-grey {
color: #333;
background-color: #f5f5f5;
border-color: #ccc;
}
.hubpeople01 .btn-small {
padding: 1px 5px;
font-size: 15px;
}
.hubpeople01 .btn-micro {
background-color: #0000EE;
border-radius: 8px;
padding: 0px 5px;
color: #ffffff;
}
.hubpeople01 .btn .num {
background: red;
color: #ffffff;
border-radius: 3px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding: 0px 3px;
font-size: 11px;
position: relative;
bottom: 5px;
}
.hubpeople01 .dropdown-menu li a .num {
background: red;
color: #ffffff;
border-radius: 3px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding: 0px 3px;
font-size: 11px;
position: relative;
bottom: 5px;
}
.hubpeople01 .btn-green {
color: #fff;
background-color: #549e39;
border-color: #549e39 #36801b #36801b #549e39;
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
.hubpeople01 .btn-red {
color: #fff;
background-color: red;
border-color: #549e39 #36801b #36801b #549e39;
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
.hubpeople01 .btn-black {
color: #fff;
background-color: #333333;
border-color: #333333;
}
.hubpeople01 .btn-trans-white {
background: none;
color: #ffffff;
border-color: #ffffff;
}
.hubpeople01 .btn-green:hover,
.hubpeople01 .btn-green:active,
.hubpeople01 .btn-green.active,
.hubpeople01 .btn-green.disabled,
.hubpeople01 .btn-green[disabled] {
background-color: #36801b;
}
.hubpeople01 .btn-green:hover {
color: #ffffff;
}
.hubpeople01 .btn-green:focus {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
border-color: #549E39 #36801b #36801b #549E39;
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
.hubpeople01 .btn-group {
position: relative;
display: inline-block;
font-size: 16px;
white-space: nowrap;
vertical-align: middle;
}
.hubpeople01 .btn-group .btn-default[data-toggle="dropdown"] {
border-radius: 4px!important;
}
.hubpeople01 .btn-group .btn-default.active {
background-color: #e6e6e6;
color: #333333;
border: 1px solid #333333;
}
.hubpeople01 .btn-group .btn.btn-default.active:hover {
background-color: #e6e6e6;
}
.hubpeople01 .dropdown-menu {
position: absolute;
top: 100%;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
overflow: hidden;
}
.hubpeople01 .dropdown-menu li a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333333;
}
.hubpeople01 .dropdown-menu > li > a:hover,
.hubpeople01 .dropdown-menu > li > a:focus,
.hubpeople01 .dropdown-submenu:hover > a,
.hubpeople01 .dropdown-submenu:focus > a {
color: #ffffff;
text-decoration: none;
background-color: #5b7c87;
}
.hubpeople01 .dropdown-menu .divider {
height: 2px;
margin: 9px 1px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.hubpeople01 .dropdown-menu-right {
right: 0;
}
.hubpeople01 .dropdown-menu-left {
left: 0;
right: initial !important;
}
.hubpeople01 .fab_btn {
border-radius: 50%;
color: #ffffff;
width: 56px;
height: 56px;
background: #0000EE;
line-height: 56px;
display: inline-block;
text-align: center;
box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.4);
position: relative;
top: 120px;
/*-webkit-animation-name: fab_up;
-webkit-animation-duration: 4s;
animation-name: fab_up;
animation-duration: 1s;
animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; */
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.hubpeople01 .fab_btn .fa {
font-size: 24px;
line-height: 56px;
}
.hubpeople01 .fab_btn_loaded {
top: 0;
}
.hubpeople01 .fab_container {
display: none;
}
.hubpeople01 .btn-group .btn-default:hover {
background-color: #ffffff;
}
.hubpeople01 .btn-group .btn-default.active:hover {
background-color: #ffffff;
}
@-webkit-keyframes fab_up {
0% {
top: 80px;
}
100% {
top: 0;
}
}
@keyframes fab_up {
0% {
top: 80px;
}
100% {
top: 0;
}
}
.hubpeople01 .popout {
-webkit-animation-name: fab_out;
/* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.5s;
/* Safari 4.0 - 8.0 */
animation-name: fab_out;
animation-duration: 0.5s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes fab_out {
0% {
top: 0;
}
20% {
top: -20px;
transform: scale(2);
}
100% {
top: 120px;
}
}
@keyframes fab_out {
0% {
top: 0;
}
20% {
top: -20px;
transform: scale(2);
}
100% {
top: 120px;
}
}
@media (max-width: 820px) {
.hubpeople01 .fab_container {
display: block;
position: fixed;
bottom: 50px;
right: 30px;
}
.hubpeople01 .mobile_w100 {
width: 100%;
float: none!important;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0px;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0px;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none 2px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: none 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: none 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-group.btn-group-status .active {
background: #343a40;
border: 1px solid #343a40;
color: #ffffff;
}
.btn-group.btn-group-status .active:hover {
background: #343a40 !important;
border: 1px solid #343a40;
color: #ffffff;
}
.btn-group.btn-group-status button.active[disabled="disabled"] {
background: #343a40;
border: 1px solid #343a40;
color: #ffffff;
}
.btn-group.btn-group-status button.active[disabled="disabled"]:hover {
background: #343a40 !important;
border: 1px solid #343a40;
color: #ffffff;
}
.btn-group.btn-group-status button[disabled="disabled"] {
cursor: default;
color: #cccccc;
background: #f5f5f5;
}
.btn-group.btn-group-status button[disabled="disabled"]:hover {
background: #f5f5f5 !important;
}
/*******************************
mixin HP
*******************************/
/*******************************
F O O T E R
*******************************/
.hubpeople01 .footer_container {
background: #666666;
}
.hubpeople01 .footer_container .footer {
max-width: 1180px;
color: #ffffff;
margin: 0 auto;
padding: 15px;
}
.hubpeople01 .footer_container .footer p {
color: #ffffff;
font-size: 14px;
}
.hubpeople01 .footer_container .footer p a {
color: #ffffff;
font-size: normal;
}
.hubpeople01 .footer_container .footer .footer_menu ul {
*zoom: 1;
}
.hubpeople01 .footer_container .footer .footer_menu ul:before,
.hubpeople01 .footer_container .footer .footer_menu ul:after {
content: "";
display: table;
}
.hubpeople01 .footer_container .footer .footer_menu ul:after {
clear: both;
}
.hubpeople01 .footer_container .footer .footer_menu ul:before,
.hubpeople01 .footer_container .footer .footer_menu ul:after {
content: " ";
display: table;
}
.hubpeople01 .footer_container .footer .footer_menu ul:after {
clear: both;
}
.hubpeople01 .footer_container .footer .footer_menu ul li {
float: left;
padding: 1px 10px;
margin: 5px 0;
border-right: 1px solid #ffffff;
}
.hubpeople01 .footer_container .footer .footer_menu ul li a {
color: #ffffff;
}
.hubpeople01 .footer_container.white_bg .footer .footer_menu ul li {
border-right: 1px solid #000000;
}
.hubpeople01 .footer_container.white_bg .footer .footer_menu ul li a {
color: #000000;
}
.hubpeople01 .footer_container.white_bg .footer p {
color: #000000;
}
.hubpeople01 .footer_container.white_bg .footer p a {
color: #000000;
}
/**************
wall
***************/
.hubpeople01 .wall {
display: table;
}
.hubpeople01 .wall .wall_row {
*zoom: 1;
}
.hubpeople01 .wall .wall_row:before,
.hubpeople01 .wall .wall_row:after {
content: "";
display: table;
}
.hubpeople01 .wall .wall_row:after {
clear: both;
}
.hubpeople01 .wall .wall_row:before,
.hubpeople01 .wall .wall_row:after {
content: " ";
display: table;
}
.hubpeople01 .wall .wall_row:after {
clear: both;
}
.hubpeople01 .wall .wall_row [class^="wall_"] {
padding: 10px;
float: left;
position: relative;
}
.hubpeople01 .wall .wall_row .wall_profile_img {
width: 90px;
}
.hubpeople01 .wall .wall_row .wall_text {
width: calc(100% - 90px );
}
.hubpeople01 .wall .wall_row .wall_text p {
margin-top: 0;
margin-bottom: 5px;
}
.hubpeople01 .wall .wall_row .wall_text .img_container {
max-width: 390px;
position: relative;
}
.hubpeople01 .wall .wall_row .wall_text .img_container img {
border-radius: 4px;
}
.hubpeople01 .wall .wall_row .wall_text dfn {
font-style: normal;
}
.hubpeople01 .wall .wall_row .wall_text dfn.twit_message {
display: block;
}
.hubpeople01 .wall .wall_row .wall_text dfn.comment_removed {
display: inline-block;
}
.hubpeople01 .wall .wall_row .wall_text .userpic_list {
*zoom: 1;
margin-top: 25px;
}
.hubpeople01 .wall .wall_row .wall_text .userpic_list:before,
.hubpeople01 .wall .wall_row .wall_text .userpic_list:after {
content: "";
display: table;
}
.hubpeople01 .wall .wall_row .wall_text .userpic_list:after {
clear: both;
}
.hubpeople01 .wall .wall_row .wall_text .userpic_list:before,
.hubpeople01 .wall .wall_row .wall_text .userpic_list:after {
content: " ";
display: table;
}
.hubpeople01 .wall .wall_row .wall_text .userpic_list:after {
clear: both;
}
.hubpeople01 .wall .wall_row .wall_text .userpic_list li {
width: 50px;
float: left;
padding: 5px;
}
.hubpeople01 .wall .wall_row .wall_text .userpic_list .member_name {
display: none;
}
.hubpeople01 .wall.full_width {
display: table;
}
.hubpeople01 .wall.full_width .wall_row {
*zoom: 1;
}
.hubpeople01 .wall.full_width .wall_row:before,
.hubpeople01 .wall.full_width .wall_row:after {
content: "";
display: table;
}
.hubpeople01 .wall.full_width .wall_row:after {
clear: both;
}
.hubpeople01 .wall.full_width .wall_row:before,
.hubpeople01 .wall.full_width .wall_row:after {
content: " ";
display: table;
}
.hubpeople01 .wall.full_width .wall_row:after {
clear: both;
}
.hubpeople01 .wall.full_width .wall_row .alert-info .btn-default {
background: #60a7ca;
color: #ffffff;
margin: 10px 0;
border-color: #4c8cac;
font-size: 22px;
padding: 4px 10px;
text-shadow: #4c8cac -1px -1px 0;
}
.hubpeople01 .wall.full_width .wall_row .panel {
border: 1px solid #e3e3e3;
margin: 10px;
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner {
padding: 10px;
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a {
border: 1px solid #e3e3e3;
display: block;
border-radius: 4px;
position: relative;
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt {
position: absolute;
width: 100%;
bottom: 0;
top: 0;
padding: 10px;
padding-left: 20px;
background: rgba(255, 255, 255, 0.7);
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt h2 {
margin: 0;
padding: 0;
font-size: 30px;
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt p {
font-size: 20px;
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt.white {
color: #ffffff;
background: rgba(255, 255, 255, 0);
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt.white h2,
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt.white p {
color: #ffffff;
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a img {
width: 100%;
border-radius: 4px;
display: block;
}
.hubpeople01 .wall.full_width .wall_row [class^="wall_"] {
padding: 10px;
position: relative;
float: none;
}
.hubpeople01 .wall.full_width .wall_row .wall_profile_img {
width: 100%;
display: flex;
padding: 0 5px;
}
.hubpeople01 .wall.full_width .wall_row .wall_profile_img .round_img {
width: initial;
}
.hubpeople01 .wall.full_width .wall_row .wall_profile_img .round_img img {
width: 55px;
}
.hubpeople01 .wall.full_width .wall_row .wall_profile_img h3 {
margin-left: 10px;
width: calc(100% - 55px );
}
.hubpeople01 .wall.full_width .wall_row .wall_profile_img h3 dfn.twit_message {
font-style: normal;
}
.hubpeople01 .wall.full_width .wall_row .wall_text {
width: 100%;
}
.hubpeople01 .wall.full_width .wall_row .wall_text p {
margin-top: 0;
margin-bottom: 5px;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .img_container {
max-width: 600px;
position: relative;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .img_container img {
border-radius: 4px;
width: 600px;
}
.hubpeople01 .wall.full_width .wall_row .wall_text dfn {
font-style: normal;
}
.hubpeople01 .wall.full_width .wall_row .wall_text dfn.comment_removed {
display: inline-block;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list {
*zoom: 1;
margin-top: 25px;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list:before,
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list:after {
content: "";
display: table;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list:after {
clear: both;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list:before,
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list:after {
content: " ";
display: table;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list:after {
clear: both;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list li {
width: 50px;
float: left;
padding: 5px;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .userpic_list .member_name {
display: none;
}
.hubpeople01 .wall.full_width .wall_row .wall_text .comments > li {
background: none;
}
.hubpeople01 .list_row_circle {
padding: 5px 0;
color: #999999;
}
.hubpeople01 .list_row_circle span {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
color: #999999;
}
.hubpeople01 .list_row_circle .fa-circle {
font-size: 7px;
color: #999999;
padding: 0px 5px;
vertical-align: middle;
}
.hubpeople01 .list_row_circle.small_font {
font-size: 13px;
margin-top: -5px;
padding-top: 0;
}
.hubpeople01 .comments {
border-radius: 4px;
border: 1px solid #e3e3e3;
background: #f5f5f5;
}
.hubpeople01 .comments > li,
.hubpeople01 .comments .level_2 > li {
background: #f5f5f5;
padding: 5px 10px;
*zoom: 1;
}
.hubpeople01 .comments > li:before,
.hubpeople01 .comments .level_2 > li:before,
.hubpeople01 .comments > li:after,
.hubpeople01 .comments .level_2 > li:after {
content: "";
display: table;
}
.hubpeople01 .comments > li:after,
.hubpeople01 .comments .level_2 > li:after {
clear: both;
}
.hubpeople01 .comments > li:before,
.hubpeople01 .comments .level_2 > li:before,
.hubpeople01 .comments > li:after,
.hubpeople01 .comments .level_2 > li:after {
content: " ";
display: table;
}
.hubpeople01 .comments > li:after,
.hubpeople01 .comments .level_2 > li:after {
clear: both;
}
.hubpeople01 .comments > li .userpic,
.hubpeople01 .comments .level_2 > li .userpic {
width: 40px;
float: left;
}
.hubpeople01 .comments > li .comment_container,
.hubpeople01 .comments .level_2 > li .comment_container,
.hubpeople01 .comments > li .comment_container_removed,
.hubpeople01 .comments .level_2 > li .comment_container_removed {
margin-left: 50px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.hubpeople01 .comments > li .comment_container .message_text,
.hubpeople01 .comments .level_2 > li .comment_container .message_text,
.hubpeople01 .comments > li .comment_container_removed .message_text,
.hubpeople01 .comments .level_2 > li .comment_container_removed .message_text {
font-style: normal;
}
.hubpeople01 .comments > li .comments,
.hubpeople01 .comments .level_2 > li .comments {
border: none;
}
.hubpeople01 .comments > li input[type="text"],
.hubpeople01 .comments .level_2 > li input[type="text"] {
width: 100%;
}
.hubpeople01 .comments .level_2 {
margin-left: 30px;
margin-bottom: 20px;
}
.hubpeople01 .comments .level_2 > li .userpic {
width: 30px;
}
.hubpeople01 .comments .level_2 > li .comment_container,
.hubpeople01 .comments .level_2 > li .comment_container_removed {
margin-left: 40px;
}
.hubpeople01 .comments .alert_in_comments {
padding: 2px;
}
.hubpeople01 .comments .who_liked_container {
*zoom: 1;
background: #222222;
}
.hubpeople01 .comments .who_liked_container:before,
.hubpeople01 .comments .who_liked_container:after {
content: "";
display: table;
}
.hubpeople01 .comments .who_liked_container:after {
clear: both;
}
.hubpeople01 .comments .who_liked_container:before,
.hubpeople01 .comments .who_liked_container:after {
content: " ";
display: table;
}
.hubpeople01 .comments .who_liked_container:after {
clear: both;
}
.hubpeople01 .comments .who_liked_container ul {
*zoom: 1;
}
.hubpeople01 .comments .who_liked_container ul:before,
.hubpeople01 .comments .who_liked_container ul:after {
content: "";
display: table;
}
.hubpeople01 .comments .who_liked_container ul:after {
clear: both;
}
.hubpeople01 .comments .who_liked_container ul:before,
.hubpeople01 .comments .who_liked_container ul:after {
content: " ";
display: table;
}
.hubpeople01 .comments .who_liked_container ul:after {
clear: both;
}
.hubpeople01 .comments .who_liked_container ul li {
width: 46px;
float: left;
padding: 3px;
}
.hubpeople01 .comments .who_liked_container ul li a {
display: block;
}
.hubpeople01 .comments .who_liked_container .show_more {
color: #ffffff;
text-align: right;
}
.hubpeople01 .comments .input-group .form-control {
height: 36px;
}
.hubpeople01 .comments .input-group .input-group-btn button {
height: 36px;
}
.hubpeople01 .comments .author {
background: #e3e3e3;
padding: 7px 10px;
border-radius: 5px;
}
@media only screen and (max-width: 479px) {
.hubpeople01 .wall .wall_row [class^="wall_"] {
padding: 5px;
}
.hubpeople01 .wall .wall_row .wall_profile_img {
width: 50px;
}
.hubpeople01 .wall .wall_row .wall_text {
width: calc(100% - 50px );
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt h2 {
font-size: 7vw;
}
.hubpeople01 .wall.full_width .wall_row .upgrade_banner a .txt p {
font-size: 5vw;
}
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 210px;
height: 20px;
}
.slider.slider-horizontal .slider-track {
height: 10px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-left,
.slider.slider-horizontal .slider-track-right {
height: 100%;
top: 0;
bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
margin-left: -10px;
margin-top: -5px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
border-width: 0 10px 10px 10px;
width: 0;
height: 0;
border-bottom-color: #0480be;
margin-top: 0;
}
.slider.slider-horizontal .slider-tick-label-container {
white-space: nowrap;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
margin-top: 24px;
display: inline-block;
text-align: center;
}
.slider.slider-vertical {
height: 210px;
width: 20px;
}
.slider.slider-vertical .slider-track {
width: 10px;
height: 100%;
margin-left: -5px;
left: 50%;
top: 0;
}
.slider.slider-vertical .slider-selection {
width: 100%;
left: 0;
top: 0;
bottom: 0;
}
.slider.slider-vertical .slider-track-left,
.slider.slider-vertical .slider-track-right {
width: 100%;
left: 0;
right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
margin-left: -5px;
margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
border-width: 10px 0 10px 10px;
width: 1px;
height: 1px;
border-left-color: #0480be;
margin-left: 0;
}
.slider.slider-disabled .slider-handle {
background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
cursor: not-allowed;
}
.slider input {
display: none;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
font-size: 12px;
line-height: 1.4;
opacity: 0;
visibility: visible;
background: #000000;
}
.slider .tooltip.top {
margin-top: -36px;
}
.slider .tooltip-inner {
white-space: nowrap;
}
.slider .hide {
display: none;
}
.slider-track {
position: absolute;
cursor: pointer;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.slider-selection {
position: absolute;
background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
.slider-track-left,
.slider-track-right {
position: absolute;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
.slider-handle {
position: absolute;
width: 20px;
height: 20px;
background-color: #337ab7;
background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
filter: none;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
border: 0 solid transparent;
}
.slider-handle.round {
border-radius: 50%;
}
.slider-handle.triangle {
background: transparent none;
}
.slider-handle.custom {
background: transparent none;
}
.slider-handle.custom::before {
line-height: 20px;
font-size: 20px;
content: '\2605';
color: #726204;
}
.slider-tick {
position: absolute;
width: 20px;
height: 20px;
background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
filter: none;
opacity: 0.8;
border: 0 solid transparent;
}
.slider-tick.round {
border-radius: 50%;
}
.slider-tick.triangle {
background: transparent none;
}
.slider-tick.custom {
background: transparent none;
}
.slider-tick.custom::before {
line-height: 20px;
font-size: 20px;
content: '\2605';
color: #726204;
}
.slider-tick.in-selection {
background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
opacity: 1;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
/*
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
.input-lg();
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
.input-sm();
}
*/
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px;
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
input[type="radio"],
input[type="checkbox"] {
margin-top: 0;
margin-right: 3px;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
/**************
Signup 2 page
***************/
.hubpeople01 .express_yourself .locationControl .hublocationlink {
margin-bottom: 10px;
}
.hubpeople01 .express_yourself .locationControl .hub_select {
background: none;
margin: 0;
padding: 10px 0;
border: 1px solid #cccccc;
}
.hubpeople01 .express_yourself .locationControl .hub_select ul {
width: 98%;
}
.hubpeople01 .express_yourself .locationControl .hub_select ul li.heading {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #000000;
}
.hubpeople01 .express_yourself .locationControl .hub_select ul li {
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.hubpeople01 .express_yourself .locationControl .hub_select input {
width: 96%;
}
.hubpeople01 .express_yourself .locationControl p a {
font-size: 18px;
}
.hubpeople01 .express_yourself .example {
position: absolute;
z-index: 988;
top: 50px;
left: 0;
}
.hubpeople01 .express_yourself .example span {
color: red;
font-weight: bold;
font-size: 56px;
opacity: 0.3;
display: block;
padding: 50px 70px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.hubpeople01 .express_yourself .date_of_birth select {
margin-right: 3px;
}
/***** Steps signup 2 ****/
.fixed_container {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
@media only screen and (max-width: 479px) {
.fixed_container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
}
.close_btn_container {
max-width: 600px;
margin: 0 auto!important;
position: relative;
text-align: right;
padding-bottom: 5px;
}
.close_btn_container .close_btn {
color: #333333;
background: #e8e8e8;
padding: 3px 5px;
border-radius: 4px;
position: relative;
left: 25px;
}
.close_btn_container .close_btn .fa {
font-size: 24px;
}
.signup-form-container {
background-color: rgba(3, 3, 3, 0.3);
max-width: 600px;
margin: 0 auto!important;
overflow: hidden;
position: relative;
}
.signup-form-container .signup-form-wrapper {
display: block;
width: 600%;
}
.signup-form-container .signup-form-wrapper #signup-form {
*zoom: 1;
}
.signup-form-container .signup-form-wrapper #signup-form:before,
.signup-form-container .signup-form-wrapper #signup-form:after {
content: "";
display: table;
}
.signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.signup-form-container .signup-form-wrapper #signup-form:before,
.signup-form-container .signup-form-wrapper #signup-form:after {
content: " ";
display: table;
}
.signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps {
width: 16.66666667%;
float: left;
text-align: center;
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps.step {
transform: translateX(-100%);
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps input {
font-size: 22px;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday {
width: 15%;
display: inline-block;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday.year {
width: 28%;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps label {
margin: 3px;
margin-bottom: 10px;
font-family: Roboto Condensed;
font-size: 26px;
background: rgba(255, 255, 255, 0.7);
display: block;
padding: 8px 0;
text-align: center;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps .container {
padding: 5px 10px;
min-height: 180px;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps .container #textarea {
height: 150px;
text-align: left;
background: #ffffff;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner {
margin-bottom: 10px;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner .label {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 26px;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .alert {
margin: 0 5%;
margin-top: 8px;
padding: 10px;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-step1 .container input[type=text] {
width: 90%;
}
.signup-form-container .signup-submit-container {
text-align: center;
}
.signup-form-container .signup-steps-ind .signup-ind-active {
background-color: #e63a3a;
color: #fff;
}
.signup-form-container .signup-submit-container .signup-submit {
border: none;
color: inherit;
background: none;
cursor: pointer;
padding: 15px 60px;
display: inline-block;
margin: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
outline: none;
position: relative;
background: #DF2828;
color: #fff;
box-shadow: 0 6px #9E1414;
border-radius: 5px;
font-family: "Roboto Condensed";
font-size: 19px;
}
.signup-form-container .signup-steps-ind {
text-align: center;
padding-bottom: 15px;
}
.signup-form-container .signup-steps-ind div {
background-color: grey;
color: #fff;
text-align: center;
font-size: 0;
width: 12px;
height: 12px;
border-radius: 12px;
display: inline-block;
margin: 0 2px;
cursor: pointer;
}
.signup-form-container .signup-steps-ind .signup-ind-active {
background-color: lightgrey;
color: lightgrey;
}
.signup-form-container .signup-terms {
font-size: 11px;
color: #111;
text-align: center;
line-height: 18px;
font-family: "Roboto Condensed";
font-size: 14px;
padding: 5px;
}
.header_signup_steps {
margin: 0 auto!important;
margin-top: 15px;
text-align: center;
max-width: 450px;
}
.header_signup_steps .alert_container {
min-height: 56px;
overflow: hidden;
}
.header_signup_steps .alert_container .alert {
position: relative;
top: 100px;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.header_signup_steps .alert_show {
top: 0px!important;
}
.header_signup_steps h3 {
color: #ffffff;
background: #df2828;
display: inline-block;
margin: 15px 0;
padding: 10px;
border-radius: 4px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
}
.signup-form-container #signup-form input.error-border {
border: 1px solid #C53535;
background: #EEBEB9;
color: #C53535;
}
.signup-form-container .signup-btn {
cursor: pointer;
font-family: "Roboto Condensed";
font-size: 19px;
line-height: 16px;
border: solid 1px grey;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-appearance: none;
padding: 14px 20px;
text-transform: uppercase;
background: #E6E6E6;
color: #444;
box-shadow: 0 6px #444;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 5px;
display: block;
float: left;
width: 46%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 10px;
margin-top: 5px;
}
.signup-form-container .signup-active {
color: #fff;
background-color: #27ae60;
box-shadow: 0 0 #27ae60;
top: 6px;
}
.signup-form-container .signup-btn.error-border {
border: none;
background: #D69D97;
color: #C53535;
box-shadow: 0 6px #823E37;
}
.signup-form-container .signup-steps .interests_bubbles li {
background: #333333;
color: lightgrey;
font-size: 26px;
}
.signup-form-container .signup-steps .interests_bubbles li b {
font-size: 26px;
}
.signup-form-container .signup-steps .interests_bubbles li.not-selected {
background: #ffffff;
color: #333333;
}
.signup-form-container .signup-steps .interests_bubbles li.not-selected b {
color: #333333;
}
.textarea-group .textarea-group-addon.green {
color: #0eb900;
}
.signup-form-container .signup-form-wrapper #signup-form .signup-steps.signup-step5 input.form-control {
height: 38px;
}
@media (max-width: 820px) {
.signup-form-container {
margin: 0 5px;
}
.header_signup_steps h3 {
display: none;
}
}
/***** Steps signup 2 ****/
.dating .fixed_container {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
@media only screen and (max-width: 479px) {
.dating .fixed_container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
}
.dating .close_btn_container {
max-width: 600px;
margin: 0 auto!important;
position: relative;
text-align: right;
padding-bottom: 5px;
}
.dating .close_btn_container .close_btn {
color: #333333;
background: #e8e8e8;
padding: 3px 5px;
border-radius: 4px;
position: relative;
left: 25px;
}
.dating .close_btn_container .close_btn .fa {
font-size: 24px;
}
.dating .signup-form-container {
background-color: rgba(3, 3, 3, 0.3);
max-width: 600px;
margin: 0 auto!important;
overflow: hidden;
position: relative;
}
.dating .signup-form-container .signup-form-wrapper {
display: block;
width: 600%;
}
.dating .signup-form-container .signup-form-wrapper #signup-form {
*zoom: 1;
}
.dating .signup-form-container .signup-form-wrapper #signup-form:before,
.dating .signup-form-container .signup-form-wrapper #signup-form:after {
content: "";
display: table;
}
.dating .signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.dating .signup-form-container .signup-form-wrapper #signup-form:before,
.dating .signup-form-container .signup-form-wrapper #signup-form:after {
content: " ";
display: table;
}
.dating .signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps {
width: 16.66666667%;
float: left;
text-align: center;
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps.step {
transform: translateX(-100%);
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps input {
font-size: 22px;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday {
width: 15%;
display: inline-block;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday.year {
width: 28%;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps label {
margin: 3px;
margin-bottom: 10px;
font-size: 26px;
background: rgba(255, 255, 255, 0.7);
font-family: 'Poppins', sans-serif;
font-weight: initial;
display: block;
padding: 8px 0;
text-align: center;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container {
padding: 5px 10px;
min-height: 180px;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container #textarea {
height: 150px;
text-align: left;
background: #ffffff;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner {
margin-bottom: 10px;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner .label {
font-size: 26px;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .alert {
margin: 0 5%;
margin-top: 8px;
padding: 10px;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-step1 .container input[type=text] {
width: 90%;
}
.dating .signup-form-container .signup-submit-container {
text-align: center;
}
.dating .signup-form-container .signup-steps-ind .signup-ind-active {
background-color: #e63a3a;
color: #fff;
}
.dating .signup-form-container .signup-submit-container .signup-submit {
border: none;
color: inherit;
background: none;
cursor: pointer;
padding: 15px 60px;
display: inline-block;
margin: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
outline: none;
position: relative;
background: #DF2828;
color: #fff;
box-shadow: 0 6px #9E1414;
border-radius: 5px;
font-size: 19px;
}
.dating .signup-form-container .signup-steps-ind {
text-align: center;
padding-bottom: 15px;
}
.dating .signup-form-container .signup-steps-ind div {
background-color: grey;
color: #fff;
text-align: center;
font-size: 0;
width: 12px;
height: 12px;
border-radius: 12px;
display: inline-block;
margin: 0 2px;
cursor: pointer;
}
.dating .signup-form-container .signup-steps-ind .signup-ind-active {
background-color: lightgrey;
color: lightgrey;
}
.dating .signup-form-container .signup-terms {
font-size: 11px;
color: #111;
text-align: center;
line-height: 18px;
font-size: 14px;
padding: 5px;
}
.dating .header_signup_steps {
margin: 0 auto!important;
margin-top: 15px;
text-align: center;
max-width: 450px;
}
.dating .header_signup_steps .alert_container {
min-height: 56px;
overflow: hidden;
}
.dating .header_signup_steps .alert_container .alert {
position: relative;
top: 100px;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.dating .header_signup_steps .alert_show {
top: 0px!important;
}
.dating .header_signup_steps h3 {
color: #ffffff;
background: #df2828;
display: inline-block;
margin: 15px 0;
padding: 10px;
border-radius: 4px;
font-size: 22px;
}
.dating .signup-form-container #signup-form input.error-border {
border: 1px solid #C53535;
background: #EEBEB9;
color: #C53535;
}
.dating .signup-form-container .signup-btn {
cursor: pointer;
font-size: 19px;
line-height: 16px;
border: solid 1px grey;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-appearance: none;
padding: 14px 20px;
text-transform: uppercase;
background: #E6E6E6;
color: #444;
box-shadow: 0 6px #444;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 5px;
display: block;
float: left;
width: 46%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 10px;
margin-top: 5px;
}
.dating .signup-form-container .signup-active {
color: #fff;
background-color: #27ae60;
box-shadow: 0 0 #27ae60;
top: 6px;
}
.dating .signup-form-container .signup-btn.error-border {
border: none;
background: #D69D97;
color: #C53535;
box-shadow: 0 6px #823E37;
}
.dating .signup-form-container .signup-steps .interests_bubbles li {
background: #333333;
color: lightgrey;
font-size: 26px;
}
.dating .signup-form-container .signup-steps .interests_bubbles li b {
font-size: 26px;
}
.dating .signup-form-container .signup-steps .interests_bubbles li.not-selected {
background: #ffffff;
color: #333333;
}
.dating .signup-form-container .signup-steps .interests_bubbles li.not-selected b {
color: #333333;
}
.dating .textarea-group .textarea-group-addon.green {
color: #0eb900;
}
.dating .signup-form-container .signup-form-wrapper #signup-form .signup-steps.signup-step5 input.form-control {
height: 38px;
}
@media (max-width: 820px) {
.dating .signup-form-container {
margin: 0 5px;
}
.dating .header_signup_steps h3 {
display: none;
}
}
/**************
Mailbox page
***************/
.hubpeople01 .mail_row {
display: table;
width: 100%;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
padding-bottom: 10px;
}
.hubpeople01 .mail_row .mail_body {
display: table-row;
}
.hubpeople01 .mail_row .mail_body [class^="mail_col"] {
display: table-cell;
padding: 10px;
vertical-align: top;
}
.hubpeople01 .mail_row .mail_body [class^="mail_col"] .alert.alert-success a {
color: #3c763d;
}
.hubpeople01 .mail_row .mail_body [class^="mail_col"].hide_for_desktop {
display: none;
}
.hubpeople01 .mail_row .mail_body [class^="mail_col"] h2 {
margin-top: 0;
}
.hubpeople01 .mail_row .mail_body [class^="mail_col"] .mail_item_selected img {
border: 6px solid #0000EE;
display: block;
}
.hubpeople01 .mail_row .mail_body [class^="mail_col"] .mail_item_unselected img {
border: 6px solid #cccccc;
display: block;
}
.hubpeople01 .mail_row .mail_body .mail_col_1 {
width: 16%;
}
.hubpeople01 .mail_row .mail_body .mail_col_2 {
width: 40%;
}
.hubpeople01 .mail_row .mail_body .mail_col_3 {
width: 44%;
}
.hubpeople01 .mail_row .mail_body .mail_col_1 {
text-align: center;
}
.hubpeople01 .mail_row.opened .mail_body .mail_col_2 h2,
.hubpeople01 .mail_row.opened .mail_body .mail_col_2 p {
color: #999999;
}
.hubpeople01 .mail_row.opened .mail_body .mail_col_2 a {
color: #0000EE;
}
.hubpeople01 .mail_row.opened .mail_body .mail_col_3 h2,
.hubpeople01 .mail_row.opened .mail_body .mail_col_3 .btn {
color: #999999;
}
.hubpeople01 .mail_row.opened .btn.hide_if_opened {
display: none;
}
.hubpeople01 .new_badge {
display: inline;
background: #2ca50e;
color: #fff;
border-radius: 8px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
padding: 0 5px 2px;
display: inline-block;
vertical-align: middle;
position: relative;
bottom: 2px;
}
.hubpeople01 .username {
font-size: 18px;
text-align: center;
}
@media (max-width: 820px) {
.hubpeople01 .mail_row .mail_body [class^="mail_col"].hide_for_desktop {
display: table-cell;
}
.hubpeople01 .mail_row .mail_body [class^="mail_col"].hide_for_iphone {
display: none;
}
.hubpeople01 .mail_row .mail_body .mail_col_1 {
width: 20%;
}
.hubpeople01 .mail_row .mail_body .mail_col_2 {
width: 80%;
}
.hubpeople01 .mail_row .mail_body .mail_col_3 {
display: none;
}
}
@media only screen and (max-width: 479px) {
.hubpeople01 .mail_row .mail_body .mail_col_1 {
width: 20%;
padding: 0;
padding-top: 10px;
}
.hubpeople01 .mail_row .mail_body .mail_col_2 {
width: 80%;
}
.hubpeople01 .mail_row .mail_body .mail_col_3 {
display: none;
}
}
/**
Mailbox page v2 (dating)
**/
.hubpeople01 .alert_upgrade {
display: inline-block;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
border-radius: 5px;
padding: 2px 10px;
text-align: center;
white-space: nowrap;
background: #e8148c;
}
.hubpeople01 .alert_upgrade a {
color: #ffffff;
}
.hubpeople01 .legend_block {
margin-top: 50px;
}
.hubpeople01 .legend_block ul li {
padding: 3px;
}
.hubpeople01 .legend_block h2 {
margin-top: 0;
}
.hubpeople01 .mailbox_container_v2 {
overflow: hidden;
margin-bottom: 20px;
margin-top: 20px;
}
.hubpeople01 .mailbox_container_v2 .mail_item {
width: 100%;
border-bottom: 1px solid #e5e5e5;
transition: all ease-out 0.2s;
position: relative;
right: 0;
height: 120px;
}
.hubpeople01 .mailbox_container_v2 .mail_item.move_left {
right: 100px;
}
.hubpeople01 .mailbox_container_v2 .mail_item.opened .text h3 {
font-family: 'Poppins', sans-serif !important;
font-weight: 400 !important;
}
.hubpeople01 .mailbox_container_v2 .mail_item.opened .text h3 a {
font-family: 'Poppins', sans-serif !important;
font-weight: 400 !important;
}
.hubpeople01 .mailbox_container_v2 .mail_item.height_nuller {
height: 0;
opacity: 0;
border-bottom: none;
overflow: hidden;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body {
display: flex;
position: relative;
height: 120px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .userpic {
width: 100px;
padding: 5px;
padding-top: 10px;
padding-left: 10px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .userpic img {
width: 90px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text {
padding: 10px;
width: calc(100% - 290px );
cursor: pointer;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text h3 {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text h3 a {
color: #333333;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text h3.alert_upgrade a {
color: #ffffff;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text .meta_data {
font-size: 18px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text .date_show_for_desktop {
display: none;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text .alert_upgrade {
font-size: 22px;
}
@media (max-width: 460px) {
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text .alert_upgrade {
font-size: 4.3vw;
}
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .date {
display: flex;
justify-content: flex-start;
align-items: center;
width: 150px;
padding-left: 30px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .date .meta_data {
white-space: nowrap;
font-size: 16px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .right {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
width: 40px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .right .angle_right {
padding: 20px 5px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .right .angle_right svg {
stroke: #999999;
stroke-width: 2;
fill: none;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .outside {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: -100px;
top: 0;
bottom: 0;
width: 100px;
background: #e8148c;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .outside a {
padding: 20px;
text-align: center;
display: block;
color: #ffffff;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .outside .fa {
font-size: 38px;
}
@media (max-width: 620px) {
.hubpeople01 .bt_container {
*zoom: 1;
}
.hubpeople01 .bt_container:before,
.hubpeople01 .bt_container:after {
content: "";
display: table;
}
.hubpeople01 .bt_container:after {
clear: both;
}
.hubpeople01 .bt_container:before,
.hubpeople01 .bt_container:after {
content: " ";
display: table;
}
.hubpeople01 .bt_container:after {
clear: both;
}
.hubpeople01 .select_all {
display: none;
}
.hubpeople01 .select_all_for_mobile {
display: block;
padding: 20px 0;
clear: both;
}
.hubpeople01 .select_all_for_mobile label {
font-size: 22px;
color: #333333;
padding: 10px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
letter-spacing: 0;
}
.hubpeople01 .buttons_bellow_mailbox .btn {
width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 820px) {
.hubpeople01 .mailbox_container_v2 {
overflow: hidden;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text {
width: calc(100% - 140px );
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text .date_show_for_desktop {
display: inline;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .date {
display: none;
}
}
@media (max-width: 479px) {
.hubpeople01 .mailbox_container_v2 {
overflow: hidden;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .userpic {
width: 70px;
padding: 5px;
padding-top: 15px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .userpic img {
width: 70px;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .text {
width: calc(100% - 70px );
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .date {
display: none;
}
.hubpeople01 .mailbox_container_v2 .mail_item .mail_body .right {
width: 40px;
display: none;
}
}
/**************
Mailbox TREAD page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .mail_nav {
*zoom: 1;
}
.hubpeople01 .mail_nav:before,
.hubpeople01 .mail_nav:after {
content: "";
display: table;
}
.hubpeople01 .mail_nav:after {
clear: both;
}
.hubpeople01 .mail_nav:before,
.hubpeople01 .mail_nav:after {
content: " ";
display: table;
}
.hubpeople01 .mail_nav:after {
clear: both;
}
.hubpeople01 .mail_thread {
/*.mail.unpaid {//display a message with large font behind the payment lighbox
.email_body{
p{font-size:22px;}
}
}*/
}
.hubpeople01 .mail_thread .mail {
*zoom: 1;
margin-bottom: 20px;
margin-top: 20px;
-webkit-transition: all ease-out 0.2s;
-moz-transition: all ease-out 0.2s;
-o-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
}
.hubpeople01 .mail_thread .mail:before,
.hubpeople01 .mail_thread .mail:after {
content: "";
display: table;
}
.hubpeople01 .mail_thread .mail:after {
clear: both;
}
.hubpeople01 .mail_thread .mail:before,
.hubpeople01 .mail_thread .mail:after {
content: " ";
display: table;
}
.hubpeople01 .mail_thread .mail:after {
clear: both;
}
.hubpeople01 .mail_thread .mail .profile_image {
overflow: hidden;
text-align: center;
width: 100px;
float: left;
}
.hubpeople01 .mail_thread .mail .profile_image .username {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
color: #777777;
}
.hubpeople01 .mail_thread .mail .profile_image .username a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
display: block;
text-align: center;
font-size: 16px;
}
.hubpeople01 .mail_thread .mail .profile_image .username a:hover {
text-decoration: none;
}
.hubpeople01 .mail_thread .mail .email_body .meta_data {
color: #333333;
}
.hubpeople01 .mail_thread .mail .email_body {
padding: 15px;
padding-right: 50px;
border-radius: 10px;
margin-bottom: 0;
margin-left: 120px;
background: #E5E4E9;
min-height: 40px;
position: relative;
}
.hubpeople01 .mail_thread .mail .email_body .first_line {
display: none;
text-overflow: ellipsis;
width: 20em;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .mail_thread .mail .email_body p {
margin: 0;
hyphens: auto;
}
.hubpeople01 .mail_thread .mail .email_body .delete_btn {
position: absolute;
top: 2px;
right: 6px;
font-size: 22px;
color: #ffffff;
opacity: 0.7;
}
.hubpeople01 .mail_thread .mail .email_body .delete_btn:hover {
opacity: 1;
}
.hubpeople01 .mail_thread .mail .email_body .compress_btn {
position: absolute;
top: 2px;
right: 30px;
font-size: 22px;
color: #ffffff;
opacity: 0.7;
}
.hubpeople01 .mail_thread .mail .email_body .compress_btn:hover {
opacity: 1;
}
.hubpeople01 .mail_thread .mail .email_body .date {
position: absolute;
right: 10px;
top: -20px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #777777;
}
.hubpeople01 .mail_thread .mail .email_body .date_mob {
display: none;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #777777;
}
.hubpeople01 .mail_thread .mail .email_body em {
font-style: italic;
display: block;
background: rgba(0, 0, 0, 0.08) none repeat scroll 0% 0%;
padding: 7px 15px;
margin-bottom: 10px;
border-radius: 3px;
}
.hubpeople01 .mail_thread .mail .email_body img {
border-radius: 8px;
}
.hubpeople01 .mail_thread .mail .email_body .username {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
color: #777777;
}
.hubpeople01 .mail_thread .mail .email_body .username a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
display: block;
text-align: center;
font-size: 16px;
}
.hubpeople01 .mail_thread .mail .email_body .username a:hover {
text-decoration: none;
}
.hubpeople01 .mail_thread .mail .email_body:before {
content: '';
position: absolute;
left: -18px;
top: 20px;
border: 10px solid transparent;
border-right: 10px solid #e5e4e9;
}
.hubpeople01 .mail_thread .mail.from_me .email_body {
background: #55AFDC;
color: #ffffff;
}
.hubpeople01 .mail_thread .mail.from_me .email_body .date_mob {
color: #ffffff;
}
.hubpeople01 .mail_thread .mail.from_me .email_body:before {
border-right: 10px solid #55AFDC;
}
.hubpeople01 .mail_thread .mail.compact {
margin: 3px;
*zoom: 1;
clear: both;
cursor: pointer;
}
.hubpeople01 .mail_thread .mail.compact:before,
.hubpeople01 .mail_thread .mail.compact:after {
content: "";
display: table;
}
.hubpeople01 .mail_thread .mail.compact:after {
clear: both;
}
.hubpeople01 .mail_thread .mail.compact:before,
.hubpeople01 .mail_thread .mail.compact:after {
content: " ";
display: table;
}
.hubpeople01 .mail_thread .mail.compact:after {
clear: both;
}
.hubpeople01 .mail_thread .mail.compact .profile_image {
text-align: center;
width: 38px;
float: left;
}
.hubpeople01 .mail_thread .mail.compact .profile_image .username {
display: none;
}
.hubpeople01 .mail_thread .mail.compact .email_body {
background: #E5E4E9;
padding: 10px;
position: relative;
border-radius: 10px;
margin-bottom: 0;
margin-left: 50px;
}
.hubpeople01 .mail_thread .mail.compact .email_body .delete_btn,
.hubpeople01 .mail_thread .mail.compact .email_body .compress_btn {
display: none;
}
.hubpeople01 .mail_thread .mail.compact .email_body .date,
.hubpeople01 .mail_thread .mail.compact .email_body .date_mob {
position: absolute;
right: 15px;
top: 10px;
display: none;
}
.hubpeople01 .mail_thread .mail.compact .email_body em,
.hubpeople01 .mail_thread .mail.compact .email_body small {
display: none;
}
.hubpeople01 .mail_thread .mail.compact .email_body img {
display: none;
}
.hubpeople01 .mail_thread .mail.compact .email_body img.emojione {
display: inline-block;
}
.hubpeople01 .mail_thread .mail.compact p {
display: none;
}
.hubpeople01 .mail_thread .mail.compact .media_attached {
display: none;
}
.hubpeople01 .mail_thread .mail.compact .first_line {
display: block;
}
.hubpeople01 .mail_thread .mail.compact .first_line img.emojione {
height: 2ex;
}
.hubpeople01 .mail_thread .mail.compact .email_body:before {
display: none;
}
.hubpeople01 .mail_thread .mail.compact.from_me .email_body {
background: #55AFDC;
}
.hubpeople01 .mail_thread .mail.compact.from_me .date {
color: #ffffff;
}
.hubpeople01 .mail_thread #recipients {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding: 0px 10px;
}
.hubpeople01 .mail_thread .userpicks_list {
*zoom: 1;
border-radius: 4px;
padding: 10px;
max-height: 450px;
overflow-y: auto;
}
.hubpeople01 .mail_thread .userpicks_list:before,
.hubpeople01 .mail_thread .userpicks_list:after {
content: "";
display: table;
}
.hubpeople01 .mail_thread .userpicks_list:after {
clear: both;
}
.hubpeople01 .mail_thread .userpicks_list:before,
.hubpeople01 .mail_thread .userpicks_list:after {
content: " ";
display: table;
}
.hubpeople01 .mail_thread .userpicks_list:after {
clear: both;
}
.hubpeople01 .mail_thread .userpicks_list li {
padding: 5px;
position: relative;
line-height: 25px;
}
.hubpeople01 .mail_thread .userpicks_list li a {
line-height: 25px;
}
.hubpeople01 .mail_thread .userpicks_list li a img {
width: 25px;
vertical-align: middle;
margin-left: 5px;
}
.hubpeople01 .mail_thread .userpicks_list li .member_name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 5px;
line-height: 25px;
}
.hubpeople01 .mail_thread .userpicks_list li .fa-check {
line-height: 25px;
}
@media (max-width: 820px) {
.hubpeople01 .mail_thread .mail .profile_image {
display: block;
width: 38px;
}
.hubpeople01 .mail_thread .mail .email_body {
margin-left: 50px;
}
.hubpeople01 .mail_thread .mail .email_body .first_line {
width: 200px;
}
.hubpeople01 .mail_thread .mail .email_body .date_mob {
display: none;
}
.hubpeople01 .mail_thread .mail .email_body:before {
left: -18px;
top: 10px;
border: 10px solid transparent;
border-right: 10px solid #e5e4e9;
}
.hubpeople01 .mail_thread .mail.compact .email_body .date {
display: none;
}
.hubpeople01 .mail_thread .mail.compact .email_body .date_mob {
display: block;
display: none;
}
}
@media (max-width: 479px) {
.hubpeople01 .mail_thread .mail .email_body .first_line {
width: 100px;
}
.hubpeople01 .mail_nav .btn-group {
width: 100%;
margin: 0;
margin-bottom: 0;
}
.hubpeople01 .mail_nav .btn {
width: 100%;
margin: 0;
margin-bottom: 10px;
}
}
/**************
Mailbox TREAD page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .mail_thread_2 .date_container {
border-top: 1px solid #cccccc;
text-align: center;
height: 20px;
margin-top: 30px;
}
.hubpeople01 .mail_thread_2 .date {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #777777;
background: #ffffff;
border-radius: 4px;
padding: 5px 10px;
position: relative;
top: -11px;
}
.hubpeople01 .mail_thread_2 .mail {
*zoom: 1;
margin-bottom: 10px;
margin-top: 10px;
}
.hubpeople01 .mail_thread_2 .mail:before,
.hubpeople01 .mail_thread_2 .mail:after {
content: "";
display: table;
}
.hubpeople01 .mail_thread_2 .mail:after {
clear: both;
}
.hubpeople01 .mail_thread_2 .mail:before,
.hubpeople01 .mail_thread_2 .mail:after {
content: " ";
display: table;
}
.hubpeople01 .mail_thread_2 .mail:after {
clear: both;
}
.hubpeople01 .mail_thread_2 .mail .profile_image {
overflow: hidden;
text-align: center;
float: left;
width: 60px;
}
.hubpeople01 .mail_thread_2 .mail .profile_image .username {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
color: #777777;
}
.hubpeople01 .mail_thread_2 .mail .profile_image .username a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
display: block;
text-align: center;
font-size: 16px;
}
.hubpeople01 .mail_thread_2 .mail .profile_image .username a:hover {
text-decoration: none;
}
.hubpeople01 .mail_thread_2 .mail .email_body .meta_data {
color: #333333;
}
.hubpeople01 .mail_thread_2 .mail .email_body {
padding: 15px;
border-radius: 10px;
float: left;
margin-bottom: 0;
margin-left: 20px;
background: #E5E4E9;
min-height: 40px;
position: relative;
max-width: calc(100% - 120px );
}
.hubpeople01 .mail_thread_2 .mail .email_body .date_read {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
color: #333333;
display: block;
text-align: right;
font-size: 14px;
}
.hubpeople01 .mail_thread_2 .mail .email_body p {
margin: 0;
hyphens: auto;
}
.hubpeople01 .mail_thread_2 .mail .email_body em {
font-style: italic;
display: block;
background: rgba(0, 0, 0, 0.08) none repeat scroll 0% 0%;
padding: 7px 15px;
margin-bottom: 10px;
border-radius: 3px;
}
.hubpeople01 .mail_thread_2 .mail .email_body img {
border-radius: 8px;
}
.hubpeople01 .mail_thread_2 .mail .email_body .username {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
color: #777777;
}
.hubpeople01 .mail_thread_2 .mail .email_body .username a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
display: block;
text-align: center;
font-size: 16px;
}
.hubpeople01 .mail_thread_2 .mail .email_body .username a:hover {
text-decoration: none;
}
.hubpeople01 .mail_thread_2 .mail .email_body:before {
content: '';
position: absolute;
left: -18px;
top: 20px;
border: 10px solid transparent;
border-right: 10px solid #e5e4e9;
}
.hubpeople01 .mail_thread_2 .mail.from_me .profile_image {
display: none;
}
.hubpeople01 .mail_thread_2 .mail.from_me .email_body {
background: #55AFDC;
color: #ffffff;
float: right;
}
.hubpeople01 .mail_thread_2 .mail.from_me .email_body:before {
content: '';
position: absolute;
right: -18px;
left: initial;
top: 20px;
border: 10px solid transparent;
border-left: 10px solid #55AFDC;
}
.hubpeople01 .mail_thread_2 #recipients {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding: 0px 10px;
}
.hubpeople01 .mail_thread_2 .userpicks_list {
*zoom: 1;
border-radius: 4px;
padding: 10px;
max-height: 450px;
overflow-y: auto;
}
.hubpeople01 .mail_thread_2 .userpicks_list:before,
.hubpeople01 .mail_thread_2 .userpicks_list:after {
content: "";
display: table;
}
.hubpeople01 .mail_thread_2 .userpicks_list:after {
clear: both;
}
.hubpeople01 .mail_thread_2 .userpicks_list:before,
.hubpeople01 .mail_thread_2 .userpicks_list:after {
content: " ";
display: table;
}
.hubpeople01 .mail_thread_2 .userpicks_list:after {
clear: both;
}
.hubpeople01 .mail_thread_2 .userpicks_list li {
padding: 5px;
position: relative;
line-height: 25px;
}
.hubpeople01 .mail_thread_2 .userpicks_list li a {
line-height: 25px;
}
.hubpeople01 .mail_thread_2 .userpicks_list li a img {
width: 25px;
vertical-align: middle;
margin-left: 5px;
}
.hubpeople01 .mail_thread_2 .userpicks_list li .member_name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 5px;
line-height: 25px;
}
.hubpeople01 .mail_thread_2 .userpicks_list li .fa-check {
line-height: 25px;
}
.hubpeople01 .send_block .placeholder_wrapper {
position: relative;
}
.hubpeople01 .send_block .placeholder_wrapper .placeholder {
position: absolute;
top: 8px;
left: 50px;
color: #cccccc;
z-index: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.hubpeople01 .send_block .textarea_container {
width: calc(100% - 60px );
display: inline-block;
position: relative;
}
.hubpeople01 .send_block .textarea_container .left_button {
position: absolute;
top: 4px;
left: 7px;
color: #333333;
z-index: 1;
}
.hubpeople01 .send_block .textarea_container .left_button .fa {
font-size: 35px;
}
.hubpeople01 .send_block .textarea_container .right_button {
position: absolute;
top: 4px;
right: 7px;
color: #333333;
z-index: 1;
}
.hubpeople01 .send_block .textarea_container .right_button .fa {
font-size: 35px;
}
.hubpeople01 .send_block .textarea_container #textarea {
padding-left: 50px;
padding-right: 50px;
height: auto;
min-height: 43px;
margin-bottom: 10px;
}
.hubpeople01 .send_block .send_btn {
width: 45px;
height: 45px;
margin-left: 7px;
text-align: center;
display: inline-block;
vertical-align: top;
}
.hubpeople01 .send_block .send_btn .fa {
color: #3987b1;
font-size: 42px;
}
.hubpeople01 .send_message_block {
display: inline-table;
width: 100%;
background: #ffffff;
}
.hubpeople01 .send_message_block .left-addon {
display: table-cell;
width: 50px;
background: #f5f5f5;
border: 1px solid #cccccc;
border-right: none;
vertical-align: middle;
border-radius: 4px 0 0 4px;
text-align: center;
}
.hubpeople01 .send_message_block .left-addon .fa {
font-size: 22px;
color: #333333;
}
.hubpeople01 .send_message_block .textarea_container {
display: table-cell;
position: relative;
}
.hubpeople01 .send_message_block .textarea_container #textarea {
height: auto;
min-height: 38px;
border-radius: 0;
font-family: 'Roboto', sans-serif;
resize: vertical;
padding-right: 40px;
overflow: hidden;
background: none;
text-align: justify;
word-wrap: break-word;
}
.hubpeople01 .send_message_block .textarea_container #textarea:focus {
background: #ffffff;
}
.hubpeople01 .send_message_block .textarea_container .right_button {
position: absolute;
z-index: 1;
right: 0;
top: 7px;
padding-right: 10px;
background: #ffffff;
}
.hubpeople01 .send_message_block .textarea_container .right_button .fa {
font-size: 22px;
color: #333333;
}
.hubpeople01 .send_message_block .textarea_container .placeholder {
position: absolute;
top: 6px;
left: 10px;
color: #cccccc;
z-index: -1;
font-family: 'Roboto', sans-serif;
font-size: 18px;
white-space: nowrap;
}
.hubpeople01 .send_message_block .right-addon {
display: table-cell;
width: 50px;
background: #549e39;
border-color: #549e39 #36801b #36801b #549e39;
border: 1px solid green;
border-radius: 0px 5px 5px 0;
vertical-align: middle;
text-align: center;
color: #ffffff;
}
.hubpeople01 .send_message_block .right-addon .fa {
color: #ffffff;
font-size: 22px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.hubpeople01 ::i-block-chrome ::i-block-chrome,
.hubpeople01 .send_block ::i-block-chrome,
.hubpeople01 ::i-block-chrome .textarea_container,
.hubpeople01 .send_block .textarea_container {
width: 80%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.hubpeople01 .mail_thread_2 .mail.from_me .email_body:before {
border: none;
}
}
@media (max-width: 820px) {
.hubpeople01 .mail_thread_2 .mail .profile_image {
display: block;
width: 48px;
}
.hubpeople01 .mail_thread_2 .mail .email_body {
margin-left: 10px;
max-width: calc(100% - 58px );
}
.hubpeople01 .mail_thread_2 .mail .email_body:before {
left: -18px;
top: 10px;
border: 10px solid transparent;
border-right: 10px solid #e5e4e9;
}
}
@media (max-width: 479px) {
.hubpeople01 .mail_nav .btn-group {
width: 100%;
margin: 0;
margin-bottom: 0;
}
.hubpeople01 .mail_nav .btn {
width: 100%;
margin: 0;
margin-bottom: 10px;
}
}
@media (max-width: 639px) {
.hubpeople01 .send_block .textarea_container {
width: calc(100% - 50px );
}
.hubpeople01 .send_block .textarea_container .left_button {
position: absolute;
top: 4px;
left: 7px;
}
.hubpeople01 .send_block .textarea_container .left_button .fa {
font-size: 28px;
}
.hubpeople01 .send_block .textarea_container .right_button {
position: absolute;
top: 4px;
right: 7px;
}
.hubpeople01 .send_block .textarea_container .right_button .fa {
font-size: 28px;
}
.hubpeople01 .send_block .textarea_container #textarea {
padding-left: 50px;
padding-right: 50px;
height: auto;
min-height: 35px;
}
.hubpeople01 .send_block .send_btn {
width: 45px;
height: 45px;
margin-left: 0;
text-align: center;
display: inline-block;
vertical-align: top;
}
.hubpeople01 .send_block .send_btn .fa {
color: #3987b1;
font-size: 35px;
}
}
/**************
Mailbox TREAD page
***************/
.message_bg {
background-size: 800px;
}
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01.message_bg {
background-size: 800px;
}
.hubpeople01 .column_container .col_centered {
float: none;
margin: 0 auto;
}
.hubpeople01 .message_bg {
background-size: 800px;
}
.hubpeople01 .mail_thread_v3 .date_container {
border-top: 1px dotted #ffffff;
text-align: center;
height: 20px;
margin-top: 30px;
}
.hubpeople01 .mail_thread_v3 .date {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #777777;
background: #ffffff;
border-radius: 12px;
padding: 5px 10px;
position: relative;
top: -11px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.05), 0 2px 5px rgba(105, 105, 193, 0.15);
}
.hubpeople01 .mail_thread_v3 .mail {
*zoom: 1;
margin-bottom: 10px;
margin-top: 10px;
}
.hubpeople01 .mail_thread_v3 .mail:before,
.hubpeople01 .mail_thread_v3 .mail:after {
content: "";
display: table;
}
.hubpeople01 .mail_thread_v3 .mail:after {
clear: both;
}
.hubpeople01 .mail_thread_v3 .mail:before,
.hubpeople01 .mail_thread_v3 .mail:after {
content: " ";
display: table;
}
.hubpeople01 .mail_thread_v3 .mail:after {
clear: both;
}
.hubpeople01 .mail_thread_v3 .mail .profile_image {
overflow: hidden;
text-align: center;
float: left;
width: 60px;
}
.hubpeople01 .mail_thread_v3 .mail .profile_image .username {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
color: #777777;
}
.hubpeople01 .mail_thread_v3 .mail .profile_image .username a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
display: block;
text-align: center;
font-size: 16px;
}
.hubpeople01 .mail_thread_v3 .mail .profile_image .username a:hover {
text-decoration: none;
}
.hubpeople01 .mail_thread_v3 .mail .email_body .meta_data {
color: #333333;
}
.hubpeople01 .mail_thread_v3 .mail .email_body:before {
content: "";
position: absolute;
left: -18px;
top: 24px;
border: 10px solid transparent;
border-right: 10px solid #fa53b0;
}
.hubpeople01 .mail_thread_v3 .mail .email_body {
padding: 15px;
border-radius: 32px;
float: left;
padding: 20px 30px;
margin-bottom: 0;
margin-left: 20px;
background: #e5e4e9;
background: #e9ecee;
min-height: 40px;
position: relative;
background: linear-gradient(90deg, #fa53b0, #f43d7c);
width: calc(100% - 120px );
min-width: 120px;
min-height: 65px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.05), 0 0 24px rgba(105, 105, 193, 0.3);
}
.hubpeople01 .mail_thread_v3 .mail .email_body .media_attached {
display: inline-block;
padding: 10px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body .media_attached img {
width: 100%;
}
.hubpeople01 .mail_thread_v3 .mail .email_body p {
color: #ffffff;
}
.hubpeople01 .mail_thread_v3 .mail .email_body p a {
color: #ffd28c;
border-bottom: 1px dashed #ffd28c;
padding-bottom: 1px;
transition: all 0.05s;
}
.hubpeople01 .mail_thread_v3 .mail .email_body p a:hover {
padding-bottom: 2px;
border-bottom: 1px dotted #ffd28c;
}
.hubpeople01 .mail_thread_v3 .mail .email_body a {
color: #ffd28c;
}
.hubpeople01 .mail_thread_v3 .mail .email_body ul li {
color: #ffffff;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#ffffff"] {
border-radius: 8px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#ffffff"] p {
color: #333333;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#ffffff"] br {
display: none;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#ffffff"] h2 {
margin: 0;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#333333"] {
border-radius: 8px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#333333"] p {
color: #333333;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#333333"] br {
display: none;
}
@media (max-width: 479px) {
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#ffffff"] {
margin-left: -10px;
margin-right: -10px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body div[style*="background:#333333"] {
margin-left: -10px;
margin-right: -10px;
}
}
.hubpeople01 .mail_thread_v3 .mail .email_body .date_read {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
color: #ffffff;
display: block;
text-align: right;
font-size: 14px;
padding-bottom: 5px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body p {
margin: 0;
hyphens: auto;
}
.hubpeople01 .mail_thread_v3 .mail .email_body em {
font-style: italic;
display: block;
background: rgba(0, 0, 0, 0.08) none repeat scroll 0% 0%;
padding: 7px 15px;
margin-bottom: 10px;
border-radius: 3px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body img {
border-radius: 8px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body .username {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
color: #777777;
}
.hubpeople01 .mail_thread_v3 .mail .email_body .username a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
display: block;
text-align: center;
font-size: 16px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body .username a:hover {
text-decoration: none;
}
.hubpeople01 .mail_thread_v3 .mail.from_me .profile_image {
display: none;
}
.hubpeople01 .mail_thread_v3 .mail.from_me .email_body {
background: #55afdc;
background: #8fc5e0;
background: #ffffff;
float: right;
}
.hubpeople01 .mail_thread_v3 .mail.from_me .email_body p {
color: #333333;
}
.hubpeople01 .mail_thread_v3 .mail.from_me .email_body .date_read {
color: #333333;
}
.hubpeople01 .mail_thread_v3 .mail.from_me .email_body:before {
content: "";
position: absolute;
right: -18px;
left: initial;
top: 24px;
border: 10px solid transparent;
border-left: 10px solid #ffffff;
}
.hubpeople01 .mail_thread_v3 #recipients {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding: 0px 10px;
}
.hubpeople01 .mail_thread_v3 .userpicks_list {
*zoom: 1;
border-radius: 4px;
padding: 10px;
max-height: 450px;
overflow-y: auto;
}
.hubpeople01 .mail_thread_v3 .userpicks_list:before,
.hubpeople01 .mail_thread_v3 .userpicks_list:after {
content: "";
display: table;
}
.hubpeople01 .mail_thread_v3 .userpicks_list:after {
clear: both;
}
.hubpeople01 .mail_thread_v3 .userpicks_list:before,
.hubpeople01 .mail_thread_v3 .userpicks_list:after {
content: " ";
display: table;
}
.hubpeople01 .mail_thread_v3 .userpicks_list:after {
clear: both;
}
.hubpeople01 .mail_thread_v3 .userpicks_list li {
padding: 5px;
position: relative;
line-height: 25px;
}
.hubpeople01 .mail_thread_v3 .userpicks_list li a {
line-height: 25px;
}
.hubpeople01 .mail_thread_v3 .userpicks_list li a img {
width: 25px;
vertical-align: middle;
margin-left: 5px;
}
.hubpeople01 .mail_thread_v3 .userpicks_list li .member_name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 5px;
line-height: 25px;
}
.hubpeople01 .mail_thread_v3 .userpicks_list li .fa-check {
line-height: 25px;
}
.hubpeople01 .send_block .placeholder_wrapper {
position: relative;
}
.hubpeople01 .send_block .placeholder_wrapper .placeholder {
position: absolute;
top: 8px;
left: 50px;
color: #cccccc;
z-index: 0;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.hubpeople01 .send_block .textarea_container {
width: calc(100% - 60px );
display: inline-block;
position: relative;
}
.hubpeople01 .send_block .textarea_container .left_button {
position: absolute;
top: 4px;
left: 7px;
color: #333333;
z-index: 1;
}
.hubpeople01 .send_block .textarea_container .left_button .fa {
font-size: 35px;
}
.hubpeople01 .send_block .textarea_container .right_button {
position: absolute;
top: 4px;
right: 7px;
color: #333333;
z-index: 1;
}
.hubpeople01 .send_block .textarea_container .right_button .fa {
font-size: 35px;
}
.hubpeople01 .send_block .textarea_container #textarea {
padding-left: 50px;
padding-right: 50px;
height: auto;
min-height: 43px;
margin-bottom: 10px;
}
.hubpeople01 .send_block .send_btn {
width: 45px;
height: 45px;
margin-left: 7px;
text-align: center;
display: inline-block;
vertical-align: top;
}
.hubpeople01 .send_block .send_btn .fa {
color: #3987b1;
font-size: 42px;
}
.hubpeople01 .send_message_block {
display: inline-table;
width: 100%;
background: #ffffff;
}
.hubpeople01 .send_message_block .left-addon {
display: table-cell;
width: 50px;
background: #f5f5f5;
border: 1px solid #cccccc;
border-right: none;
vertical-align: middle;
border-radius: 4px 0 0 4px;
text-align: center;
}
.hubpeople01 .send_message_block .left-addon .fa {
font-size: 22px;
color: #333333;
}
.hubpeople01 .send_message_block .left-addon.disabled {
cursor: not-allowed;
}
.hubpeople01 .send_message_block .left-addon.disabled .fa {
color: #cccccc;
}
.hubpeople01 .send_message_block .textarea_container {
display: table-cell;
position: relative;
}
.hubpeople01 .send_message_block .textarea_container #textarea {
height: auto;
min-height: 38px;
border-radius: 0;
font-family: "Roboto", sans-serif;
resize: vertical;
padding-right: 40px;
overflow: hidden;
background: none;
text-align: justify;
word-wrap: break-word;
}
.hubpeople01 .send_message_block .textarea_container #textarea:focus {
background: #ffffff;
}
.hubpeople01 .send_message_block .textarea_container .right_button {
position: absolute;
z-index: 1;
right: 0;
top: 7px;
padding-right: 10px;
background: #ffffff;
}
.hubpeople01 .send_message_block .textarea_container .right_button .fa {
font-size: 22px;
color: #333333;
}
.hubpeople01 .send_message_block .textarea_container .placeholder {
position: absolute;
top: 6px;
left: 10px;
color: #cccccc;
z-index: -1;
font-family: "Roboto", sans-serif;
font-size: 18px;
white-space: nowrap;
}
.hubpeople01 .send_message_block .right-addon {
display: table-cell;
width: 50px;
background: #549e39;
border-color: #549e39 #36801b #36801b #549e39;
border: 1px solid green;
border-radius: 0px 5px 5px 0;
vertical-align: middle;
text-align: center;
color: #ffffff;
}
.hubpeople01 .send_message_block .right-addon .fa {
color: #ffffff;
font-size: 22px;
}
.hubpeople01 .send_message_block_v2 {
display: flex;
min-height: 50px;
margin-bottom: 30px;
}
.hubpeople01 .send_message_block_v2 .left-addon {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
background: #289ad9;
border-radius: 25px 0 0 25px;
}
.hubpeople01 .send_message_block_v2 .left-addon .fa {
font-size: 34px;
color: #f8f8f8;
}
.hubpeople01 .send_message_block_v2 .textarea_container {
position: relative;
width: calc(100% - 120px );
}
.hubpeople01 .send_message_block_v2 .textarea_container .placeholder_wrapper {
background: #ffffff;
}
.hubpeople01 .send_message_block_v2 .textarea_container .placeholder_wrapper #textarea {
background: none;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
padding-top: 12px;
}
.hubpeople01 .send_message_block_v2 .textarea_container .placeholder_wrapper .placeholder {
font-size: 22px;
color: #333333;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
top: 12px;
width: calc(100% - 70px );
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .send_message_block_v2 .textarea_container #textarea {
font-family: "Roboto", sans-serif;
resize: vertical;
text-align: justify;
word-wrap: break-word;
height: auto;
min-height: 50px;
padding: 8px;
border-radius: 0;
border: 1px solid #cbcbcb;
border-left: none;
border-right: none;
font-size: 22px;
}
.hubpeople01 .send_message_block_v2 .textarea_container .right_button {
position: absolute;
z-index: 1;
right: 2px;
top: 8px;
padding-right: 10px;
background: #ffffff;
}
.hubpeople01 .send_message_block_v2 .textarea_container .right_button .fa {
font-size: 34px;
color: #333333;
}
.hubpeople01 .send_message_block_v2 .right-addon {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
background: #e8148c;
border-radius: 0px 25px 25px 0;
vertical-align: middle;
text-align: center;
color: #ffffff;
}
.hubpeople01 .send_message_block_v2 .right-addon .fa {
color: #ffffff;
font-size: 34px;
}
.hubpeople01 .send_message_block_expanded .textarea_container {
width: 100%;
}
.hubpeople01 .send_message_block_expanded .textarea_container #textarea {
height: 100px;
resize: vertical;
text-align: justify;
word-wrap: break-word;
padding: 8px;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
}
.hubpeople01 .send_message_block_expanded .threefold_button {
display: flex;
margin-top: 10px;
min-height: 50px;
}
.hubpeople01 .send_message_block_expanded .threefold_button .left {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
background: #289ad9;
border-radius: 25px 0 0 25px;
}
.hubpeople01 .send_message_block_expanded .threefold_button .left .fa {
font-size: 34px;
color: #f8f8f8;
}
.hubpeople01 .send_message_block_expanded .threefold_button .center {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
background: #f5f5f5;
}
.hubpeople01 .send_message_block_expanded .threefold_button .center .fa {
font-size: 34px;
color: #333333;
}
.hubpeople01 .send_message_block_expanded .threefold_button .right {
width: calc(100% - 120px );
display: flex;
justify-content: center;
align-items: center;
background: #e8148c;
border-radius: 0px 25px 25px 0;
vertical-align: middle;
text-align: center;
color: #ffffff;
font-size: 26px;
}
.hubpeople01 .send_message_block_expanded .threefold_button .right .fa {
color: #ffffff;
font-size: 34px;
margin-right: 15px;
}
.hubpeople01 .send_message_block_expanded .threefold_button .right span {
flex-grow: 2;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
}
.hubpeople01 .send_message_block_tied {
margin-bottom: 20px;
}
.hubpeople01 .send_message_block_tied .placeholder_wrapper {
background: #ffffff;
border-radius: 25px 25px 0 0;
}
.hubpeople01 .send_message_block_tied .placeholder_wrapper .placeholder {
z-index: 0;
top: 16px;
font-size: 22px;
color: #333333;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
}
.hubpeople01 .send_message_block_tied .textarea_container {
width: 100%;
position: relative;
z-index: 1;
}
.hubpeople01 .send_message_block_tied .textarea_container #textarea {
height: 100px;
resize: vertical;
text-align: justify;
word-wrap: break-word;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
padding: 15px;
border-radius: 25px 25px 0 0;
border: 2px solid #cccccc;
background: none;
}
.hubpeople01 .send_message_block_tied .threefold_button {
display: flex;
min-height: 50px;
}
.hubpeople01 .send_message_block_tied .threefold_button .left {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
background: #289ad9;
border-radius: 0 0 0 25px;
}
.hubpeople01 .send_message_block_tied .threefold_button .left .fa {
font-size: 34px;
color: #f8f8f8;
}
.hubpeople01 .send_message_block_tied .threefold_button .center {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
background: #f5f5f5;
}
.hubpeople01 .send_message_block_tied .threefold_button .center .fa {
font-size: 34px;
color: #333333;
}
.hubpeople01 .send_message_block_tied .threefold_button .right {
width: calc(100% - 120px );
display: flex;
justify-content: center;
align-items: center;
background: #e8148c;
border-radius: 0px 0 25px 0;
vertical-align: middle;
text-align: center;
color: #ffffff;
font-size: 26px;
}
.hubpeople01 .send_message_block_tied .threefold_button .right .fa {
color: #ffffff;
font-size: 34px;
margin-right: 15px;
}
.hubpeople01 .send_message_block_tied .threefold_button .right span {
flex-grow: 2;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
}
.hubpeople01 .send_message_block_v3 {
margin-bottom: 10px;
}
.hubpeople01 .send_message_block_v3 h3 {
font-size: 18px;
}
.hubpeople01 .send_message_block_v3 #textarea {
resize: vertical;
text-align: justify;
word-wrap: break-word;
height: auto;
min-height: 50px;
padding: 8px;
border-radius: 0;
border: 1px solid #cbcbcb;
font-size: 22px;
margin-bottom: 10px;
border-radius: 4px;
}
.hubpeople01 .send_message_block_v3 .send_buttons {
display: flex;
}
.hubpeople01 .send_message_block_v3 .send_buttons [class^="btn_"] {
padding: 8px;
font-size: 22px;
}
.hubpeople01 .send_message_block_v3 .send_buttons [class^="btn_"] .fa {
font-size: 30px;
}
.hubpeople01 .send_message_block_v3 .send_buttons .btn_1 {
border: 1px solid #cbcbcb;
border-right: none;
border-radius: 10px 0 0 10px;
}
.hubpeople01 .send_message_block_v3 .send_buttons .btn_1 .fa {
color: #333333;
}
.hubpeople01 .send_message_block_v3 .send_buttons .btn_2 {
border: 1px solid #cbcbcb;
}
.hubpeople01 .send_message_block_v3 .send_buttons .btn_2 .fa {
color: #333333;
}
.hubpeople01 .send_message_block_v3 .send_buttons .btn_3 {
background: #e8148c;
color: #ffffff;
flex-grow: 2;
text-align: center;
border-radius: 0 10px 10px 0;
line-height: 28px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.hubpeople01 ::i-block-chrome ::i-block-chrome,
.hubpeople01 .send_block ::i-block-chrome,
.hubpeople01 ::i-block-chrome .textarea_container,
.hubpeople01 .send_block .textarea_container {
width: 80%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.hubpeople01 .mail_thread_v3 .mail.from_me .email_body:before {
border: none;
}
}
@media (max-width: 820px) {
.hubpeople01 .column_container .col_centered {
padding-left: 10px;
}
.hubpeople01 .mail_thread_v3 .mail .profile_image {
display: block;
width: 48px;
}
.hubpeople01 .mail_thread_v3 .mail .email_body {
margin-left: 10px;
display: inline-block;
width: calc(100% - 58px );
}
.hubpeople01 .mail_thread_v3 .mail .email_body .media_attached {
display: inline-block;
padding: 0;
}
.hubpeople01 .mail_thread_v3 .mail .email_body p {
font-weight: normal;
}
.hubpeople01 .mail_thread_v3 .mail.from_me .email_body {
width: auto;
max-width: calc(100% - 58px );
}
}
@media (max-width: 479px) {
.hubpeople01 .mail_nav .btn-group {
width: 100%;
margin: 0;
margin-bottom: 0;
}
.hubpeople01 .mail_nav .btn {
width: 100%;
margin: 0;
margin-bottom: 10px;
}
.hubpeople01 .send_message_block_v2 .textarea_container .placeholder_wrapper .placeholder {
font-size: 13px !important;
top: 18px !important;
}
}
@media (max-width: 639px) {
.hubpeople01 .send_block .textarea_container {
width: calc(100% - 50px );
}
.hubpeople01 .send_block .textarea_container .left_button {
position: absolute;
top: 4px;
left: 7px;
}
.hubpeople01 .send_block .textarea_container .left_button .fa {
font-size: 28px;
}
.hubpeople01 .send_block .textarea_container .right_button {
position: absolute;
top: 4px;
right: 7px;
}
.hubpeople01 .send_block .textarea_container .right_button .fa {
font-size: 28px;
}
.hubpeople01 .send_block .textarea_container #textarea {
padding-left: 50px;
padding-right: 50px;
height: auto;
min-height: 35px;
}
.hubpeople01 .send_block .send_btn {
width: 45px;
height: 45px;
margin-left: 0;
text-align: center;
display: inline-block;
vertical-align: top;
}
.hubpeople01 .send_block .send_btn .fa {
color: #3987b1;
font-size: 35px;
}
}
/**************
P r o f i l e page
***************/
.hubpeople01 {
/*******
Iphone
*******/
}
.hubpeople01 .heart_container {
position: relative;
}
.hubpeople01 .heart_container .fa-heart,
.hubpeople01 .heart_container .fa-heart-o {
font-size: 26px;
position: absolute;
top: 0%;
right: 0%;
z-index: 2;
background: #f5f5f5;
border: 2px solid #999999;
border-radius: 50%;
padding: 8px 6px 4px 6px;
color: red;
}
.hubpeople01 .heart_container .fa-thumbs-down {
font-size: 26px;
position: absolute;
top: 0%;
left: 0%;
z-index: 2;
background: #f5f5f5;
border: 2px solid #999999;
border-radius: 50%;
padding: 8px 6px 5px 8px;
color: black;
}
.hubpeople01 .profile {
*zoom: 1;
}
.hubpeople01 .profile:before,
.hubpeople01 .profile:after {
content: "";
display: table;
}
.hubpeople01 .profile:after {
clear: both;
}
.hubpeople01 .profile:before,
.hubpeople01 .profile:after {
content: " ";
display: table;
}
.hubpeople01 .profile:after {
clear: both;
}
.hubpeople01 .profile.vertical .profile_img {
width: 100%;
float: none;
padding: 15px;
}
.hubpeople01 .profile.vertical .profile_img img {
max-width: 60%;
}
.hubpeople01 .profile.vertical .profile_text {
width: 100%;
float: none;
}
.hubpeople01 .profile .profile_img {
width: 25%;
float: left;
}
.hubpeople01 .profile .profile_text {
width: 75%;
float: left;
}
.hubpeople01 .profile .btn_container {
clear: both;
}
.hubpeople01 .profile .profile_img {
padding: 10px;
/*padding-top: 28px;*/
}
.hubpeople01 .profile .profile_text {
padding: 15px;
}
.hubpeople01 .profile .profile_text h2 {
font-size: 32px;
margin: 0;
padding: 0;
}
.hubpeople01 .profile .profile_text h2 > .fa {
color: #777777;
font-size: 26px;
vertical-align: baseline;
position: relative;
bottom: 1px;
}
.hubpeople01 .profile .profile_text h2 > a > .fa {
font-size: 26px;
vertical-align: baseline;
position: relative;
bottom: 1px;
}
.hubpeople01 .profile .profile_text ul:not(.interests_bubbles) li {
color: #999999;
vertical-align: middle;
padding: 2px;
}
.hubpeople01 .profile .profile_text ul:not(.interests_bubbles) li .fa-circle {
font-size: 9px;
padding: 0 5px;
vertical-align: middle;
}
.hubpeople01 .profile .profile_text .pro_details_container caption {
text-align: left;
font-size: 24px;
margin-bottom: 10px;
}
.hubpeople01 .profile .profile_aside {
padding: 15px;
text-align: right;
}
.hubpeople01 .profile.featured_profile {
border: 8px solid #dddddd;
border: 8px solid #666666;
}
.hubpeople01 .profile.featured_profile h4 {
background: #dddddd;
background: #666666;
color: #ffffff;
text-align: center;
letter-spacing: 4px;
padding-top: 5px;
text-transform: uppercase;
clear: both;
}
.hubpeople01 .btn_container .people_likes_txt {
display: inline-block;
padding: 6px 12px;
}
@media only screen and (max-width: 479px) {
.hubpeople01 .profile {
*zoom: 1;
position: relative;
}
.hubpeople01 .profile:before,
.hubpeople01 .profile:after {
content: "";
display: table;
}
.hubpeople01 .profile:after {
clear: both;
}
.hubpeople01 .profile:before,
.hubpeople01 .profile:after {
content: " ";
display: table;
}
.hubpeople01 .profile:after {
clear: both;
}
.hubpeople01 .profile .profile_img {
width: 100%;
float: left;
}
.hubpeople01 .profile .profile_text {
width: 100%;
float: left;
}
.hubpeople01 .heart_container .fa-heart,
.hubpeople01 .heart_container .fa-heart-o {
font-size: 33px;
position: absolute;
top: 5%;
right: 5%;
background: #f5f5f5;
border: 2px solid #999999;
border-radius: 50%;
padding: 8px 6px 4px 6px;
color: red;
}
.hubpeople01 .heart_container .fa-thumbs-down {
font-size: 33px;
position: absolute;
top: 5%;
left: 5%;
background: #f5f5f5;
border: 2px solid #999999;
border-radius: 50%;
padding: 8px 6px 4px 6px;
color: black;
}
.hubpeople01 #wall_settings {
display: table;
width: 100%;
position: relative;
}
.hubpeople01 #wall_settings .btn-group-settings-wrapper {
height: 50px;
}
.hubpeople01 #wall_settings .btn-group-settings-wrapper .btn-group.settings {
position: absolute;
right: 0;
}
.hubpeople01 #wall_settings .pull-right {
float: none;
display: table-row;
}
.hubpeople01 #wall_settings .pull-right .btn-group {
display: table-cell;
margin: 0;
width: 33.3%;
float: none;
}
.hubpeople01 #wall_settings .pull-right .btn-group .btn {
float: none;
width: 98%;
padding-left: 0;
padding-right: 0;
}
.hubpeople01 #wall_settings .pull-right .btn-group .dropdown-menu {
white-space: normal;
}
.hubpeople01 #wall_settings .pull-right .btn-group .dropdown-menu.dropdown_content {
width: 92vw;
left: -32vw;
}
.hubpeople01 #wall_settings .pull-right .btn-group .dropdown-menu.dropdown_posts {
width: 92vw;
margin: 0 auto;
}
.hubpeople01 #wall_settings .pull-right .btn-group .dropdown-menu.dropdown_images {
width: 92vw;
}
}
/**************
Blogs page
***************/
.hubpeople01 {
/*
@-webkit-keyframes wider {
0% { left:-100%;width:0%;}
100% { left:0%;width:calc(~"(100% - 30px)/3"); }
}
@keyframes wider {
0% { left:-100%;width:0%; }
100% { left:0%;width:calc(~"(100% - 30px)/3"); }
}
*/
/*
@-webkit-keyframes hider {
0% {left:0%; width:calc(~"(100% - 30px)/3");}
100% { left:-100%; width:0%;}
}
@keyframes hider {
0% {left:0%;width:calc(~"(100% - 30px)/3"); }
100% { left:-100%;width:0%; }
}
*/
/*******
IPADE
*******/
}
.hubpeople01 .blog_main_image img {
max-height: 500px;
}
.hubpeople01 .blog_main_image .fa {
float: right;
font-size: 44px;
}
.hubpeople01 .media_attached {
overflow: hidden;
padding: 10px 0 0 10px;
margin-bottom: 20px;
border-radius: 5px;
}
.hubpeople01 .media_attached.edit_status {
background: #222222;
}
.hubpeople01 .media_attached .prompt_text {
color: #ffffff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
padding-bottom: 10px;
}
.hubpeople01 .media_attached img {
margin-bottom: 10px;
display: inline-block;
border-radius: 4px;
position: relative;
margin-right: 10px;
width: calc((100% - 30px)/3);
cursor: pointer;
}
.hubpeople01 .display_none {
display: none;
}
.hubpeople01 .show_attached {
-webkit-animation: wider 0.5s;
animation: wider 0.5s;
}
@-webkit-keyframes wider {
0% {
bottom: -100%;
width: 0%;
}
100% {
bottom: 0%;
width: calc((100% - 30px)/3);
}
}
@keyframes wider {
0% {
bottom: -100%;
width: 0%;
}
100% {
bottom: 0%;
width: calc((100% - 30px)/3);
}
}
.hubpeople01 .hide_attached {
-webkit-animation: hider 0.5s;
animation: hider 0.5s;
}
@-webkit-keyframes hider {
0% {
bottom: 0%;
width: calc((100% - 30px)/3);
}
100% {
bottom: -100%;
width: 0%;
}
}
@keyframes hider {
0% {
bottom: 0%;
width: calc((100% - 30px)/3);
}
100% {
bottom: -100%;
width: 0%;
}
}
.hubpeople01 .blogs_header .fa-angle-left {
display: none;
}
.hubpeople01 .blogs_header .fa-angle-right {
display: none;
}
.hubpeople01 .col_4 .blog_panel > h2 {
margin-top: 0;
height: 110px;
position: relative;
overflow: hidden;
}
.hubpeople01 .blog_panel {
*zoom: 1;
}
.hubpeople01 .blog_panel:before,
.hubpeople01 .blog_panel:after {
content: "";
display: table;
}
.hubpeople01 .blog_panel:after {
clear: both;
}
.hubpeople01 .blog_panel:before,
.hubpeople01 .blog_panel:after {
content: " ";
display: table;
}
.hubpeople01 .blog_panel:after {
clear: both;
}
.hubpeople01 .blog_panel .round_img.float_left.hide_for_desktop {
max-width: 120px;
}
.hubpeople01 .blog_panel .blog_userpic {
float: left;
margin-right: 15px;
margin-bottom: 10px;
width: 100px;
}
.hubpeople01 .blog_panel h2:after {
background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 10px;
content: '';
}
.hubpeople01 .blog_panel .blog_text {
height: 130px;
position: relative;
overflow: hidden;
}
.hubpeople01 .blog_panel .blog_text:after {
background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 10px;
content: '';
}
.hubpeople01 .blog_panel .interests_bubbles.one_line {
height: 29px;
overflow: hidden;
}
.hubpeople01 .blog_panel .profile_img {
width: 20%;
float: left;
padding: 10px;
}
.hubpeople01 .blog_panel .text_container {
width: 70%;
float: left;
padding: 10px;
}
.hubpeople01 .blog_panel .text_container h2 {
margin: 0;
}
.hubpeople01 .slider_container {
*zoom: 1;
min-height: 20px;
position: relative;
margin-right: 40px;
margin-left: 40px;
}
.hubpeople01 .slider_container:before,
.hubpeople01 .slider_container:after {
content: "";
display: table;
}
.hubpeople01 .slider_container:after {
clear: both;
}
.hubpeople01 .slider_container:before,
.hubpeople01 .slider_container:after {
content: " ";
display: table;
}
.hubpeople01 .slider_container:after {
clear: both;
}
.hubpeople01 .slider_container .show_next_btn {
border: 1px solid #cccccc;
background: #ffffff;
border-radius: 0px 5px 5px 0;
position: absolute;
right: -30px;
top: 100px;
z-index: 2;
}
.hubpeople01 .slider_container .show_next_btn a {
display: inline-block;
height: 100px;
width: 30px;
padding-top: 33px;
text-align: center;
}
.hubpeople01 .slider_container .show_next_btn a .fa {
font-size: 33px;
}
.hubpeople01 .slider_container .show_previous_btn {
border: 1px solid #cccccc;
background: #ffffff;
border-radius: 5px 0 0 5px;
position: absolute;
left: -30px;
top: 100px;
z-index: 2;
}
.hubpeople01 .slider_container .show_previous_btn a {
display: inline-block;
height: 100px;
width: 30px;
padding-top: 33px;
text-align: center;
}
.hubpeople01 .slider_container .show_previous_btn a .fa {
font-size: 33px;
}
.hubpeople01 .slider_container .view_box_wrapper {
position: relative;
}
.hubpeople01 .slider_container .view_box_wrapper .hide_scroll {
height: 20px;
background: #ffffff;
position: absolute;
bottom: 0;
width: 100%;
}
.hubpeople01 .slider_container .view_box_wrapper .view_box {
*zoom: 1;
overflow-y: auto;
}
.hubpeople01 .slider_container .view_box_wrapper .view_box:before,
.hubpeople01 .slider_container .view_box_wrapper .view_box:after {
content: "";
display: table;
}
.hubpeople01 .slider_container .view_box_wrapper .view_box:after {
clear: both;
}
.hubpeople01 .slider_container .view_box_wrapper .view_box:before,
.hubpeople01 .slider_container .view_box_wrapper .view_box:after {
content: " ";
display: table;
}
.hubpeople01 .slider_container .view_box_wrapper .view_box:after {
clear: both;
}
.hubpeople01 .slider_container .view_box_wrapper .view_box .block_container {
transition: all ease-out 0.3s;
}
.hubpeople01 .slider_container .view_box_wrapper .view_box .block_container .block {
float: left;
position: relative;
}
@media (max-width: 820px) {
.hubpeople01 .blogs_header {
text-align: center;
}
.hubpeople01 .blogs_header .fa-angle-left {
float: left;
display: inline-block;
}
.hubpeople01 .blogs_header .fa-angle-right {
float: right;
display: inline-block;
}
.hubpeople01 .slider_container {
margin-left: 0;
margin-right: 0;
}
.hubpeople01 .slider_container .show_next_btn,
.hubpeople01 .slider_container .show_previous_btn {
display: none;
}
}
/**************
Blogs page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .forum_panel {
*zoom: 1;
}
.hubpeople01 .forum_panel:before,
.hubpeople01 .forum_panel:after {
content: "";
display: table;
}
.hubpeople01 .forum_panel:after {
clear: both;
}
.hubpeople01 .forum_panel:before,
.hubpeople01 .forum_panel:after {
content: " ";
display: table;
}
.hubpeople01 .forum_panel:after {
clear: both;
}
.hubpeople01 .forum_panel .float_left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.hubpeople01 .forum_panel > h2 {
margin-top: 0;
}
.hubpeople01 .forum_panel .profile_img {
width: 20%;
max-width: 130px;
float: left;
padding: 10px;
}
.hubpeople01 .forum_panel .text_container {
width: 80%;
float: left;
padding: 10px;
}
.hubpeople01 .forum_panel .text_container h2 {
margin: 0;
}
.hubpeople01 .forum_row {
*zoom: 1;
margin-bottom: 10px;
}
.hubpeople01 .forum_row:before,
.hubpeople01 .forum_row:after {
content: "";
display: table;
}
.hubpeople01 .forum_row:after {
clear: both;
}
.hubpeople01 .forum_row:before,
.hubpeople01 .forum_row:after {
content: " ";
display: table;
}
.hubpeople01 .forum_row:after {
clear: both;
}
.hubpeople01 .forum_row .forum_col_1 {
float: left;
width: 70%;
padding: 5px;
}
.hubpeople01 .forum_row .forum_col_1 h2 {
margin: 0;
}
.hubpeople01 .forum_row .forum_col_2 {
float: left;
width: 30%;
padding: 5px;
}
@media (max-width: 820px) {
}
/**************
H o m e
***************/
.hubpeople01 .media_container {
position: relative;
}
.hubpeople01 .media_container .over_blank_img {
position: absolute;
top: 0;
left: 0;
}
.hubpeople01 .media_container.featured_member {
border: 8px solid #dddddd;
background: #dddddd;
border: 8px solid #666666;
background: #666666;
border-radius: 8px;
}
.hubpeople01 .media_container.featured_member h4 {
color: #ffffff;
text-align: center;
letter-spacing: 4px;
text-transform: uppercase;
padding-top: 3px;
}
@media only screen and (max-width: 479px) {
.hubpeople01 .panel .panel_col_1.m100 {
width: 100%;
}
.hubpeople01 .panel .panel_col_2.m100 {
width: 100%;
}
.hubpeople01 .media_container {
position: relative;
}
.hubpeople01 .media_container .over_blank_img {
position: absolute;
top: 0;
left: 0;
}
}
.hubpeople01 .calendar_container .month {
*zoom: 1;
margin-left: 20px;
}
.hubpeople01 .calendar_container .month:before,
.hubpeople01 .calendar_container .month:after {
content: "";
display: table;
}
.hubpeople01 .calendar_container .month:after {
clear: both;
}
.hubpeople01 .calendar_container .month:before,
.hubpeople01 .calendar_container .month:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_container .month:after {
clear: both;
}
.hubpeople01 .calendar_container .month > div {
float: left;
border: 1px solid #cccccc;
margin-right: 2px;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}
.hubpeople01 .calendar_container .month > div:first-child {
border-left: 1px solid #cccccc;
}
.hubpeople01 .calendar_container .month > div:hover {
background: #555555;
border: 1px solid #555555;
}
.hubpeople01 .calendar_container .month > div.selected {
background: #555555;
border: 1px solid #555555;
}
.hubpeople01 .calendar_container .month > div.selected a {
color: #ffffff;
}
.hubpeople01 .calendar_container .month > div a {
display: block;
padding: 5px 7px;
color: #555555;
min-height: 33px;
}
.hubpeople01 .calendar_container .month > div a:hover {
color: #ffffff;
text-decoration: none;
}
.hubpeople01 .calendar_container .month .m2 {
display: none;
}
.hubpeople01 .calendar_container .calendar_body {
*zoom: 1;
border-right: 1px solid #cccccc;
}
.hubpeople01 .calendar_container .calendar_body:before,
.hubpeople01 .calendar_container .calendar_body:after {
content: "";
display: table;
}
.hubpeople01 .calendar_container .calendar_body:after {
clear: both;
}
.hubpeople01 .calendar_container .calendar_body:before,
.hubpeople01 .calendar_container .calendar_body:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_container .calendar_body:after {
clear: both;
}
.hubpeople01 .calendar_container .calendar_body .day {
background: #555555;
color: #ffffff;
width: 14.28571429%;
float: left;
padding: 3px 7px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .calendar_container .calendar_body .cell {
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
width: 14.28571429%;
float: left;
text-align: center;
height: 80px;
}
.hubpeople01 .calendar_container .calendar_body .cell a {
display: block;
height: 80px;
position: relative;
}
.hubpeople01 .calendar_container .calendar_body .cell a span {
font-size: 42px;
color: #cccccc;
text-shadow: 1px 1px 0 #ffffff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
position: absolute;
top: 10px;
display: block;
width: 100%;
}
.hubpeople01 .calendar_container .calendar_body .cell a span:hover {
text-decoration: none;
}
.hubpeople01 .calendar_container .calendar_body .cell a:hover {
text-decoration: none;
background: #f5f5f5;
border-bottom: 1px solid #cccccc;
}
.hubpeople01 .calendar_container .calendar_body .cell.today {
background-color: #f5f5f5;
background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#f5f5f5));
/* Konqueror */
background-image: -moz-linear-gradient(#cccccc, #f5f5f5);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#cccccc, #f5f5f5);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #f5f5f5));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#cccccc, #f5f5f5);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#cccccc, #f5f5f5);
/* Opera 11.10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f5f5f5', GradientType=0);
/* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f5f5f5', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#cccccc, #f5f5f5);
/* the standard */
background-image: -webkit-linear-gradient(top, #cccccc 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(top, #cccccc 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #cccccc 0%, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#fff5f5f5', GradientType=0);
}
.hubpeople01 .calendar_container .calendar_body .cell.today a span {
color: #555555;
text-shadow: 1px 1px 0 #ffffff;
}
.hubpeople01 .calendar_container .calendar_body .cell.today.has_events a span {
color: #555555;
}
.hubpeople01 .calendar_container .calendar_body .cell.has_events a {
position: relative;
overflow: hidden;
}
.hubpeople01 .calendar_container .calendar_body .cell.has_events a span {
color: #0000EE;
text-shadow: none;
transition: top 0.2s ease;
-webkit-transition: top 0.2s ease;
}
.hubpeople01 .calendar_container .calendar_body .cell.has_events a div {
background: #0000EE;
color: #ffffff;
position: absolute;
bottom: -25px;
width: 100%;
height: 25px;
padding-top: 3px;
transition: bottom 0.2s ease;
-webkit-transition: bottom 0.2s ease;
}
.hubpeople01 .calendar_container .calendar_body .cell.has_events a:hover {
background: #ffffff;
}
.hubpeople01 .calendar_container .calendar_body .cell.has_events a:hover span {
top: -3px;
}
.hubpeople01 .calendar_container .calendar_body .cell.has_events a:hover div {
bottom: 0;
}
.hubpeople01 .calendar_container .calendar_body .events_list {
color: #ffffff;
float: left;
width: 100%;
border-left: 1px solid #cccccc;
margin-bottom: 0;
background: #e7e7e7;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > h3 {
font-size: 42px;
line-height: 42px;
margin-top: 0;
margin-bottom: 15px;
padding-left: 20px;
padding-bottom: 10px;
padding-top: 8px;
border-bottom: 1px dashed #333333;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a {
color: #ffffff;
display: block;
*zoom: 1;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:before,
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:after {
content: "";
display: table;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:after {
clear: both;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:before,
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:after {
clear: both;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .img_container {
float: left;
width: 120px;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .img_container img {
border-radius: 50%;
padding: 10px;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container {
width: calc(100% - 120px);
float: left;
padding: 0px 10px;
color: #ffffff;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container h2 {
margin: 0;
font-size: 24px;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container .icon_holder {
display: ;
padding: 0;
width: 20px;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container p {
padding-top: 2px;
*zoom: 1;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container p:before,
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container p:after {
content: "";
display: table;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container p:after {
clear: both;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container p:before,
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container p:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container p:after {
clear: both;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a .text_container .location {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:hover {
text-decoration: none;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item > a:hover span {
text-decoration: none;
}
.hubpeople01 .calendar_container .calendar_body .events_list li:last-child {
border-bottom: none;
}
.hubpeople01 .calendar_container .cell.has_events.chosen {
border-bottom: none;
color: #ffffff;
position: relative;
background: #e7e7e7;
}
.hubpeople01 .calendar_container .cell.has_events.chosen .loader {
position: absolute;
top: 3px;
z-index: 9999;
right: 3px;
width: 19px;
height: 19px;
}
.hubpeople01 .calendar_container .cell.has_events.chosen a:hover {
background: #0000EE;
border-bottom: none;
}
.hubpeople01 .calendar_container .cell.has_events.chosen a {
color: #ffffff;
}
.hubpeople01 .calendar_container .cell.has_events.chosen a:hover {
color: #ffffff;
}
.hubpeople01 .calendar_container .cell.has_events.chosen a span {
color: #ffffff;
}
.hubpeople01 .calendar_container .cell.has_events.chosen a:hover span {
color: #ffffff;
}
.hubpeople01 .row {
*zoom: 1;
margin-bottom: 10px;
}
.hubpeople01 .row:before,
.hubpeople01 .row:after {
content: "";
display: table;
}
.hubpeople01 .row:after {
clear: both;
}
.hubpeople01 .row:before,
.hubpeople01 .row:after {
content: " ";
display: table;
}
.hubpeople01 .row:after {
clear: both;
}
.hubpeople01 .row .under {
background: #f5f5f5;
border: 1px solid #cccccc;
border-top: none;
display: inline-block;
padding: 5px 20px;
float: right;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
}
.hubpeople01 .row .under select {
border: 1px solid #cccccc;
padding: 3px;
}
.hubpeople01 .calendar_container .calendar_body .events_list li.event_item .panel {
margin: 5px;
border: none;
}
.add_event .form_container .form_row .form_col_2 input[type="text"] {
height: 30px;
}
.add_event .form_container .form_row .form_col_2 .datetimepicker input.start_date {
padding: 5px;
width: 85%;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.add_event .form_container .form_row .form_col_2 .datetimepicker .add-on {
height: 30px;
width: 15%;
text-align: center;
position: relative;
right: 4px;
}
.add_event .form_container .form_row .form_col_2 .datetimepicker .add-on i {
display: inline;
background: none;
}
.add_event .form_container .form_row .form_col_2 .btn-group button {
font-style: normal!important;
}
.add_event .form_container .form_row .form_col_2 select {
font-style: normal;
}
.bootstrap-datetimepicker-widget i[class^="icon"] {
background: none;
}
.timepicker .table-condensed tr td:nth-child(4) {
display: none;
}
.timepicker .table-condensed tr td:nth-child(5) {
display: none;
}
.hubpeople01 .calendar_view_event .panel.event {
background: #f5f5f5;
padding-top: 20px;
}
.hubpeople01 .calendar_view_event .panel.event h2 {
color: #555555;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings {
*zoom: 1;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings:before,
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings:after {
content: "";
display: table;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings:after {
clear: both;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings:before,
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings:after {
clear: both;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings .user {
display: inline;
float: left;
width: 23.80952381%;
margin: 0 0.5952381% 20px 0.5952381%;
position: relative;
min-height: 40px;
background: #222222;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings .user img {
float: left;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings .user .username a {
color: #ffffff;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings .headings {
display: inline;
float: left;
width: 73.80952381%;
margin: 0 0.5952381% 20px 0.5952381%;
padding-left: 10px;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings .headings h3 {
font-size: 18px;
position: relative;
padding-left: 35px;
color: #555555;
text-shadow: 1px 1px 0px #ffffff;
min-height: 50px;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings .headings h3 .icons_holder {
position: absolute;
top: 0;
left: 0;
font-size: 18px;
width: 20px;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_headings .headings .description {
padding: 5px 0;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_details_header {
margin-left: 70px;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .event_details_header a {
color: #0000EE;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form {
dispplay: block;
clear: left;
*zoom: 1;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form:before,
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form:after {
content: "";
display: table;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form:after {
clear: both;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form:before,
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form:after {
clear: both;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div {
padding: 2px;
*zoom: 1;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div:before,
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div:after {
content: "";
display: table;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div:after {
clear: both;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div:before,
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div:after {
clear: both;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div .col_1 {
display: inline;
float: left;
width: 23.80952381%;
margin: 0 0.5952381% 20px 0.5952381%;
margin-bottom: 0;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div .col_2 {
display: inline;
float: left;
width: 73.80952381%;
margin: 0 0.5952381% 20px 0.5952381%;
margin-bottom: 0;
padding-left: 10px;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div .col_2 .swing_dates {
display: inline-block;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .simple_form div .col_2 .swing_dates a {
color: #0000EE;
white-space: nowrap;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .standardbutton {
margin: 10px 0;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .standardbutton .like {
float: left;
margin-left: 0;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .standardbutton .like a {
color: #0000EE;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .standardbutton .like span {
display: inline;
}
.hubpeople01 .calendar_view_event .panel.event .panel_content .who_liked_r .hotpicks {
margin-left: 0;
}
.hubpeople01 .calendar_view_event .attend {
*zoom: 1;
margin-bottom: 10px;
}
.hubpeople01 .calendar_view_event .attend:before,
.hubpeople01 .calendar_view_event .attend:after {
content: "";
display: table;
}
.hubpeople01 .calendar_view_event .attend:after {
clear: both;
}
.hubpeople01 .calendar_view_event .attend:before,
.hubpeople01 .calendar_view_event .attend:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_view_event .attend:after {
clear: both;
}
.hubpeople01 .calendar_view_event .attend h2 {
padding-top: 15px;
padding-bottom: 15px;
color: #ffffff;
}
.hubpeople01 .calendar_view_event .attend .members_container {
min-height: 60px;
oveflow: hidden;
*zoom: 1;
}
.hubpeople01 .calendar_view_event .attend .members_container:before,
.hubpeople01 .calendar_view_event .attend .members_container:after {
content: "";
display: table;
}
.hubpeople01 .calendar_view_event .attend .members_container:after {
clear: both;
}
.hubpeople01 .calendar_view_event .attend .members_container:before,
.hubpeople01 .calendar_view_event .attend .members_container:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_view_event .attend .members_container:after {
clear: both;
}
.hubpeople01 .calendar_view_event .attend .members_container .user:hover .remove {
text-decoration: none;
}
.hubpeople01 .calendar_view_event .attend .members_container .user {
position: relative;
width: 20%;
float: left;
}
.hubpeople01 .calendar_view_event .attend .members_container .user .remove {
position: absolute;
top: 0;
right: 5px;
color: #ffffff;
font-size: 22px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.hubpeople01 .calendar_view_event .attend .members_container .user img {
display: block;
}
.hubpeople01 .calendar_view_event .attend .members_container .user .username {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 3px 0 3px 5px;
color: #ffffff;
overflow: hidden;
white-space: nowrap;
}
.hubpeople01 .calendar_view_event .attend .members_container .user .username a {
color: #ffffff;
}
.hubpeople01 .calendar_view_event .attend .bt_container {
clear: left;
}
/************
BETWEEN 820 AND 1200
*************/
@media only screen and (max-width: 1200px) and (min-width: 820px) {
.hubpeople01 .calendar_view_event .attend .members_container .user {
width: 25%;
float: left;
}
}
/************
IPAD PORTRAIT
*************/
@media only screen and (max-width: 820px) and (min-width: 640px) {
.hubpeople01 .calendar_view_event .attend .members_container .user {
width: 25%;
float: left;
}
}
/************************
IPHONE LANDSCAPE
************************/
@media (max-width: 639px) and (min-width: 480px) {
.add_event .form_container .form_row .form_col_2 .col_half {
display: inline;
float: left;
width: 48.80952381%;
margin: 0 0.5952381% 20px 0.5952381%;
}
.hubpeople01 .calendar_view_event .attend .members_container .user {
width: 25%;
float: left;
}
}
/*************************
IPHONE PORT
*************************/
@media only screen and (max-width: 479px) {
.hubpeople01 .calendar_container .calendar_body .cell a span {
font-size: 32px;
}
.hubpeople01 .calendar_container .month {
*zoom: 1;
margin-left: 0;
}
.hubpeople01 .calendar_container .month:before,
.hubpeople01 .calendar_container .month:after {
content: "";
display: table;
}
.hubpeople01 .calendar_container .month:after {
clear: both;
}
.hubpeople01 .calendar_container .month:before,
.hubpeople01 .calendar_container .month:after {
content: " ";
display: table;
}
.hubpeople01 .calendar_container .month:after {
clear: both;
}
.hubpeople01 .calendar_container .calendar_body .events_list li .event .username a {
font-size: 12px!important;
}
.hubpeople01 .calendar_view_event .attend .members_container .user {
width: 33.33333333%;
float: left;
}
.add_event .form_container .form_row .form_col_2 .col_half {
margin: 0px!important;
}
}
/**************
Search result page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .search_result {
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.hubpeople01 .search_result .search_row {
*zoom: 1;
border-bottom: 1px solid #cccccc;
}
.hubpeople01 .search_result .search_row:before,
.hubpeople01 .search_result .search_row:after {
content: "";
display: table;
}
.hubpeople01 .search_result .search_row:after {
clear: both;
}
.hubpeople01 .search_result .search_row:before,
.hubpeople01 .search_result .search_row:after {
content: " ";
display: table;
}
.hubpeople01 .search_result .search_row:after {
clear: both;
}
.hubpeople01 .search_result .search_row [class^="search_col"] {
display: block;
float: left;
padding: 10px;
vertical-align: top;
}
.hubpeople01 .search_result .search_row [class^="search_col"] h2 {
margin-top: 0;
}
.hubpeople01 .search_result .search_row .search_col_1 {
width: 13%;
}
.hubpeople01 .search_result .search_row .search_col_2 {
width: 20%;
}
.hubpeople01 .search_result .search_row .search_col_3 {
width: 40%;
}
.hubpeople01 .search_result .search_row .search_col_4 {
width: 27%;
}
.hubpeople01 .search_result .search_row .fa-heart,
.hubpeople01 .search_result .search_row .fa-heart-o {
font-size: 22px;
}
.hubpeople01 .search_result .search_row .fa-heart-o {
color: #cccccc;
}
.hubpeople01 .search_result .search_row [class^="search_col"] h2 {
margin-top: 0;
}
.hubpeople01 .search_result .search_row .search_col_1 {
width: 13%;
}
.hubpeople01 .search_result .search_row .search_col_2 {
width: 20%;
}
.hubpeople01 .search_result .search_row .search_col_2 h2 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .search_result .search_row .search_col_3 {
width: 40%;
}
.hubpeople01 .search_result .search_row .search_col_4 {
width: 27%;
}
.hubpeople01 .search_result .search_row .fa-heart,
.hubpeople01 .search_result .search_row .fa-heart-o {
font-size: 22px;
}
.hubpeople01 .search_result .search_row .fa-heart-o {
color: #cccccc;
}
.hubpeople01 .online {
display: inline-block;
margin-right: 5px;
width: 10px;
height: 10px;
position: relative;
bottom: 2px;
background: green;
border-radius: 50%;
}
.hubpeople01 .search_result .alert_row {
height: 70px;
background: #ffffff;
padding: 10px;
position: relative;
}
.hubpeople01 .search_result .alert_row .alert_container {
position: absolute;
width: 100%;
z-index: 1;
top: 10px;
}
.hubpeople01 .search_result .live_cams {
*zoom: 1;
border-bottom: 1px solid #cccccc;
}
.hubpeople01 .search_result .live_cams:before,
.hubpeople01 .search_result .live_cams:after {
content: "";
display: table;
}
.hubpeople01 .search_result .live_cams:after {
clear: both;
}
.hubpeople01 .search_result .live_cams:before,
.hubpeople01 .search_result .live_cams:after {
content: " ";
display: table;
}
.hubpeople01 .search_result .live_cams:after {
clear: both;
}
.hubpeople01 .search_result .live_cams .cams_col_1 {
float: left;
width: 33%;
padding: 20px;
}
.hubpeople01 .search_result .live_cams .cams_col_1 img {
border-radius: 4px;
width: 100%;
}
.hubpeople01 .search_result .live_cams .cams_col_2 {
float: left;
width: 67%;
padding: 20px 10px;
}
.hubpeople01 .search_result .live_cams .cams_col_2 h2 {
margin: 0;
}
.hubpeople01 .search_result .live_cams .cams_col_2 h3 {
margin: 0;
margin-bottom: 10px;
}
.hubpeople01 .search_result .live_cams .cams_images_row {
*zoom: 1;
}
.hubpeople01 .search_result .live_cams .cams_images_row:before,
.hubpeople01 .search_result .live_cams .cams_images_row:after {
content: "";
display: table;
}
.hubpeople01 .search_result .live_cams .cams_images_row:after {
clear: both;
}
.hubpeople01 .search_result .live_cams .cams_images_row:before,
.hubpeople01 .search_result .live_cams .cams_images_row:after {
content: " ";
display: table;
}
.hubpeople01 .search_result .live_cams .cams_images_row:after {
clear: both;
}
.hubpeople01 .search_result .live_cams .cams_images_row .cams_image {
float: left;
width: 15%;
margin: 0 2px;
}
.hubpeople01 .search_result .live_cams .cams_images_row .cams_image img {
border-radius: 4px;
}
@media (max-width: 820px) {
.hubpeople01 .search_result .search_row {
margin-top: 50px;
}
.hubpeople01 .search_result .search_row [class^="search_col"] {
display: block;
float: left;
border-bottom: none;
}
.hubpeople01 .search_result .search_row [class^="search_col"] h2 {
margin-top: 0;
}
.hubpeople01 .search_result .search_row .search_col_1 {
width: 30%;
}
.hubpeople01 .search_result .search_row .search_col_2 {
width: 70%;
}
.hubpeople01 .search_result .search_row .search_col_3 {
width: 100%;
}
.hubpeople01 .search_result .search_row .search_col_4 {
width: 100%;
}
.hubpeople01 .search_result .search_row .search_col_4 .media_list_container li {
width: 25%;
}
.hubpeople01 .search_result .live_cams .cams_col_1 {
float: left;
width: 100%;
}
.hubpeople01 .search_result .live_cams .cams_col_2 {
float: left;
width: 100%;
}
}
/**************
Friends page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .friends {
display: table;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.hubpeople01 .friends .friends_row {
display: table-row;
}
.hubpeople01 .friends .friends_row [class^="friends_col"] {
display: table-cell;
padding: 10px;
padding-top: 20px;
vertical-align: top;
border-bottom: 1px solid #cccccc;
}
.hubpeople01 .friends .friends_row [class^="friends_col"] h2 {
margin-top: 0;
}
.hubpeople01 .friends .friends_row .friends_col_1 {
width: 18%;
}
.hubpeople01 .friends .friends_row .friends_col_2 {
width: 32%;
}
.hubpeople01 .friends .friends_row .friends_col_3 {
width: 60%;
}
.hubpeople01 .friends .friends_row .friends_col_4 {
display: none;
}
.hubpeople01 .friends_4col {
display: table;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.hubpeople01 .friends_4col .friends_row {
display: table-row;
}
.hubpeople01 .friends_4col .friends_row [class^="friends_col"] {
display: table-cell;
padding: 10px;
padding-top: 20px;
vertical-align: top;
border-bottom: 1px solid #cccccc;
}
.hubpeople01 .friends_4col .friends_row [class^="friends_col"] h2 {
margin-top: 0;
}
.hubpeople01 .friends_4col .friends_row .friends_col_1 {
width: 14%;
}
.hubpeople01 .friends_4col .friends_row .friends_col_2 {
width: 22%;
}
.hubpeople01 .friends_4col .friends_row .friends_col_3 {
width: 40%;
}
.hubpeople01 .friends_4col .friends_row .friends_col_4 {
width: 34%;
}
@media (max-width: 820px) {
.hubpeople01 .friends .friends_row {
margin-top: 50px;
}
.hubpeople01 .friends .friends_row [class^="friends_col"] {
display: block;
float: left;
}
.hubpeople01 .friends .friends_row [class^="friends_col"] h2 {
margin-top: 0;
}
.hubpeople01 .friends .friends_row .friends_col_1 {
width: 30%;
border-bottom: none;
}
.hubpeople01 .friends .friends_row .friends_col_2 {
width: 70%;
border-bottom: none;
}
.hubpeople01 .friends .friends_row .friends_col_3 {
width: 100%;
}
.hubpeople01 .friends .friends_row .friends_col_4 {
display: none;
}
.hubpeople01 .friends_4col .friends_row {
margin-top: 50px;
}
.hubpeople01 .friends_4col .friends_row [class^="friends_col"] {
display: block;
float: left;
}
.hubpeople01 .friends_4col .friends_row [class^="friends_col"] h2 {
margin-top: 0;
}
.hubpeople01 .friends_4col .friends_row .friends_col_1 {
width: 30%;
border-bottom: none;
}
.hubpeople01 .friends_4col .friends_row .friends_col_2 {
width: 70%;
border-bottom: none;
}
.hubpeople01 .friends_4col .friends_row .friends_col_3 {
width: 100%;
border-bottom: none;
}
.hubpeople01 .friends_4col .friends_row .friends_col_4 {
width: 100%;
}
.hubpeople01 .friends_4col .friends_row .friends_col_4 .media_list_container li {
width: 25%;
}
}
/**************
Search result page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .topvotes {
display: table;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.hubpeople01 .topvotes .topvotes_row {
display: table-row;
}
.hubpeople01 .topvotes .topvotes_row [class^="topvotes_col"] {
display: table-cell;
padding: 10px;
vertical-align: top;
}
.hubpeople01 .topvotes .topvotes_row [class^="topvotes_col"] h2 {
margin-top: 0;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_0 {
width: 5%;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_1 {
width: 15%;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_2 {
width: 20%;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_3 {
width: 35%;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_4 {
width: 20%;
}
.hubpeople01 .star_container .fa-star {
margin: 1px;
color: #cccccc;
}
.hubpeople01 .star_container .fa-star-rating {
color: #ffaa00;
}
@media (max-width: 820px) {
.hubpeople01 .topvotes .topvotes_row {
margin-top: 50px;
}
.hubpeople01 .topvotes .topvotes_row [class^="topvotes_col"] {
display: block;
float: left;
}
.hubpeople01 .topvotes .topvotes_row [class^="topvotes_col"] h2 {
margin-top: 0;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_0 {
width: 20%;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_1 {
width: 100%;
padding: 0px 10%;
text-align: center;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_1 img {
max-width: 250px;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_2 {
width: 100%;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_3 {
width: 100%;
}
.hubpeople01 .topvotes .topvotes_row .topvotes_col_4 {
width: 100%;
margin-bottom: 30px;
}
}
/**************
Gallery page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .gallery {
*zoom: 1;
}
.hubpeople01 .gallery:before,
.hubpeople01 .gallery:after {
content: "";
display: table;
}
.hubpeople01 .gallery:after {
clear: both;
}
.hubpeople01 .gallery:before,
.hubpeople01 .gallery:after {
content: " ";
display: table;
}
.hubpeople01 .gallery:after {
clear: both;
}
.hubpeople01 .gallery li {
width: 10%;
padding: 0.5px;
float: left;
position: relative;
}
.hubpeople01 .gallery li img {
border-radius: 4px;
display: block;
}
.hubpeople01 .gallery li .member_name {
width: 100%;
display: block;
padding: 2px 5px;
display: none;
}
@media (max-width: 820px) {
.hubpeople01 .gallery {
*zoom: 1;
}
.hubpeople01 .gallery:before,
.hubpeople01 .gallery:after {
content: "";
display: table;
}
.hubpeople01 .gallery:after {
clear: both;
}
.hubpeople01 .gallery:before,
.hubpeople01 .gallery:after {
content: " ";
display: table;
}
.hubpeople01 .gallery:after {
clear: both;
}
.hubpeople01 .gallery li {
width: 25%;
}
.hubpeople01 .gallery li img {
width: 100%;
}
}
/**************
Articles page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .article {
*zoom: 1;
font-family: "Roboto", sans-serif;
font-size: 18px;
letter-spacing: 0.2pt;
word-spacing: 1pt;
margin-bottom: 15px;
}
.hubpeople01 .article:before,
.hubpeople01 .article:after {
content: "";
display: table;
}
.hubpeople01 .article:after {
clear: both;
}
.hubpeople01 .article:before,
.hubpeople01 .article:after {
content: " ";
display: table;
}
.hubpeople01 .article:after {
clear: both;
}
.hubpeople01 .article .img_container {
width: 50%;
float: left;
}
.hubpeople01 .article .text_container {
width: 50%;
float: left;
padding-left: 20px;
}
.hubpeople01 .article ul {
list-style: initial;
font-family: 'Roboto', sans-serif;
padding: 10px;
padding-left: 30px;
}
.hubpeople01 .article ul li {
font-family: 'Roboto', sans-serif;
}
@media (max-width: 820px) {
.hubpeople01 .article .img_container {
width: 100%;
}
.hubpeople01 .article .text_container {
width: 100%;
padding-left: 0;
padding-top: 20px;
}
}
/**************
Favorites page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .favorite {
position: relative;
*zoom: 1;
}
.hubpeople01 .favorite:before,
.hubpeople01 .favorite:after {
content: "";
display: table;
}
.hubpeople01 .favorite:after {
clear: both;
}
.hubpeople01 .favorite:before,
.hubpeople01 .favorite:after {
content: " ";
display: table;
}
.hubpeople01 .favorite:after {
clear: both;
}
.hubpeople01 .favorite .fav_col_1 {
float: left;
width: 30%;
}
.hubpeople01 .favorite .fav_col_2 {
float: left;
width: 70%;
padding-left: 10px;
}
.hubpeople01 .favorite .fav_col_2 h2 {
margin-top: 0;
}
.hubpeople01 .favorite .fav_col_2 ul.details li {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .favorite .heart_container .fa-heart,
.hubpeople01 .favorite .heart_container .fa-heart-o {
font-size: 22px;
}
@media (max-width: 820px) {
.hubpeople01 .favorite {
position: relative;
*zoom: 1;
}
.hubpeople01 .favorite:before,
.hubpeople01 .favorite:after {
content: "";
display: table;
}
.hubpeople01 .favorite:after {
clear: both;
}
.hubpeople01 .favorite:before,
.hubpeople01 .favorite:after {
content: " ";
display: table;
}
.hubpeople01 .favorite:after {
clear: both;
}
.hubpeople01 .favorite .fav_col_1 {
max-width: 150px;
}
.hubpeople01 .favorite .fav_col_2 h2 {
margin-top: 0;
}
.hubpeople01 .favorite .heart_container .fa-heart,
.hubpeople01 .favorite .heart_container .fa-heart-o {
font-size: 18px;
right: 0;
top: 0;
}
}
/**************
wall
***************/
.hubpeople01 .faq .question_list {
list-style: none;
}
.hubpeople01 .faq .question_list li {
font-size: 26px;
}
.hubpeople01 .faq ul {
margin: 10px;
margin-left: 30px;
list-style: initial;
}
.hubpeople01 .faq ul li {
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.hubpeople01 .faq .question_list li {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 26px;
}
.hubpeople01 .faq ol li {
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.hubpeople01 .faq td > b {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 26px;
}
/**************
History page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .history {
display: table;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.hubpeople01 .history .history_row {
display: table-row;
}
.hubpeople01 .history .history_row [class^="history_col"] {
display: table-cell;
padding: 10px;
padding-top: 20px;
vertical-align: top;
border-bottom: 1px solid #cccccc;
}
.hubpeople01 .history .history_row [class^="history_col"] h2 {
margin-top: 0;
}
.hubpeople01 .history .history_row .history_col_1 {
width: 18%;
}
.hubpeople01 .history .history_row .history_col_2 {
width: 32%;
}
.hubpeople01 .history .history_row .history_col_3 {
width: 60%;
}
.hubpeople01 ul.stat_details li {
border-bottom: 1px dotted #515151;
}
.hubpeople01 ul.stat_details li span {
background: #f5f5f5;
position: relative;
top: 4px;
padding-right: 5px;
}
.hubpeople01 ul.stat_details li .num {
float: right;
padding-left: 5px;
font-weight: bold;
}
@media (max-width: 820px) {
.hubpeople01 .history .history_row {
margin-top: 50px;
}
.hubpeople01 .history .history_row [class^="history_col"] {
display: block;
float: left;
}
.hubpeople01 .history .history_row [class^="history_col"] h2 {
margin-top: 0;
}
.hubpeople01 .history .history_row .history_col_1 {
width: 30%;
border-bottom: none;
}
.hubpeople01 .history .history_row .history_col_2 {
width: 70%;
border-bottom: none;
}
.hubpeople01 .history .history_row .history_col_3 {
width: 100%;
}
}
/**************
Media uploader page
***************/
.hubpeople01 .fileinput-button {
position: relative;
overflow: hidden;
width: 100%;
height: 100px;
border: 1px solid #cccccc;
text-align: center;
padding-top: 15px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
border-radius: 4px;
}
.hubpeople01 .fileinput-button:hover {
background: #f5f5f5;
}
.hubpeople01 .fileinput-button b {
font-size: 16px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
}
.hubpeople01 .pictures {
display: flex;
background: #222222;
margin-bottom: 10px;
}
.hubpeople01 .pictures .choosen {
outline: 6px solid orange;
position: relative;
z-index: 1;
}
.hubpeople01 .pictures .pic1 {
width: 37.5%;
}
.hubpeople01 .pictures .pic2 {
width: 62.5%;
}
.hubpeople01 .pictures .pic2 {
*zoom: 1;
}
.hubpeople01 .pictures .pic2:before,
.hubpeople01 .pictures .pic2:after {
content: "";
display: table;
}
.hubpeople01 .pictures .pic2:after {
clear: both;
}
.hubpeople01 .pictures .pic2:before,
.hubpeople01 .pictures .pic2:after {
content: " ";
display: table;
}
.hubpeople01 .pictures .pic2:after {
clear: both;
}
.hubpeople01 .pictures .pic2 img {
width: 20%;
float: left;
}
.hubpeople01 .pictures_pager {
margin-bottom: 10px;
text-align: center;
}
.hubpeople01 .pictures_pager .point {
width: 8px;
height: 8px;
margin: 0 5px;
display: inline-block;
background: grey;
border-radius: 50%;
}
.hubpeople01 .paperclip {
width: 37px;
height: 37px;
background: #222222;
border-radius: 50%;
display: inline-block;
float: left;
text-align: center;
padding-top: 3px;
margin: 0 4px;
}
.hubpeople01 .paperclip .fa {
color: #ffffff;
font-size: 29px;
}
.hubpeople01 .take_photo {
display: inline-block;
float: left;
margin: 0 4px;
padding-top: 2px;
}
.hubpeople01 .take_photo .fa {
color: #222222;
font-size: 36px;
}
.hubpeople01 .p_header {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .plus {
display: inline-block;
float: left;
margin: 1px 4px;
border: 1px solid #cccccc;
padding: 4px;
border-radius: 50%;
}
.hubpeople01 .emoji_button {
display: inline-block;
width: 44px;
margin: 0px 4px;
float: left;
}
/**************
Guestbook page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .validation_level {
text-align: center;
}
.hubpeople01 .validation_level .hrz {
border-bottom: 1px solid #cccccc;
position: relative;
top: 56px;
z-index: -1;
}
.hubpeople01 .validation_level ul li {
background: lightgrey;
color: #ffffff;
width: 80px;
height: 80px;
border-radius: 50%;
text-align: center;
line-height: 80px;
display: inline-block;
margin: 0 2px;
}
.hubpeople01 .validation_level.NOT_VALIDATED ul li.none {
background: #ff2a29;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 26px;
}
.hubpeople01 .validation_level.EMAIL_VALIDATED ul li.low {
background: #ffaa00;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 26px;
}
.hubpeople01 .validation_level.USER_VALIDATED ul li.medium {
background: #3987b1;
color: #ffffff;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 26px;
}
.hubpeople01 .validation_level.ADMIN_VALIDATED ul li.high {
background: #0eb900;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 26px;
}
@media (max-width: 820px) {
.hubpeople01 .validation_level ul li {
width: 60px;
height: 60px;
line-height: 60px;
}
.hubpeople01 .validation_level .hrz {
top: 45px;
}
.hubpeople01 .validation_level.NOT_VALIDATED ul li.none {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 22px;
}
.hubpeople01 .validation_level.EMAIL_VALIDATED ul li.low {
background: #ffaa00;
width: 80px;
height: 80px;
line-height: 80px;
font-size: 22px;
}
.hubpeople01 .validation_level.USER_VALIDATED ul li.medium {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 22px;
}
.hubpeople01 .validation_level.ADMIN_VALIDATED ul li.high {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 22px;
}
}
.hubpeople01 .profile_list_container.has_6_col li {
width: 16.66666667%;
}
@media (max-width: 820px) {
.hubpeople01 .profile_list_container.has_6_col li {
width: 25%;
}
.hubpeople01 img[src$="profile_failed_new.jpg"] {
width: 25vw;
margin: 0 auto;
display: block;
}
}
/**************
Manage media page
***************/
.hubpeople01 .manage_media.choose_photos li {
padding: 10px;
}
.hubpeople01 .manage_media {
*zoom: 1;
margin-bottom: 20px;
transition: all ease-out 0.3s;
}
.hubpeople01 .manage_media:before,
.hubpeople01 .manage_media:after {
content: "";
display: table;
}
.hubpeople01 .manage_media:after {
clear: both;
}
.hubpeople01 .manage_media:before,
.hubpeople01 .manage_media:after {
content: " ";
display: table;
}
.hubpeople01 .manage_media:after {
clear: both;
}
.hubpeople01 .manage_media li {
float: left;
width: 20%;
position: relative;
transition: all 0.1s;
}
.hubpeople01 .manage_media li img {
display: block;
border-radius: 4px;
padding: 0.5px;
}
.hubpeople01 .manage_media li .check_container {
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
padding: 10px 5px;
}
.hubpeople01 .manage_media li .fa {
text-shadow: -1px -1px 0 #ffffff;
}
.hubpeople01 .manage_media .photo_selected {
background: #cde8ff;
border: 0.5px solid #ffffff;
transition: none;
}
.hubpeople01 .two_btn_container .btn {
width: calc(50% - 4px );
}
/**
hot or not
**/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .hot_or_not h2.hot_or_not_header {
display: table;
}
.hubpeople01 .hot_or_not h2.hot_or_not_header .img_left {
float: left;
width: 20%;
}
.hubpeople01 .hot_or_not h2.hot_or_not_header .img_right {
float: right;
width: 20%;
}
.hubpeople01 .hot_or_not h2.hot_or_not_header span {
vertical-align: middle;
padding: 5%;
display: inline-block;
width: 60%;
font: inherit;
}
/**************
Membership page
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details {
border: 1px solid #cccccc;
padding: 30px !important;
border-radius: 5px;
margin-bottom: 10px;
background: url("../images/bgs.jpg") no-repeat;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .card_number {
position: relative;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .card_number input {
padding-left: 40px;
width: 100%;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .card_number .validation-error {
display: none;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .card_number .fa {
position: absolute;
left: 10px;
top: 10px;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row {
display: flex;
padding-left: 15%;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .expiration {
display: flex;
position: relative;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .expiration label {
width: 40px;
text-align: center;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .expiration input {
width: calc(100% - 40px);
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .expiration:nth-of-type(2) label {
width: 20px;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .expiration:nth-of-type(2) input {
width: calc(100% - 20px);
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .cvv {
position: relative;
margin-left: 3px;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .cvv input {
padding-left: 30px;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .cvv .validation-error {
position: absolute;
color: #b94a48;
background: #ffffff;
display: none;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .cvv .fa {
position: absolute;
left: 10px;
top: 10px;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .about {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
padding: 10px;
}
.hubpeople01 .benefits {
margin-bottom: 40px;
}
.hubpeople01 .benefits .row {
border-bottom: 1px dotted #333333;
display: flex;
align-items: baseline;
}
.hubpeople01 .benefits .row .item {
display: inline-block;
width: calc(100% - 100px);
}
.hubpeople01 .benefits .row .item span {
display: inline-block;
background: #ffffff;
position: relative;
top: 3px;
padding-right: 5px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 18px;
}
.hubpeople01 .benefits .row .star {
width: 64px;
text-align: center;
display: inline-block;
background: #ffffff;
position: relative;
top: 3px;
margin-left: auto;
margin-right: 0;
}
.hubpeople01 .benefits .row .star .fa {
color: #ffaa00;
font-size: 18px;
}
.hubpeople01 .benefits .row .classic_star .fa {
color: #cccccc;
}
.hubpeople01 .benefits .row .star.hide_star .fa {
color: #ffffff;
display: none;
}
.hubpeople01 .select_row .row {
border-bottom: 1px dotted #cccccc;
padding-bottom: 3px;
overflow: hidden;
padding: 5px;
margin: 0;
}
.hubpeople01 .select_row .row a {
font-size: 18px;
color: #333333;
}
.hubpeople01 .select_row .row:hover {
background: #f5f5f5;
}
.hubpeople01 .select_row .row .check {
background: #ffffff;
display: inline-block;
padding: 5px;
border-radius: 5px;
margin-right: 5px;
transition: all 0.3s;
position: relative;
left: -20px;
opacity: 0;
}
.hubpeople01 .select_row .row .check .fa {
color: #ffffff;
}
.hubpeople01 .select_row .row.selected .check {
background: #777777;
display: inline-block;
padding: 5px;
border-radius: 5px;
margin-right: 5px;
border: none;
position: relative;
left: 0;
opacity: 1;
}
.hubpeople01 .select_row .row.selected .check .fa {
color: #ffffff;
}
@media (max-width: 820px) {
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row {
padding-left: 0;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .expiration input {
width: 45px;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .expiration:nth-of-type(2) input {
width: 45px;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .cvv {
width: 100%;
}
.hubpeople01 .membership_page .payment_container .payment_page_5_left .vip .card_details .exp_date_row .cvv input {
width: 100%;
min-width: 90px;
}
}
/**************
Kirill's styles:
***************/
.hubpeople01 .col_inline .select {
max-width: 188px;
}
.hubpeople01 .locationControl .lc_unit {
padding-left: 0;
}
.hubpeople01 .pp_comment_column {
width: 400px;
}
.hubpeople01 #mobile_notifications {
position: fixed;
z-index: 999;
background: #ffffff;
top: 96px;
width: 100%;
}
.hubpeople01 .minified_body #mobile_notifications {
top: 66px;
}
.hubpeople01 .panel img.emojione {
display: inline-block;
}
.hubpeople01 #mailbox_legend li {
padding-top: 2px;
}
.hubpeople01 .upgradePanel p,
.hubpeople01 .payment_page_5_left p {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 14px;
color: #999999;
margin-top: 3px;
margin-bottom: 3px;
letter-spacing: initial;
word-spacing: initial;
}
.hubpeople01 .upgradePanel p .fa,
.hubpeople01 .payment_page_5_left p .fa {
position: relative;
bottom: 2px;
}
.hubpeople01 .cantPlayVideoAlert .alert,
.hubpeople01 .uncompletedProfileAlert .alert,
.hubpeople01 .explicitMediaAlert .alert {
position: absolute;
width: 100%;
top: 50%;
max-width: 400px;
left: 50%;
margin-left: -200px;
}
.highslide-caption .standardbutton li.like a.like_image {
background: url(/images/common/like.png) no-repeat 0 -2px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .es {
background: transparent url(/images/common/langs/es.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .zh-CN {
background: transparent url(/images/common/langs/zh.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .de {
background: transparent url(/images/common/langs/de.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .fi {
background: transparent url(/images/common/langs/fi.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .fr {
background: transparent url(/images/common/langs/fr.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .hi {
background: transparent url(/images/common/langs/in.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .he {
background: transparent url(/images/common/langs/il.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .ja {
background: transparent url(/images/common/langs/ja.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .ko {
background: transparent url(/images/common/langs/kr.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .nl {
background: transparent url(/images/common/langs/nl.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .no {
background: transparent url(/images/common/langs/no.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .pl {
background: transparent url(/images/common/langs/pl.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .pt {
background: transparent url(/images/common/langs/pt.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .ru {
background: transparent url(/images/common/langs/ru.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .it {
background: transparent url(/images/common/langs/it.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .sv {
background: transparent url(/images/common/langs/se.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .en {
background: transparent url(/images/common/langs/en.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .hu {
background: transparent url(/images/common/langs/hu.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .pt-BR {
background: transparent url(/images/common/langs/br.gif) no-repeat 5px 4px;
}
.responsive .tips_wrapper .tips_container .help .choose_lang ul .arg {
background: transparent url(/images/common/langs/arg.gif) no-repeat 5px 4px;
}
.responsive .top_videos .video a .play {
background: url(/images/common/video_arrow.png) no-repeat;
}
.responsive .form_row .option_1 {
background: url("/images/common/search1.png") no-repeat;
}
.responsive .form_row .option_1_off {
background: url("/images/common/search1_off.png") no-repeat;
}
.responsive .form_row .option_2 {
background: url("/images/common/search2.png") no-repeat;
}
.responsive .form_row .option_2_off {
background: url("/images/common/search2_off.png") no-repeat;
}
.responsive .avatar_page #tabscouple ul.ui-tabs-nav li a .new_item_category {
background: url("/images/avatars/new.png") no-repeat scroll left top transparent;
}
.responsive .avatar_page #person1-tab #tabs .avpicks li .locked_item,
.responsive .avatar_page #person2-tab #tabs .avpicks li .locked_item,
.responsive .avatar_page #person1-tab #tabs2 .avpicks li .locked_item,
.responsive .avatar_page #person2-tab #tabs2 .avpicks li .locked_item {
background: url("/images/common/locked.png") no-repeat;
}
div.pp_default .pp_close {
background: url(/images/common/gallery/sprite.png) 2px 1px no-repeat;
}
#pp_full_res.wait {
background-image: url(/images/common/pleaseWait.gif);
}
#pp_full_res .next {
background-image: url(/images/common/gallery/icons.png);
}
#pp_full_res .prev {
background-image: url(/images/common/gallery/icons.png);
}
.hubpeople01 .user_online:before {
background-image: url("/images/green_circle.png");
background-repeat: no-repeat;
}
/**************
miniproject_mob
***************/
.hubpeople01 {
/*******
IPADE
*******/
}
.hubpeople01 .notif_dropdown {
position: absolute;
background: #ffffff;
border-radius: 8px;
width: 100%;
z-index: 10;
overflow: hidden;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.35);
}
.hubpeople01 .notif_dropdown li {
float: none;
min-height: 45px;
width: 100%;
padding: 0;
cursor: pointer;
position: relative;
color: #333333;
background: #ffffff;
*zoom: 1;
}
.hubpeople01 .notif_dropdown li:before,
.hubpeople01 .notif_dropdown li:after {
content: "";
display: table;
}
.hubpeople01 .notif_dropdown li:after {
clear: both;
}
.hubpeople01 .notif_dropdown li:before,
.hubpeople01 .notif_dropdown li:after {
content: " ";
display: table;
}
.hubpeople01 .notif_dropdown li:after {
clear: both;
}
.hubpeople01 .notif_dropdown li figure {
float: left;
margin: 0;
width: 15%;
padding: 5px 0 5px 10px;
}
.hubpeople01 .notif_dropdown li figure .fa {
color: #0000EE;
font-size: 36px;
padding-top: 10px;
}
.hubpeople01 .notif_dropdown li img {
border-radius: 50%;
}
.hubpeople01 .notif_dropdown li p {
width: 85%;
padding: 10px;
padding-right: 15px;
float: left;
color: #333333;
font-family: "Roboto Condensed", sans-serif;
font-size: 16px;
}
.hubpeople01 .notif_dropdown li .fa-circle,
.hubpeople01 .notif_dropdown li .fa-circle-o {
color: #0000EE;
position: absolute;
top: 19px;
right: 5px;
font-size: 8px;
}
.hubpeople01 .notif_dropdown li .fa-times-circle {
position: absolute;
top: 10px;
right: 10px;
font-size: 36px;
}
.hubpeople01 .notif_dropdown .notif_header {
padding: 5px;
}
.hubpeople01 .notif_dropdown .marked {
background: #f5f5f5;
}
@media screen and (min-width: 701px) {
.hubpeople01 .header_container.mini_project {
background: #666666;
position: relative;
z-index: 4;
}
.hubpeople01 .header_container.mini_project header {
margin: 0 auto;
position: relative;
}
.hubpeople01 .header_container.mini_project header .column_container {
padding-bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_1 {
width: 20%;
float: left;
display: inline-block;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_1 a {
vertical-align: middle;
line-height: 50px;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_2 {
float: left;
display: inline-block;
text-align: right;
order: 4;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_2 a {
color: #ffffff;
text-decoration: none;
vertical-align: middle;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 {
width: auto;
margin-bottom: 0;
position: relative;
float: left;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 ul.mini_project_menu {
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 ul.mini_project_menu li {
margin: 0;
float: left;
text-align: center;
position: relative;
padding: 3px 0;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 ul.mini_project_menu li .fa {
font-size: 36px;
color: #ffffff;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 ul.mini_project_menu li a {
position: relative;
display: block;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 ul.mini_project_menu li .count_bottom {
background: #1b94ac;
color: #ffffff;
position: absolute;
top: auto;
bottom: -3px;
right: 0;
font-size: 13px;
font-weight: bold;
line-height: 13px;
border-radius: 3px;
padding: 1px 3px;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 ul.mini_project_menu li .count_top {
background: red;
color: #ffffff;
position: absolute;
top: -10px;
right: 0;
font-size: 13px;
font-weight: bold;
line-height: 13px;
border-radius: 3px;
padding: 1px 3px;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_1 ul.mini_project_menu li.selected {
border-radius: 4px;
background: rgba(255, 255, 255, 0.3);
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_2 {
width: auto;
margin-bottom: 0;
position: relative;
float: left;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row_2 .btn.w100 {
margin-left: 5px;
margin-right: 5px;
width: auto;
position: relative;
}
}
@media (max-width: 700px) {
.hubpeople01 .header_container.mini_project.fixa {
position: fixed;
width: 100%;
z-index: 3;
top: 0;
}
.hubpeople01 .header_container.mini_project {
background: #666666;
position: relative;
z-index: 4;
}
.hubpeople01 .header_container.mini_project header {
max-width: 380px !important;
margin: 0 auto;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_1 {
width: 50%;
float: left;
display: inline-block;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_1 a {
vertical-align: middle;
line-height: 50px;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_2 {
width: 50%;
float: left;
display: inline-block;
text-align: right;
padding-top: 3px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .header_container.mini_project header .column_container .header_col_2 a {
color: #ffffff;
opacity: 0.8;
text-decoration: none;
vertical-align: middle;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] {
width: 100%;
clear: both;
margin-bottom: 5px;
position: relative;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] .btn.w100 {
margin-left: 5px;
margin-right: 5px;
width: calc(100% - 10px );
display: block;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] ul.mini_project_menu {
display: flex;
justify-content: space-between;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] ul.mini_project_menu li {
margin: 0;
float: left;
text-align: center;
position: relative;
padding: 3px 0;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] ul.mini_project_menu li .fa {
font-size: 34px;
color: #ffffff;
opacity: 0.8;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] ul.mini_project_menu li a {
position: relative;
display: block;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] ul.mini_project_menu li .count_bottom {
background: #1b94ac;
color: #ffffff;
position: absolute;
top: auto;
bottom: -3px;
right: 0;
font-size: 13px;
font-weight: bold;
line-height: 13px;
border-radius: 3px;
padding: 1px 3px;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] ul.mini_project_menu li .count_top {
background: red;
color: #ffffff;
position: absolute;
top: -10px;
right: 0;
font-size: 13px;
font-weight: bold;
line-height: 13px;
border-radius: 3px;
padding: 1px 3px;
}
.hubpeople01 .header_container.mini_project header .column_container div[class^="header_row"] ul.mini_project_menu li.selected {
border-radius: 4px;
background: rgba(255, 255, 255, 0.3);
}
}
.hubpeople01 .page_content.mini_project {
max-width: 380px !important;
margin: 0 auto;
}
.hubpeople01 .footer_container.mini_project .footer {
max-width: 380px !important;
margin: 0 auto;
}
.hubpeople01 .mini_project .mp_content {
padding: 10px 5px 0 5px;
}
.hubpeople01 .mini_project .three_btn_container {
margin-top: 15px;
}
.hubpeople01 .mini_project .three_btn_container .btn-green:hover {
background-color: #549e39;
}
.hubpeople01 .mini_project .wall .wall_row [class^="wall_"] {
padding: 5px;
}
.hubpeople01 .mini_project .wall .wall_row .wall_profile_img {
width: 50px;
}
.hubpeople01 .mini_project .wall .wall_row .wall_text {
width: calc(100% - 50px );
}
.hubpeople01 .mini_project .wall .wall_row .wall_text .comments {
margin-left: -50px;
}
.hubpeople01 .mini_project .wall .wall_row .wall_text .comments .comment_container p a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .mini_project .wall .wall_row .wall_text .blog_in_feed h3 {
margin-top: 0;
margin-bottom: 5px;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 300px;
color: #0000EE;
}
.hubpeople01 .mini_project .wall .wall_row .wall_text .blog_in_feed .blog_text {
display: block;
}
.hubpeople01 .mini_project .wall .wall_row .wall_text .blog_in_feed .blog_link {
font-size: 18px;
margin-bottom: 8px;
display: block;
}
.hubpeople01 .mini_project .wall .wall_row .wall_text .party_in_feed h3 {
margin-top: 0;
margin-bottom: 5px;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 300px;
color: #0000EE;
}
.hubpeople01 .mini_project .wall .wall_row .wall_text .party_in_feed .party_text {
display: block;
}
.hubpeople01 .mini_project .mail_row .mail_body .mail_col_1 {
width: 20%;
}
.hubpeople01 .mini_project .mail_row .mail_body .mail_col_2 {
width: 80%;
}
.hubpeople01 .mini_project .panel .panel_col_1 {
width: 100%;
}
.hubpeople01 .mini_project .panel .panel_col_2 {
width: 100%;
}
.hubpeople01 .mini_project .profile.panel .profile_img {
width: 100%;
}
.hubpeople01 .mini_project .profile.panel .profile_text {
width: 100%;
}
.hubpeople01 .mini_project .form_row .form_col_1 {
width: 100%;
text-align: left;
}
.hubpeople01 .mini_project .form_row .form_col_2 {
width: 100%;
}
.hubpeople01 .mini_project .search_result .search_row [class^="search_col"] {
display: block;
float: left;
border-bottom: none;
}
.hubpeople01 .mini_project .search_result .search_row [class^="search_col"] h2 {
margin-top: 0;
}
.hubpeople01 .mini_project .search_result .search_row .search_col_1 {
width: 30%;
}
.hubpeople01 .mini_project .search_result .search_row .search_col_2 {
width: 70%;
}
.hubpeople01 .mini_project .search_result .search_row .search_col_3 {
width: 100%;
}
.hubpeople01 .mini_project .search_result .search_row .search_col_4 {
width: 100%;
}
.hubpeople01 .mini_project .search_result .search_row .search_col_4 .media_list_container li {
width: 25%;
}
@media (max-width: 380px) {
.hubpeople01 .header_container.mini_project header {
margin-left: 5px;
margin-right: 5px;
}
.hubpeople01 .header_container.mini_project header .column_container .header_row ul.mini_project_menu li .fa {
font-size: 10vw;
}
}
/**
miniproject_add_post.less
**/
.hubpeople01 .header_container.mini_project .seach_box {
position: relative;
clear: both;
margin-bottom: 5px;
}
.hubpeople01 .header_container.mini_project .seach_box input {
padding-right: 45px;
}
.hubpeople01 .header_container.mini_project .seach_box .search_go {
position: absolute;
right: 10px;
top: 5px;
}
.hubpeople01 .header_container.mini_project .seach_box .search_go .fa {
font-size: 26px;
}
.hubpeople01 .post_container {
padding: 0 10px;
}
.hubpeople01 .post_container .h {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 22px;
}
.hubpeople01 .post_sender_box {
margin: 20px 0;
position: relative;
display: flex;
align-items: center;
}
.hubpeople01 .post_sender_box .plus_btn {
display: inline-block;
width: 35px;
}
.hubpeople01 .post_sender_box .plus_btn .fa {
font-size: 32px;
}
.hubpeople01 .post_sender_box input {
flex-grow: 2;
}
.hubpeople01 .post_sender_box .smile_btn {
position: absolute;
right: 10px;
top: 5px;
}
.hubpeople01 .post_sender_box .smile_btn .fa {
font-size: 26px;
}
.hubpeople01 .advanced_post {
padding: 0 10px;
}
.hubpeople01 .advanced_post .h {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 22px;
display: flex;
}
.hubpeople01 .advanced_post .textarea_container {
position: relative;
}
.hubpeople01 .advanced_post .textarea_container .smile_btn {
position: absolute;
right: 10px;
bottom: 5px;
}
.hubpeople01 .advanced_post .textarea_container .smile_btn .fa {
font-size: 26px;
}
.hubpeople01 .advanced_post .plus_btn .fa {
font-size: 32px;
}
.hubpeople01 .advanced_post .submit {
margin-top: 10px;
font-size: 150%;
}
@media (max-width: 600px) {
.hubpeople01 .add_height_to_avoid_bounce {
height: 100px;
display: none;
}
.hubpeople01 .nav_fixed_top {
position: fixed!important;
top: -100px;
left: 0;
right: 0;
padding: 0 10%;
padding-top: 8px;
z-index: 10;
background: #666666;
animation-name: show_me;
animation-duration: 0.4s;
animation-delay: 0.3s;
animation-fill-mode: forwards;
}
@keyframes show_me {
from {
top: -100;
}
to {
top: 0;
}
}
}
.hubpeople01 .fixed_bg {
position: fixed;
min-height: 100vh;
background: rgba(0, 0, 0, 0.6);
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 5;
animation-name: show_bg;
animation-duration: 0.8s;
}
@keyframes show_bg {
from {
opacity: 0;
}
to {
opcaity: 1;
}
}
.hubpeople01 .pop_container {
position: fixed;
z-index: 6;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.hubpeople01 .pop_container .pop_bottom_menu {
position: absolute;
bottom: 10px;
left: 5%;
right: 5%;
animation-name: show_menu;
animation-duration: 0.3s;
}
@keyframes show_menu {
from {
opacity: 0;
bottom: -200px;
}
to {
opcaity: 1;
bottom: 10px;
}
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row {
padding: 18px;
background: #e9e9e9;
color: #333333;
font-family: 'Roboto', sans-serif;
font-size: 26px;
border-bottom: 1px solid #d5d5d5;
position: relative;
cursor: pointer;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row .fa {
margin-right: 10px;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row .font_smaller {
padding: 10px 0;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row .media_list_container {
margin: 10px 5px;
max-width: 300px;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row.first {
border-radius: 15px 15px 0 0;
padding: 0;
height: 15px;
border-bottom: none;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row.last {
border-radius: 0 0 15px 15px;
padding: 0;
height: 15px;
position: relative;
bottom: 1px;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row.separate {
background: #ffffff;
border-radius: 15px;
margin: 10px 0;
text-align: center;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row.separate span {
padding: 0;
margin: 0;
font-size: 26px;
display: block;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row.separate span .fa {
margin-right: 3px;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row.file input[type="file"] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
opacity: 0;
cursor: pointer;
}
@media (max-width: 400px) {
.hubpeople01 .pop_container .pop_bottom_menu .menu_row {
font-size: 22px;
padding: 10px;
}
.hubpeople01 .pop_container .pop_bottom_menu .menu_row.separate span {
font-size: 22px;
}
}
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery {
*zoom: 1;
padding: 8px 0;
background: #e9e9e9;
height: 60vh;
overflow: auto;
}
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery:before,
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery:after {
content: "";
display: table;
}
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery:after {
clear: both;
}
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery:before,
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery:after {
content: " ";
display: table;
}
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery:after {
clear: both;
}
.hubpeople01 .pop_container .pop_bottom_menu .image_gallery a {
width: 25%;
display: block;
float: left;
}
.hubpeople01 .pics_container {
position: relative;
max-width: 800px;
margin: 0 auto;
z-index: 100;
}
.hubpeople01 .pics_container .choose_photo {
position: absolute;
top: 0;
bottom: 0;
animation-name: show_photo;
animation-duration: 0.5s;
}
@keyframes show_photo {
from {
opacity: 1;
top: -50vh;
}
to {
opcaity: 1;
top: 0;
}
}
.hubpeople01 .pics_container .choose_photo .header {
height: 60px;
background: #ffffff;
position: fixed;
top: 0;
width: 100%;
max-width: 800px;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
animation-name: show_header;
animation-duration: 0.8s;
}
@keyframes show_header {
from {
opacity: 1;
top: -100px;
}
to {
opcaity: 1;
top: 0;
}
}
.hubpeople01 .pics_container .choose_photo .header .col_left {
padding: 0 10px;
white-space: nowrap;
text-align: center;
padding-left: 20px;
}
.hubpeople01 .pics_container .choose_photo .header .col_center {
cursor: pointer;
white-space: nowrap;
}
.hubpeople01 .pics_container .choose_photo .header .col_right {
padding: 0 10px;
white-space: nowrap;
}
.hubpeople01 .pics_container .choose_photo .image_gallery {
*zoom: 1;
padding: 8px 0;
padding-top: 61px;
background: #e9e9e9;
background: #222222;
overflow: auto;
min-height: 100vh;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:before,
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
content: "";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:before,
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
content: " ";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images {
*zoom: 1;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:before,
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
content: "";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:before,
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
content: " ";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a {
width: 25%;
display: block;
float: left;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img {
position: relative;
top: 0;
transition: all 0.1s ease 0s;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img.set_opacity {
opacity: 0.5;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img.selected {
border: 20px solid #ffffff;
outline: 1px solid #000000;
opacity: 1;
}
@media only screen and (max-width: 600px) {
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img.selected {
border: 12px solid #ffffff;
}
}
.hubpeople01 .pics_container .choose_photo .image_gallery .loader_container {
height: 40px;
margin-bottom: 30px;
}
/**banners**/
.responsive .baner_container {
max-width: 1180px;
margin: 0 auto;
}
.panel.banner {
text-align: center;
}
.panel.banner img {
display: inline-block;
}
.stage2 .fixed_container_background {
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
.stage2 .fixed_container {
position: absolute;
z-index: 9999;
padding-top: 7%;
padding-left: 5px;
padding-right: 5px;
}
@media only screen and (max-width: 479px) {
.stage2 .fixed_container {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
}
.stage2 .close_btn_container {
max-width: 600px;
margin: 0 auto!important;
position: relative;
text-align: right;
}
.stage2 .close_btn_container .close_btn {
color: #ffffff;
}
.stage2 .close_btn_container .close_btn .fa {
font-size: 24px;
}
.stage2 .signup-form-container {
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
background: #f5f5f5;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 10px!important;
}
.stage2 .signup-form-container .signup-form-wrapper {
display: block;
width: 900%;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form {
*zoom: 1;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form:before,
.stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
content: "";
display: table;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form:before,
.stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
content: " ";
display: table;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps {
width: 11.11111111%;
float: left;
text-align: center;
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps.step {
transform: translateX(-100%);
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps input,
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps textarea {
font-size: 22px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps textarea {
height: 200px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday {
width: 15%;
display: inline-block;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday.year {
width: 28%;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps label {
margin: 3px;
margin-bottom: 10px;
font-family: Roboto Condensed;
font-size: 26px;
background: rgba(255, 255, 255, 0.7);
display: block;
padding: 8px 0;
text-align: center;
position: relative;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps label .close {
position: absolute;
right: 5px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container {
width: 80%;
margin: 0 10%;
padding: 0;
min-height: 180px;
min-height: 55px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container {
vertical-align: middle;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container img {
width: 25%;
border: 2px solid #cccccc;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container .fa-heart {
font-size: 12px;
vertical-align: middle;
color: #df2828;
position: relative;
top: -40px;
}
@media (max-width: 460px) {
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container .fa-heart {
top: -10vw;
}
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container h3 {
margin-bottom: 0;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container h4 {
font-size: 16px;
margin-top: 0;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container a:not(".btn") {
text-decoration: underline;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .file_upload {
position: relative;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .file_upload input[type="file"] {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .alert_container {
margin-bottom: 8px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .alert_container .alert {
padding: 10px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .w100 {
width: 100%;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container #textarea {
height: 150px;
text-align: left;
background: #ffffff;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner {
margin-bottom: 10px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner .label {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 26px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container {
text-align: center;
position: relative;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container a {
width: 150px;
display: inline-block;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container a img {
border-radius: 50%;
border: 2px solid #cccccc;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container input[type="file"] {
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
left: 50%;
margin-left: -75px;
opacity: 0;
cursor: pointer;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .city_input_container {
margin-bottom: 10px;
position: relative;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .city_input_container .fa {
position: absolute;
right: 8px;
top: 12px;
font-size: 18px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .city_input_container input[type="text"] {
padding-right: 30px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .location_list li a {
text-decoration: none;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .click_all {
font-size: 18px;
}
.stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-step1 .container input {
text-align: center;
}
.stage2 .signup-form-container .signup-submit-container {
text-align: center;
}
.stage2 .signup-form-container .signup-steps-ind .signup-ind-active {
background-color: #e63a3a;
color: #fff;
}
.stage2 .signup-form-container .file_upload_take_photo {
position: relative;
}
.stage2 .signup-form-container .file_upload_take_photo input[type="file"] {
position: absolute;
left: 10%;
right: 10%;
top: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
width: 80%;
}
.stage2 .signup-form-container .footnote {
padding-top: 10px;
}
.stage2 .signup-form-container .footnote p {
text-align: justify;
font-size: 14px;
}
.stage2 .signup-form-container .signup-submit-container .signup-submit {
border: none;
color: inherit;
background: none;
cursor: pointer;
padding: 15px 60px;
display: inline-block;
margin: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
outline: none;
position: relative;
background: #DF2828;
color: #fff;
box-shadow: 0 6px #9E1414;
border-radius: 5px;
font-family: "Roboto Condensed";
font-size: 19px;
}
.stage2 .signup-form-container .signup-submit-container .signup-submit[disabled="disabled"] {
opacity: 0.3;
cursor: not-allowed;
}
.stage2 .signup-form-container .signup-steps-ind {
text-align: center;
padding-bottom: 15px;
}
.stage2 .signup-form-container .signup-steps-ind div {
background-color: #cacaca;
color: #fff;
text-align: center;
font-size: 0;
width: 12px;
height: 12px;
border-radius: 12px;
display: inline-block;
margin: 0 2px;
cursor: pointer;
}
.stage2 .signup-form-container .signup-steps-ind .signup-ind-active {
background-color: #df2828;
color: lightgrey;
}
.stage2 .signup-form-container .signup-terms {
font-size: 11px;
color: #111;
text-align: center;
line-height: 18px;
font-family: "Roboto Condensed";
font-size: 14px;
padding: 5px;
}
.stage2 .signup-form-container .signup-terms a {
text-decoration: underline;
}
.stage2 .header_signup_steps {
margin: 0 auto!important;
margin-top: 15px;
text-align: center;
max-width: 450px;
}
.stage2 .header_signup_steps .alert_container {
min-height: 56px;
overflow: hidden;
}
.stage2 .header_signup_steps .alert_container .alert {
position: relative;
top: 100px;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.stage2 .header_signup_steps .alert_show {
top: 0px!important;
}
.stage2 .header_signup_steps h3 {
color: #ffffff;
background: #df2828;
display: inline-block;
margin: 15px 0;
padding: 10px;
border-radius: 4px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
}
.stage2 .signup-form-container #signup-form input.error-border {
border: 1px solid #C53535;
background: #EEBEB9;
color: #C53535;
}
.stage2 .signup-form-container .signup-btn {
cursor: pointer;
font-family: "Roboto Condensed";
font-size: 19px;
line-height: 16px;
border: solid 1px grey;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-appearance: none;
padding: 14px 20px;
text-transform: uppercase;
background: #E6E6E6;
color: #444;
box-shadow: 0 6px #444;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 5px;
display: block;
float: left;
width: 46%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 10px;
margin-top: 5px;
}
.stage2 .signup-form-container .signup-active {
color: #fff;
background-color: #27ae60;
box-shadow: 0 0 #27ae60;
top: 6px;
}
.stage2 .signup-form-container .signup-btn.error-border {
border: none;
background: #D69D97;
color: #C53535;
box-shadow: 0 6px #823E37;
}
.stage2 .signup-form-container .signup-steps .interests_bubbles li {
background: #333333;
color: lightgrey;
font-size: 26px;
}
.stage2 .signup-form-container .signup-steps .interests_bubbles li b {
font-size: 26px;
}
.stage2 .signup-form-container .signup-steps .interests_bubbles li.not-selected {
background: #ffffff;
color: #999999;
border: 1px solid #999999;
}
.stage2 .signup-form-container .signup-steps .interests_bubbles li.not-selected b {
color: #999999;
}
.stage2 .textarea-group .textarea-group-addon.green {
color: #0eb900;
}
@media (max-width: 820px) {
.stage2 .signup-form-container {
margin: 0 5px;
}
.stage2 .header_signup_steps h3 {
display: none;
}
}
.dating .stage2 .fixed_container_background {
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
.dating .stage2 .fixed_container {
position: absolute;
z-index: 9999;
padding-top: 7%;
padding-left: 5px;
padding-right: 5px;
}
@media only screen and (max-width: 479px) {
.dating .stage2 .fixed_container {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
}
.dating .stage2 .close_btn_container {
max-width: 600px;
margin: 0 auto!important;
position: relative;
text-align: right;
}
.dating .stage2 .close_btn_container .close_btn {
color: #ffffff;
}
.dating .stage2 .close_btn_container .close_btn .fa {
font-size: 24px;
}
.dating .stage2 .signup-form-container {
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
background: #f5f5f5;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 10px!important;
}
.dating .stage2 .signup-form-container .alert {
text-align: justify;
}
.dating .stage2 .signup-form-container .signup-form-wrapper {
display: block;
width: 900%;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form {
*zoom: 1;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form:before,
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
content: "";
display: table;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form:before,
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
content: " ";
display: table;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form:after {
clear: both;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps {
width: 11.11111111%;
float: left;
text-align: center;
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps.step {
transform: translateX(-100%);
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps input,
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps textarea {
font-size: 22px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps textarea {
height: 200px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday {
width: 15%;
display: inline-block;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .signup-dobday.year {
width: 28%;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps label {
margin: 3px;
margin-bottom: 10px;
font-size: 26px;
background: rgba(255, 255, 255, 0.7);
font-family: 'Poppins', sans-serif;
font-weight: initial;
display: block;
padding: 8px 0;
text-align: center;
position: relative;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps label .close {
position: absolute;
right: 5px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container {
width: 80%;
margin: 0 10%;
padding: 0;
min-height: 180px;
min-height: 55px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container {
vertical-align: middle;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container img {
width: 25%;
border: 2px solid #cccccc;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container .fa-heart {
font-size: 12px;
vertical-align: middle;
color: #df2828;
position: relative;
top: -40px;
}
@media (max-width: 460px) {
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container .fa-heart {
top: -10vw;
}
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container h3 {
margin-bottom: 0;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .two_profiles_container h4 {
font-size: 16px;
margin-top: 0;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container a {
text-decoration: underline;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .btn {
font-size: 20px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container p {
text-align: justify;
padding-bottom: 10px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .file_upload {
position: relative;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .file_upload input[type="file"] {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .alert_container {
margin-bottom: 8px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .alert_container .alert {
padding: 10px;
text-align: justify;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .w100 {
width: 100%;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container #textarea {
height: 150px;
text-align: left;
background: #ffffff;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner {
margin-bottom: 10px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .partner .label {
font-size: 26px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container {
text-align: center;
position: relative;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container a {
width: 150px;
display: inline-block;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container a img {
border-radius: 50%;
border: 2px solid #cccccc;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .user_photo_container input[type="file"] {
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
left: 50%;
margin-left: -75px;
opacity: 0;
cursor: pointer;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .city_input_container {
margin-bottom: 10px;
position: relative;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .city_input_container .fa {
position: absolute;
right: 8px;
top: 12px;
font-size: 18px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .city_input_container input[type="text"] {
padding-right: 30px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .location_list li a {
text-decoration: none;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-steps .container .click_all {
font-size: 18px;
}
.dating .stage2 .signup-form-container .signup-form-wrapper #signup-form .signup-step1 .container input {
text-align: center;
}
.dating .stage2 .signup-form-container .signup-submit-container {
text-align: center;
}
.dating .stage2 .signup-form-container .signup-submit-container .signup-submit {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-weight: 600!important;
}
.dating .stage2 .signup-form-container .signup-steps-ind .signup-ind-active {
background-color: #e63a3a;
color: #fff;
}
.dating .stage2 .signup-form-container .signup-terms {
font-family: 'Work Sans', sans-serif;
font-weight: initial;
}
.dating .stage2 .signup-form-container .file_upload_take_photo {
position: relative;
}
.dating .stage2 .signup-form-container .file_upload_take_photo input[type="file"] {
position: absolute;
left: 10%;
right: 10%;
top: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
width: 80%;
}
.dating .stage2 .signup-form-container .footnote {
padding: 0 20px;
}
.dating .stage2 .signup-form-container .footnote p {
text-align: justify;
font-size: 14px;
}
.dating .stage2 .signup-form-container .signup-submit-container .signup-submit {
border: none;
color: inherit;
background: none;
cursor: pointer;
padding: 15px 60px;
display: inline-block;
margin: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
outline: none;
position: relative;
background: #DF2828;
color: #fff;
box-shadow: 0 6px #9E1414;
border-radius: 5px;
font-size: 19px;
}
.dating .stage2 .signup-form-container .signup-submit-container .signup-submit[disabled="disabled"] {
opacity: 0.3;
cursor: not-allowed;
}
.dating .stage2 .signup-form-container .signup-steps-ind {
text-align: center;
padding-bottom: 15px;
}
.dating .stage2 .signup-form-container .signup-steps-ind div {
background-color: #cacaca;
color: #fff;
text-align: center;
font-size: 0;
width: 12px;
height: 12px;
border-radius: 12px;
display: inline-block;
margin: 0 2px;
cursor: pointer;
}
.dating .stage2 .signup-form-container .signup-steps-ind .signup-ind-active {
background-color: #df2828;
color: lightgrey;
}
.dating .stage2 .signup-form-container .signup-terms {
font-size: 11px;
color: #111;
text-align: center;
line-height: 18px;
font-size: 14px;
padding: 5px;
}
.dating .stage2 .signup-form-container .signup-terms a {
text-decoration: underline;
}
.dating .stage2 .header_signup_steps {
margin: 0 auto!important;
margin-top: 15px;
text-align: center;
max-width: 450px;
}
.dating .stage2 .header_signup_steps .alert_container {
min-height: 56px;
overflow: hidden;
}
.dating .stage2 .header_signup_steps .alert_container .alert {
position: relative;
top: 100px;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.dating .stage2 .header_signup_steps .alert_show {
top: 0px!important;
}
.dating .stage2 .header_signup_steps h3 {
color: #ffffff;
background: #df2828;
display: inline-block;
margin: 15px 0;
padding: 10px;
border-radius: 4px;
font-size: 22px;
}
.dating .stage2 .signup-form-container #signup-form input.error-border {
border: 1px solid #C53535;
background: #EEBEB9;
color: #C53535;
}
.dating .stage2 .signup-form-container .signup-btn {
cursor: pointer;
font-size: 19px;
line-height: 16px;
border: solid 1px grey;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-appearance: none;
padding: 14px 20px;
text-transform: uppercase;
background: #E6E6E6;
color: #444;
box-shadow: 0 6px #444;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 5px;
display: block;
float: left;
width: 46%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 10px;
margin-top: 5px;
}
.dating .stage2 .signup-form-container .signup-active {
color: #fff;
background-color: #27ae60;
box-shadow: 0 0 #27ae60;
top: 6px;
}
.dating .stage2 .signup-form-container .signup-btn.error-border {
border: none;
background: #D69D97;
color: #C53535;
box-shadow: 0 6px #823E37;
}
.dating .stage2 .signup-form-container .signup-steps .interests_bubbles li {
background: #333333;
color: lightgrey;
font-size: 20px;
}
.dating .stage2 .signup-form-container .signup-steps .interests_bubbles li b {
font-size: 20px;
}
.dating .stage2 .signup-form-container .signup-steps .interests_bubbles li.not-selected {
background: #ffffff;
color: #999999;
border: 1px solid #999999;
}
.dating .stage2 .signup-form-container .signup-steps .interests_bubbles li.not-selected b {
color: #999999;
}
.dating .stage2 .textarea-group .textarea-group-addon.green {
color: #0eb900;
}
@media (max-width: 820px) {
.dating .stage2 .signup-form-container {
margin: 0 5px;
}
.dating .stage2 .header_signup_steps h3 {
display: none;
}
}
/**************
admin review media
***************/
.hubpeople01 .admin_review_media_left .check_in_google {
display: block;
padding: 2px;
}
.hubpeople01 .admin_review_media_left .check_in_google .fa {
color: #343a40;
}
.hubpeople01 .admin_review_media_left .btn-group {
margin-bottom: 5px;
}
.hubpeople01 .admin_review_media_left .btn-group.btn-group-status.quality {
margin-left: 22px;
}
.hubpeople01 .admin_review_media_left > .row {
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
}
.hubpeople01 .admin_review_media_left > .row .media {
width: 18%;
float: left;
}
.hubpeople01 .admin_review_media_left > .row .media img {
border-radius: 4px;
}
.hubpeople01 .admin_review_media_left > .row .text {
width: 82%;
float: left;
padding-left: 10px;
}
.hubpeople01 .admin_review_media_left > .row .text h2,
.hubpeople01 .admin_review_media_left > .row .text h3 {
margin-top: 0;
margin-bottom: 10px;
}
.hubpeople01 .admin_review_media_right .owner {
*zoom: 1;
margin: 10px 0;
background: #f5f5f5;
padding: 5px;
border-radius: 5px;
border: 1px solid #cccccc;
}
.hubpeople01 .admin_review_media_right .owner:before,
.hubpeople01 .admin_review_media_right .owner:after {
content: "";
display: table;
}
.hubpeople01 .admin_review_media_right .owner:after {
clear: both;
}
.hubpeople01 .admin_review_media_right .owner:before,
.hubpeople01 .admin_review_media_right .owner:after {
content: " ";
display: table;
}
.hubpeople01 .admin_review_media_right .owner:after {
clear: both;
}
.hubpeople01 .admin_review_media_right .owner .img_container {
width: 20%;
float: left;
}
.hubpeople01 .admin_review_media_right .owner .img_container img {
border: 1px solid #cccccc;
}
.hubpeople01 .admin_review_media_right .owner .text_container {
width: 80%;
float: left;
padding-left: 10px;
}
/**pay_mobile**/
.hubpeople01 .list_underlined {
margin: 40px 0;
}
.hubpeople01 .list_underlined li {
border-bottom: 1px dotted #ffffff;
}
.hubpeople01 .list_underlined li .value {
float: right;
}
.hubpeople01 .pay_mobile {
position: relative;
}
.hubpeople01 .pay_mobile [class^="pay_step_"] {
transition: all ease-out 0.2s;
min-height: 1500px;
}
.hubpeople01 .pay_mobile [class^="pay_step_"] p > b {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .pay_mobile .left_show {
right: 0;
}
.hubpeople01 .pay_mobile .pay_step_white_bg {
background: #ffffff;
}
.hubpeople01 .pay_mobile .pay_step_white_bg h1,
.hubpeople01 .pay_mobile .pay_step_white_bg h2,
.hubpeople01 .pay_mobile .pay_step_white_bg h3,
.hubpeople01 .pay_mobile .pay_step_white_bg h4,
.hubpeople01 .pay_mobile .pay_step_white_bg p,
.hubpeople01 .pay_mobile .pay_step_white_bg ul li,
.hubpeople01 .pay_mobile .pay_step_white_bg span {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_white_bg .btn-trans-white {
border: 1px solid #cccccc;
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg {
background: #ffffff;
}
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg h1,
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg h2,
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg h3,
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg h4,
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg p,
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg ul li,
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg span {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg .header a .fa {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_0.pay_step_white_bg a {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg .header a .fa {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg .opt_1 {
background: rgba(0, 0, 0, 0.1);
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg .opt_2 {
background: rgba(0, 0, 0, 0.2);
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg .opt_3 {
background: rgba(0, 0, 0, 0.3);
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg [class^="opt_"] h2 {
color: #333333;
text-shadow: none;
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg [class^="opt_"] .mo {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg [class^="opt_"] .fa {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_1.pay_step_white_bg [class^="opt_"] .badge_container .badge {
background: red;
color: #ffffff;
}
.hubpeople01 .pay_mobile [class^="pay_step_2"].pay_step_white_bg .header a .fa {
color: #333333;
}
.hubpeople01 .pay_mobile [class^="pay_step_2"].pay_step_white_bg .price {
color: #333333;
}
.hubpeople01 .pay_mobile [class^="pay_step_2"].pay_step_white_bg .list_underlined li {
border-bottom: 1px dotted #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .header a .fa {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg h1,
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg h2 {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg p,
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg ul li,
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg ul li .fa {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg h1 {
margin-bottom: 20px;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg [class^="op_"] .fa {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .op_1 {
background: rgba(0, 0, 0, 0.05);
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .op_2 {
background: rgba(0, 0, 0, 0.1);
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .op_3 {
background: rgba(0, 0, 0, 0.05);
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .op_4 {
background: rgba(0, 0, 0, 0.1);
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .op_5 {
background: rgba(0, 0, 0, 0.05);
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
.hubpeople01 .pay_mobile .pay_step_3.pay_step_white_bg .footer a {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_4.pay_step_white_bg .header a .fa {
color: #333333;
}
.hubpeople01 .pay_mobile .pay_step_4.pay_step_white_bg .form_row .fa-check.ok {
color: #549e39;
}
.hubpeople01 .pay_mobile .pay_step_4.pay_step_white_bg a:not(.btn) {
color: #333333;
font-family: 'Roboto', sans-serif;
text-decoration: underline;
}
.hubpeople01 .pay_mobile .pay_step_4.pay_step_white_bg .logo_for_wm_bg {
display: none;
}
.hubpeople01 .pay_mobile .pay_step_4.pay_step_white_bg .logo_for_white_bg {
display: inline-block;
}
.hubpeople01 .pay_mobile .pay_step_4.pay_step_white_bg .input_error {
border: 1px solid #ff3030;
border-bottom: 4px solid #ff3030;
}
.hubpeople01 .pay_mobile .pay_step_4.pay_step_white_bg .btn.btn-default {
display: none;
}
.hubpeople01 .pay_mobile .pay_step_0 {
padding: 20px;
background: #00648e;
background: #666666;
}
.hubpeople01 .pay_mobile .pay_step_0 h1 {
margin-bottom: 30px;
color: orange;
padding: 10px 0;
color: #ffffff;
}
.hubpeople01 .pay_mobile .pay_step_0 h1 > span {
font-size: 60%;
letter-spacing: 2px;
}
.hubpeople01 .pay_mobile .pay_step_0 h1,
.hubpeople01 .pay_mobile .pay_step_0 h2 {
color: #ffffff;
}
.hubpeople01 .pay_mobile .pay_step_0 p,
.hubpeople01 .pay_mobile .pay_step_0 ul li,
.hubpeople01 .pay_mobile .pay_step_0 ul li .fa {
color: #ffffff;
}
.hubpeople01 .pay_mobile .pay_step_0 a:not(.btn) {
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-decoration: underline;
}
.hubpeople01 .pay_mobile .header .fa {
font-size: 42px;
color: #ffffff;
}
.hubpeople01 .pay_mobile .btn-fontsize-large {
font-size: 20px;
margin: 20px 0;
}
.hubpeople01 .pay_mobile ul li {
line-height: 28px;
}
.hubpeople01 .pay_mobile h2 {
margin-bottom: 30px;
}
.hubpeople01 .pay_step_1 {
position: absolute;
top: 0;
max-width: 100%;
width: 100%;
padding: 20px;
background: #00648e;
background: #666666;
}
.hubpeople01 .pay_step_1 h1,
.hubpeople01 .pay_step_1 h2 {
color: #ffffff;
}
.hubpeople01 .pay_step_1 p,
.hubpeople01 .pay_step_1 ul li,
.hubpeople01 .pay_step_1 ul li .fa {
color: #ffffff;
}
.hubpeople01 .pay_step_1 [class^="opt_"] {
display: block;
text-align: center;
margin: 0 -20px;
padding: 20px 0;
position: relative;
}
.hubpeople01 .pay_step_1 [class^="opt_"] h2 {
color: #ffffff;
margin: 0;
font-size: 38px;
font-family: 'Roboto', sans-serif;
}
.hubpeople01 .pay_step_1 [class^="opt_"] .mo {
color: #ffffff;
font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.hubpeople01 .pay_step_1 [class^="opt_"] .fa {
color: #ffffff;
position: absolute;
right: 20px;
top: 50%;
font-size: 22px;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.hubpeople01 .pay_step_1 [class^="opt_"] .badge_container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
padding-left: 10px;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.hubpeople01 .pay_step_1 [class^="opt_"] .badge_container .badge {
background: #ffffff;
color: #666666;
}
.hubpeople01 .pay_step_1 .opt_1 {
background: rgba(255, 255, 255, 0.1);
margin-bottom: 1px;
}
.hubpeople01 .pay_step_1 .opt_2 {
background: rgba(255, 255, 255, 0.2);
margin-bottom: 1px;
}
.hubpeople01 .pay_step_1 .opt_3 {
background: rgba(255, 255, 255, 0.3);
margin-bottom: 1px;
}
.hubpeople01 .pay_step_1 .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
.hubpeople01 .pay_step_2a {
position: absolute;
top: 0;
max-width: 100%;
padding: 20px;
width: 100%;
background: #00648e;
background: #666666;
}
.hubpeople01 .pay_step_2a .price_container {
height: 100px;
width: 200px;
margin: 0 auto;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.hubpeople01 .pay_step_2a .price_container .price {
font-size: 50px;
text-align: center;
padding-top: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
position: relative;
z-index: 1;
color: #ffffff;
}
.hubpeople01 .pay_step_2a .price_container .mo {
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 20px;
position: relative;
z-index: 1;
}
.hubpeople01 .pay_step_2a p,
.hubpeople01 .pay_step_2a ul li {
color: #ffffff;
}
.hubpeople01 .pay_step_2a .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
.hubpeople01 .pay_step_2a .footer a {
color: #333333;
}
.hubpeople01 .pay_step_2b {
position: absolute;
top: 0;
max-width: 100%;
padding: 20px;
width: 100%;
background: #00648e;
background: #666666;
}
.hubpeople01 .pay_step_2b .price_container {
height: 100px;
width: 200px;
margin: 0 auto;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.hubpeople01 .pay_step_2b .price_container .price {
font-size: 50px;
text-align: center;
padding-top: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
position: relative;
z-index: 1;
color: #ffffff;
}
.hubpeople01 .pay_step_2b .price_container .mo {
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 20px;
position: relative;
z-index: 1;
}
.hubpeople01 .pay_step_2b p,
.hubpeople01 .pay_step_2b ul li {
color: #ffffff;
}
.hubpeople01 .pay_step_2b .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
.hubpeople01 .pay_step_2b .footer a {
color: #ffd383;
}
.hubpeople01 .pay_step_2c {
position: absolute;
top: 0;
max-width: 100%;
padding: 20px;
width: 100%;
background: #00648e;
background: #666666;
}
.hubpeople01 .pay_step_2c .price_container {
height: 100px;
width: 200px;
margin: 0 auto;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.hubpeople01 .pay_step_2c .price_container .price {
font-size: 50px;
text-align: center;
padding-top: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
position: relative;
z-index: 1;
color: #ffffff;
}
.hubpeople01 .pay_step_2c .price_container .mo {
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 20px;
position: relative;
z-index: 1;
}
.hubpeople01 .pay_step_2c p,
.hubpeople01 .pay_step_2c ul li {
color: #ffffff;
}
.hubpeople01 .pay_step_2c .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
.hubpeople01 .pay_step_2c .footer a {
color: #ffd383;
}
.hubpeople01 .pay_step_3 {
position: absolute;
top: 0;
max-width: 100%;
padding: 20px;
width: 100%;
background: #00648e;
background: #666666;
}
.hubpeople01 .pay_step_3 .header {
*zoom: 1;
}
.hubpeople01 .pay_step_3 .header:before,
.hubpeople01 .pay_step_3 .header:after {
content: "";
display: table;
}
.hubpeople01 .pay_step_3 .header:after {
clear: both;
}
.hubpeople01 .pay_step_3 .header:before,
.hubpeople01 .pay_step_3 .header:after {
content: " ";
display: table;
}
.hubpeople01 .pay_step_3 .header:after {
clear: both;
}
.hubpeople01 .pay_step_3 .header a {
display: inline-block;
float: left;
width: 40px;
}
.hubpeople01 .pay_step_3 .header h1 {
float: left;
width: calc(100% - 40px );
font-size: 27px;
}
.hubpeople01 .pay_step_3 h1,
.hubpeople01 .pay_step_3 h2 {
color: #ffffff;
}
.hubpeople01 .pay_step_3 p,
.hubpeople01 .pay_step_3 ul li,
.hubpeople01 .pay_step_3 ul li .fa {
color: #ffffff;
}
.hubpeople01 .pay_step_3 h1 {
margin-bottom: 20px;
}
.hubpeople01 .pay_step_3 [class^="op_"] {
display: block;
margin: 0 -20px;
padding: 20px 0;
position: relative;
text-align: center;
background: rgba(255, 255, 255, 0.1);
}
.hubpeople01 .pay_step_3 [class^="op_"]:nth-child(odd) {
background: rgba(255, 255, 255, 0.25);
}
.hubpeople01 .pay_step_3 [class^="op_"] .fa {
font-size: 62px;
color: #ffffff;
}
.hubpeople01 .pay_step_3 [class^="op_"] .icon_container {
margin-bottom: 10px;
}
.hubpeople01 .pay_step_3 .op_1 {
color: #ffffff;
margin-bottom: 1px;
}
.hubpeople01 .pay_step_3 .op_2 {
color: #ffffff;
margin-bottom: 1px;
}
.hubpeople01 .pay_step_3 .op_3 {
color: #ffffff;
margin-bottom: 1px;
}
.hubpeople01 .pay_step_3 .op_4 {
color: #ffffff;
margin-bottom: 1px;
}
.hubpeople01 .pay_step_3 .op_5 {
color: #ffffff;
margin-bottom: 1px;
}
.hubpeople01 .pay_step_3 .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
.hubpeople01 .pay_step_3 .footer a {
color: #333333;
}
.hubpeople01 .pay_step_4 {
position: absolute;
top: 0;
max-width: 100%;
padding: 20px;
width: 100%;
background: #00648e;
background: #666666;
}
.hubpeople01 .pay_step_4 .header {
*zoom: 1;
}
.hubpeople01 .pay_step_4 .header:before,
.hubpeople01 .pay_step_4 .header:after {
content: "";
display: table;
}
.hubpeople01 .pay_step_4 .header:after {
clear: both;
}
.hubpeople01 .pay_step_4 .header:before,
.hubpeople01 .pay_step_4 .header:after {
content: " ";
display: table;
}
.hubpeople01 .pay_step_4 .header:after {
clear: both;
}
.hubpeople01 .pay_step_4 .header a {
display: inline-block;
float: left;
width: 40px;
}
.hubpeople01 .pay_step_4 .header .logo_container {
float: left;
width: calc(100% - 40px );
}
.hubpeople01 .pay_step_4 h1,
.hubpeople01 .pay_step_4 h2,
.hubpeople01 .pay_step_4 h3,
.hubpeople01 .pay_step_4 h4 {
color: #ffffff;
}
.hubpeople01 .pay_step_4 h2 {
margin-bottom: 0;
}
.hubpeople01 .pay_step_4 p {
color: #ffffff;
}
.hubpeople01 .pay_step_4 input {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 22px;
}
.hubpeople01 .pay_step_4 .input_error {
border: 1px solid #ff3030;
border-bottom: 4px solid #ff3030;
border-radius: 0;
position: relative;
color: #a94451;
}
.hubpeople01 .pay_step_4 a:not(.btn) {
color: #ffffff;
font-family: 'Roboto', sans-serif;
text-decoration: underline;
}
.hubpeople01 .pay_step_4 .terms_txt {
font-size: 16px;
}
.hubpeople01 .pay_step_4 .icon_container {
text-align: center;
margin-bottom: 20px;
}
.hubpeople01 .pay_step_4 .icon_container .fa-cc-visa {
color: #3399cc;
font-size: 32px;
}
.hubpeople01 .pay_step_4 .icon_container .fa-cc-mastercard {
color: #ffd383;
font-size: 32px;
}
.hubpeople01 .pay_step_4 .form_row {
position: relative;
}
.hubpeople01 .pay_step_4 .form_row .div_1 {
width: calc(100% - 44px );
float: left;
}
.hubpeople01 .pay_step_4 .form_row .div_1 input {
width: 100%;
}
.hubpeople01 .pay_step_4 .form_row .div_2 {
width: 44px;
float: left;
padding-left: 5px;
}
.hubpeople01 .pay_step_4 .form_row .fa-check {
font-size: 32px;
color: rgba(0, 0, 0, 0.1);
}
.hubpeople01 .pay_step_4 .form_row .fa-check.ok {
color: #ffffff;
}
.hubpeople01 .pay_step_4 .form_row .card_img_holder {
position: absolute;
right: 48px;
top: 5px;
z-index: 10;
}
.hubpeople01 .pay_step_4 .form_row .card_img_holder .fa {
font-size: 30px;
}
.hubpeople01 .pay_step_4 .div_1 .col_1 {
width: 50%;
float: left;
}
.hubpeople01 .pay_step_4 .div_1 .col_2 {
width: 50%;
float: left;
}
.hubpeople01 .pay_step_4 .two_cols {
*zoom: 1;
}
.hubpeople01 .pay_step_4 .two_cols:before,
.hubpeople01 .pay_step_4 .two_cols:after {
content: "";
display: table;
}
.hubpeople01 .pay_step_4 .two_cols:after {
clear: both;
}
.hubpeople01 .pay_step_4 .two_cols:before,
.hubpeople01 .pay_step_4 .two_cols:after {
content: " ";
display: table;
}
.hubpeople01 .pay_step_4 .two_cols:after {
clear: both;
}
.hubpeople01 .pay_step_4 .two_cols .col_1 {
width: calc((100% - 44px)/2 );
float: left;
padding: 0;
padding-right: 5px;
}
.hubpeople01 .pay_step_4 .two_cols .col_1 .form_row input {
width: 100%;
}
.hubpeople01 .pay_step_4 .two_cols .col_1 p {
white-space: nowrap;
padding: 3px 5px;
}
.hubpeople01 .pay_step_4 .two_cols .col_2 {
width: calc((100% - 44px)/2 );
padding: 0;
padding-left: 5px;
}
.hubpeople01 .pay_step_4 .two_cols .col_2 .form_row input {
width: 100%;
}
.hubpeople01 .pay_step_4 .two_cols .col_2 p {
white-space: nowrap;
padding: 3px 5px;
}
.hubpeople01 .pay_step_4 .two_cols .col_3 {
width: 44px;
float: left;
padding: 0;
padding-left: 5px;
padding-top: 36px;
}
.hubpeople01 .pay_step_4 .two_cols .col_3 .fa-check {
font-size: 32px;
color: rgba(0, 0, 0, 0.1);
}
.hubpeople01 .pay_step_4 .two_cols .col_3 .fa-check.ok {
color: #ffffff;
}
.hubpeople01 .pay_step_4 .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
.hubpeople01 .pay_step_last {
position: absolute;
top: 0;
max-width: 100%;
padding: 20px;
width: 100%;
background: #00648e;
background: #666666;
color: #ffffff;
border-left: 1px solid #ffffff;
}
.hubpeople01 .pay_step_last h1,
.hubpeople01 .pay_step_last h2,
.hubpeople01 .pay_step_last h3,
.hubpeople01 .pay_step_last h4,
.hubpeople01 .pay_step_last p,
.hubpeople01 .pay_step_last li {
color: #ffffff;
}
.hubpeople01 .pay_step_last .footer {
text-align: center;
padding: 20px;
padding-top: 100px;
}
/**************
popups.less
***************/
.hubpeople01 .cookie_alert {
background: rgba(1, 28, 1, 0.8);
position: fixed;
bottom: -300px;
left: 0;
right: 0;
z-index: 99999;
padding: 7px 20px;
transition: all 1s ease-out 0.22s;
}
.hubpeople01 .cookie_alert h2,
.hubpeople01 .cookie_alert p {
color: #ffffff;
}
.hubpeople01 .cookie_alert h2 small,
.hubpeople01 .cookie_alert p small {
font-size: 11px;
}
.hubpeople01 .cookie_alert p a:not(.btn) {
color: orange;
}
.hubpeople01 .cookie_alert .cookie_inner {
max-width: 700px;
margin: 0 auto;
}
.hubpeople01 .cookie_alert .cookie-small {
clear: both;
margin: 0;
padding: 0;
}
@media (max-width: 480px) {
.hubpeople01 .cookie_alert .btn {
width: 100%;
}
.hubpeople01 .cookie_alert h2 {
font-size: 18px;
font-size: 6.4vw;
}
.hubpeople01 .cookie_alert p {
font-size: 14px;
}
.hubpeople01 .cookie_alert p small {
font-size: 10px;
}
}
.hubpeople01 .cookie_alert_show {
bottom: 0;
}
.hubpeople01 .popup_fixed_container {
position: fixed;
background: rgba(0, 0, 0, 0.7);
width: 100%;
top: 0;
bottom: 0;
z-index: 999;
text-align: center;
}
.hubpeople01 .popup_fixed_container .payment_success_window {
max-width: 440px;
background: #ffffff;
display: inline-block;
margin-top: 10%;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body {
background: #2aa366;
color: #ffffff;
padding: 50px;
padding-top: 30px;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body h1,
.hubpeople01 .popup_fixed_container .payment_success_window .body h2 {
color: #ffffff;
margin-top: 0;
text-align: center;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body h1 {
font-size: 30px;
padding-top: 20px;
padding-bottom: 10px;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body .fa_container {
text-align: center;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body .fa_container .fa {
color: #ffffff;
font-size: 88px;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body p {
color: #ffffff;
text-align: justify;
font-weight: 100;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body .btn {
border: none;
color: #2aa366;
font-size: 32px;
width: 100%;
margin: 10px 0;
letter-spacing: 2px;
}
.hubpeople01 .popup_fixed_container .payment_success_window .footer {
padding: 10px 50px;
}
.hubpeople01 .popup_fixed_container .payment_success_window .footer p {
text-align: justify;
font-size: 14px;
font-weight: 100;
}
.hubpeople01 .popup_fixed_container .payment_success_window .footer p b {
font-family: "Roboto", sans-serif;
}
@media (max-width: 480px) {
.hubpeople01 .popup_fixed_container .payment_success_window {
margin: 0;
}
.hubpeople01 .popup_fixed_container .payment_success_window .body {
padding-top: 10px;
padding-bottom: 10px;
}
}
/**
Dating styles
**/
.svg-icon svg {
width: 18px;
height: 18px;
fill: #333333;
display: inline-block;
vertical-align: text-bottom;
}
.dating .hubpeople01 .primary_color {
background: #e8148c;
font-size: 26px;
text-align: center;
}
.dating .hubpeople01 .primary_color .fa {
color: #ffffff;
}
.dating .hubpeople01 .secondary_color {
background: #289ad9;
font-size: 26px;
text-align: center;
}
.dating .hubpeople01 .secondary_color .fa {
color: #ffffff;
}
.dating .hubpeople01 .btn-group .secondary_color[data-toggle="dropdown"] {
border-radius: 4px !important;
}
.dating .hubpeople01 .send_message_block .right-addon.primary_color {
background: #e8148c;
color: #ffffff !important;
font-size: 26px;
border: none;
}
.dating .hubpeople01 .send_message_block .right-addon.primary_color .fa {
color: #ffffff;
font-size: 26px;
}
.dating .hubpeople01 .status_heading {
display: flex;
align-items: center;
}
.dating .hubpeople01 .status_heading .round_img {
width: 60px;
margin-right: 10px;
}
.dating .hubpeople01 .btn_round > span {
position: absolute;
top: 38%;
left: 33%;
margin-left: -25%;
font-size: 22px!important;
}
.dating .hubpeople01 .meta_data .fa-heart {
color: #999999;
}
.dating .hubpeople01 .btn-group-search .btn-default .fa {
color: #333333;
}
.dating .hubpeople01 .btn {
position: relative;
}
.dating .hubpeople01 .btn .fa-heart {
color: #ffffff;
}
.dating .hubpeople01 .btn .count {
background: #f00e63;
background: #f00e0e;
color: #ffffff;
position: absolute;
top: -5px;
right: -3px;
font-size: 12px;
line-height: 12px;
border-radius: 8px;
padding: 3px 4px;
z-index: 3;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
}
.dating .hubpeople01 .btn:hover {
z-index: 1;
}
.dating .hubpeople01 .count {
font-family: 'Work Sans', sans-serif;
font-weight: 700;
}
.dating .hubpeople01 .btn-default {
background: #289ad9;
color: #ffffff;
border: 1px solid #289ad9;
text-shadow: none;
margin-bottom: 3px;
}
.dating .hubpeople01 .btn-green {
background: #e8148c;
color: #ffffff;
border: 1px solid #e8148c;
text-shadow: none;
margin-bottom: 3px;
}
.dating .hubpeople01 .btn-green span {
font: inherit;
}
.dating .hubpeople01 .btn-outline {
border: 1px solid #666666;
color: #666;
}
.dating .hubpeople01 .btn-info {
background: #60a7ca;
color: #ffffff;
margin: 10px 0;
border-color: #4c8cac;
font-size: 22px;
padding: 4px 10px;
text-shadow: #4c8cac -1px -1px 0;
}
.dating .hubpeople01 .btn.btn-info {
font-size: 22px;
}
.dating .hubpeople01 .btn-group .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.dating .hubpeople01 .btn-group .btn-default.active {
background-color: #e6e6e6;
}
@media only screen and (max-width: 479px) {
.dating .hubpeople01 .btn-group-search .btn {
font-size: 18px;
}
}
.dating .hubpeople01 .round_img img {
border: 1px solid grey;
}
.dating .hubpeople01 .btn-group button[disabled="disabled"] {
color: #cccccc;
}
.dating .hubpeople01 h1,
.dating .hubpeople01 h2,
.dating .hubpeople01 h3,
.dating .hubpeople01 h4,
.dating .hubpeople01 h5 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.dating .hubpeople01 h1 a,
.dating .hubpeople01 h2 a,
.dating .hubpeople01 h3 a,
.dating .hubpeople01 h4 a,
.dating .hubpeople01 h5 a {
font-family: inherit;
}
.dating .hubpeople01 a {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 .btn {
font-size: 26px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 479px) {
.dating .hubpeople01 .btn {
font-size: 18px;
}
}
.dating .hubpeople01 select {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 p {
font-size: 20px;
}
.dating .hubpeople01 p,
.dating .hubpeople01 label,
.dating .hubpeople01 span,
.dating .hubpeople01 div,
.dating .hubpeople01 input {
font-family: 'Work Sans', sans-serif;
font-weight: 300;
letter-spacing: 0.1pt;
}
.dating .hubpeople01 p > a,
.dating .hubpeople01 label > a,
.dating .hubpeople01 span > a,
.dating .hubpeople01 div > a,
.dating .hubpeople01 input > a {
font-family: inherit;
}
.dating .hubpeople01 ul {
font-family: 'Work Sans', sans-serif;
font-weight: 300;
letter-spacing: 0.1pt;
}
.dating .hubpeople01 ul li {
font-family: 'Work Sans', sans-serif;
font-weight: 300;
letter-spacing: 0.1pt;
}
.dating .hubpeople01 ul.details li {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
color: #999999;
}
.dating .hubpeople01 .meta_data {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.dating .hubpeople01 span {
font-family: 'Work Sans', sans-serif;
font-weight: 300;
letter-spacing: 0.1;
}
.dating .hubpeople01 .panel .panel_content p {
font-family: 'Work Sans', sans-serif;
font-weight: 300;
letter-spacing: 0.1pt;
}
.dating .hubpeople01 .alert {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 .alert p {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #31708f;
font-size: 16px;
margin-bottom: 0;
}
.dating .hubpeople01 .interests_bubbles li {
border: 1px solid #cccccc;
}
.dating .hubpeople01 .interests_bubbles li b {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 .panel .username {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 .panel .panel_row .text_container a {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.dating .hubpeople01 .panel .panel_row .text_container a b {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.dating .hubpeople01 .mail_thread_v3 .date_container .date {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.dating .hubpeople01 .mail_thread_v3 .mail .email_body .date_read {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.dating .hubpeople01 .pro_details_container table td {
border-bottom: 1px dashed grey;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
line-height: 26px;
}
.dating .hubpeople01 .pro_details_container table td span {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 479px) {
.dating .hubpeople01 .profile .btn_container {
padding-left: 0;
padding-right: 0;
}
.dating .hubpeople01 .profile .btn_container .btn.w100 {
float: none;
margin-left: 0;
}
.dating .hubpeople01 .profile .profile_text {
padding: 0;
}
}
.dating .hubpeople01 .media_manager .fileinput-button2 input {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
width: 100%;
}
.dating .hubpeople01 .media_manager .fileinput-button {
font-size: 20px;
}
.dating .hubpeople01 .media_manager .fileinput-button b {
font-size: 26px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 .media_manager ul li {
font-size: 20px;
}
.dating .hubpeople01 .media_manager > .row {
*zoom: 1;
}
.dating .hubpeople01 .media_manager > .row:before,
.dating .hubpeople01 .media_manager > .row:after {
content: "";
display: table;
}
.dating .hubpeople01 .media_manager > .row:after {
clear: both;
}
.dating .hubpeople01 .media_manager > .row:before,
.dating .hubpeople01 .media_manager > .row:after {
content: " ";
display: table;
}
.dating .hubpeople01 .media_manager > .row:after {
clear: both;
}
.dating .hubpeople01 .media_manager > .row > .panel {
background: none;
border: none;
float: left;
width: 50%;
}
@media only screen and (max-width: 479px) {
.dating .hubpeople01 .media_manager > .row > .panel {
float: none;
width: 100%;
}
}
.dating .hubpeople01 .media_manager > .row > .panel .panel_content a {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 20px;
}
.dating .hubpeople01 .media_manager > .row > .panel .panel_content ul {
list-style: initial;
margin-left: 20px;
}
.meetme_image_wrapper {
width: 100%;
padding-top: 100%;
position: relative;
border-radius: 6px;
background: #222222;
}
.meetme_image_wrapper .meetme_image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.meetme_image_wrapper .meetme_image img {
border-radius: 6px;
}
.meetme_buttons a {
display: inline-block;
margin: 30px 8px;
}
.meetme_buttons.hide_for_desktop {
margin-bottom: -30px;
}
.meetme_buttons.hide_for_desktop a {
display: inline-block;
margin: 0px 8px;
}
@media only screen and (max-width: 479px) {
.meetme_image img {
border-radius: 6px;
}
}
.meetme_description .name_block h2 {
color: #999999;
margin-bottom: 0;
}
.meetme_description .name_block h3 {
color: #999999;
margin-bottom: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 16px;
}
.meetme_description .name_block h4 {
font-size: 18px;
color: #999999;
margin-top: 8px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 16px;
}
.hubpeople01 .favorite h2 {
margin-bottom: 0;
}
.hubpeople01 .favorite .btn_container {
clear: both;
}
.hubpeople01 .choice_button {
background: #d5d5d5;
display: inline-block;
border-radius: 22px;
border: 4px solid #999999;
}
.hubpeople01 .choice_button a {
padding: 5px 25px;
border-radius: 22px;
font-size: 22px;
color: #333333;
display: inline-block;
white-space: nowrap;
}
.hubpeople01 .choice_button .not_selected {
background: #f5f5f5;
color: #999999;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 479px) {
.hubpeople01 .choice_button {
display: block;
*zoom: 1;
}
.hubpeople01 .choice_button:before,
.hubpeople01 .choice_button:after {
content: "";
display: table;
}
.hubpeople01 .choice_button:after {
clear: both;
}
.hubpeople01 .choice_button:before,
.hubpeople01 .choice_button:after {
content: " ";
display: table;
}
.hubpeople01 .choice_button:after {
clear: both;
}
.hubpeople01 .choice_button a {
width: 50%;
float: left;
padding: 5px 10%;
}
}
@media only screen and (max-width: 479px) {
.send_message_board {
padding: 5px 0;
}
}
.dating .hubpeople01 .benefits .row .item span {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.dating .hubpeople01 .helpdesk .form_row > label {
font-family: 'Poppins', sans-serif;
font-weight: initial;
font-size: 24px;
margin-bottom: 5px;
display: inline-block;
}
.dating .hubpeople01 .helpdesk .form_row input[type="file"] {
background: #e1e1e1;
cursor: pointer;
padding: 10px;
}
/* Navigation Menu - Background */
.navigation .nav-item.profile .round_img img {
width: 50px;
border-radius: 50%;
}
.nav_show {
right: 250px!important;
}
.nav-item a.close_btn {
padding: 10px 20px;
}
@media only screen and (max-width: 479px) {
.nav-item a.close_btn {
padding-top: 35px;
}
}
@media only screen and (max-width: 359px) {
.nav-item a.close_btn {
padding-top: 31px;
}
}
.navigation .navigation_bg {
background: #222222;
position: absolute;
right: 0;
bottom: 0;
top: 0;
z-index: -1;
width: 250px;
margin-left: calc(100% - 250px );
}
.navigation h4 {
padding-top: 12px;
}
.navigation li {
padding: 5px 0;
}
.navigation {
/* critical sizing and position styles */
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
/* non-critical appearance styles */
list-style: none;
background: #e7678e;
background: #222222;
background: #ffffff;
}
/* Navigation Menu - List items */
.nav-item {
/* non-critical appearance styles */
width: 250px;
margin-left: calc(100% - 250px );
}
.nav-item a {
/* non-critical appearance styles */
display: block;
padding: 8px 20px;
color: #ffffff;
color: #cccccc;
font-size: 18px;
text-decoration: none;
-webkit-transition: color 0.2s, background 0.5s;
transition: color 0.2s, background 0.5s;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
font-weight: initial;
}
.nav-item a:hover {
background: rgba(255, 255, 255, 0.2);
}
/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
/* Critical position and size styles */
min-height: 100%;
min-width: 100%;
background-color: white;
/* Needs a background or else the nav will show through */
position: relative;
top: 0;
bottom: 100%;
right: 0;
z-index: 1;
/* non-critical apperance styles */
}
/* Nav Trigger */
.nav-trigger {
/* critical styles - hide the checkbox input */
position: absolute;
clip: rect(0, 0, 0, 0);
}
label[for="nav-trigger"] {
/* critical positioning styles */
position: fixed;
right: 20px;
top: 8px;
z-index: 2;
/* non-critical apperance styles */
height: 30px;
width: 40px;
cursor: pointer;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
}
/* Make the Magic Happen */
.nav-trigger + label,
.site-wrap {
-webkit-transition: right 0.2s;
transition: right 0.2s;
}
.nav-trigger:checked + label {
right: 275px;
}
.nav-trigger:checked ~ .site-wrap {
right: 250px;
}
@media only screen and (max-width: 600px) {
label[for="nav-trigger"] {
position: absolute;
height: 30px;
width: 40px;
right: 20px;
top: 10px;
}
}
body {
/* Without this, the body has excess horizontal scroll when the menu is open */
overflow-x: hidden;
}
/* Additional non-critical styles
h1, h3, p {
max-width: 600px;
margin: 0 auto 1em;
}
*/
/* Micro reset */
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
width: 100%;
}
/**
Dating header 2018
**/
.dating .hubpeople01 .header_container {
background: #e7678e;
position: relative;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.dating .hubpeople01 .header_container .header {
max-width: 1180px;
margin: 0 auto;
padding: 10px;
}
.dating .hubpeople01 .header_container .header .col_container {
display: flex;
}
.dating .hubpeople01 .header_container .header .col_container .logo {
width: 390px;
}
.dating .hubpeople01 .header_container .header .col_container .menu {
width: calc(100% - 450px );
}
.dating .hubpeople01 .header_container .header .col_container .menu ul {
display: flex;
justify-content: center;
align-content: center;
margin: 0;
display: none;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li {
display: flex;
justify-content: center;
align-content: center;
position: relative;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li .svg-icon {
display: inline-block;
vertical-align: top;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li .svg-icon svg {
width: 32px;
height: 32px;
fill: #ffffff;
display: inline-block;
vertical-align: text-bottom;
opacity: 0.8;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul .fa {
color: #ffffff;
opacity: 0.8;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul a {
font-size: 32px;
line-height: 18px;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul .count {
background: #f00e63;
background: #f00e0e;
color: #ffffff;
position: absolute;
top: -5px;
right: -3px;
font-size: 12px;
line-height: 12px;
border-radius: 8px;
padding: 3px 4px;
z-index: 1;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
}
.dating .hubpeople01 .header_container .header .col_container .login {
width: 60px;
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.dating .hubpeople01 .header_container .header .col_container .login a {
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.dating .hubpeople01 .header_container .header .col_container .login a .fa-bars {
font-size: 33px;
}
.dating .hubpeople01 .header_container .header .btn {
font-size: 18px;
}
.dating .hubpeople01 .header_container .header .btn .badge {
font-weight: 600;
}
.dating .hubpeople01 .header_container .header .btn-in-head {
background: #ffb348;
font-size: 18px;
color: #ffffff;
border-color: #cb6a27;
text-shadow: #cb6a27 0 0 1px;
}
.dating .hubpeople01 .header_container.white_bg .header .col_container .menu ul li .svg-icon svg {
fill: #000000;
}
.dating .hubpeople01 .header_container.white_bg .header .col_container .menu ul li .fa {
color: #000000;
}
.dating .hubpeople01 .header_container.white_bg .header .col_container .login a {
color: #000000;
}
.dating .hubpeople01 .wgite_bg {
border: 5px solid red;
}
.dating .hubpeople01 .hub_navbar_container {
background: #F8F8F8;
margin: 0 auto;
}
.dating .hubpeople01 .hub_navbar_container .navbar {
max-width: 1160px;
margin: 0 auto;
*zoom: 1;
}
.dating .hubpeople01 .hub_navbar_container .navbar:before,
.dating .hubpeople01 .hub_navbar_container .navbar:after {
content: "";
display: table;
}
.dating .hubpeople01 .hub_navbar_container .navbar:after {
clear: both;
}
.dating .hubpeople01 .hub_navbar_container .navbar:before,
.dating .hubpeople01 .hub_navbar_container .navbar:after {
content: " ";
display: table;
}
.dating .hubpeople01 .hub_navbar_container .navbar:after {
clear: both;
}
.dating .hubpeople01 .hub_navbar_container .navbar ul {
width: 100%;
float: left;
display: flex;
flex-wrap: wrap;
margin: 0;
}
.dating .hubpeople01 .hub_navbar_container .navbar ul li {
padding: 10px;
position: relative;
}
.dating .hubpeople01 .hub_navbar_container .navbar ul li a {
font-size: 16px;
color: #333333;
white-space: nowrap;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 .hub_navbar_container .navbar ul li a .count {
background: #f00e63;
background: #f00e0e;
color: #ffffff;
font-size: 12px;
position: relative;
top: -3px;
line-height: 12px;
border-radius: 8px;
padding: 3px 4px;
z-index: 1;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
}
.dating .hubpeople01 .hub_navbar_container .navbar ul li a .fa-heart {
color: #333333;
}
.dating .hubpeople01 .hub_navbar_container .help {
display: none;
}
@media only screen and (max-width: 820px) {
.dating .hubpeople01 .header_container .header .col_container .menu ul {
display: flex;
}
.dating .hubpeople01 .header_container .header .col_container .login .username {
display: none;
}
}
@media only screen and (max-width: 1170px) and (min-width: 480px) {
.dating .hubpeople01 .header_container .header .col_container {
flex-wrap: wrap;
}
.dating .hubpeople01 .header_container .header .col_container .logo {
width: 50%;
order: 1;
}
.dating .hubpeople01 .header_container .header .col_container .menu {
width: 100%;
order: 3;
}
.dating .hubpeople01 .header_container .header .col_container .login {
width: 50%;
order: 2;
}
}
@media (max-width: 700px) {
.dating .hubpeople01 .header_container .header .col_container .menu div[style*="width:728px"] {
display: none;
}
}
@media only screen and (max-width: 479px) and (min-width: 360px) {
.dating .hubpeople01 .header_container.header_container_if_fixed_move_left {
right: 250px;
left: -250px;
}
.dating .hubpeople01 .header_container {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 888;
}
.dating .hubpeople01 .header_container .header .col_container {
flex-wrap: wrap;
}
.dating .hubpeople01 .header_container .header .col_container .logo {
width: 100%;
}
.dating .hubpeople01 .header_container .header .col_container .menu {
width: 80%;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul {
display: flex;
justify-content: left;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li {
padding-left: 0.2vw;
padding-right: 0.2vw;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li a {
font-size: 32px;
font-size: 9vw;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li .svg-icon svg {
width: 9vw;
height: 9vw;
}
.dating .hubpeople01 .header_container .header .col_container .login {
width: 20%;
}
.dating .hubpeople01 .header_container .header .col_container .login .username {
display: none;
}
.dating .hubpeople01 .header_container .header .col_container .login a .fa-bars {
font-size: 32px;
font-size: 9vw;
}
.dating .hubpeople01 .page_content::before {
content: " ";
display: block;
height: 80px;
}
}
@media only screen and (max-width: 359px) {
.dating .hubpeople01 .header_container.header_container_if_fixed_move_left {
right: 250px;
left: -250px;
}
.dating .hubpeople01 .header_container {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 888;
}
.dating .hubpeople01 .header_container .header .col_container {
flex-wrap: wrap;
}
.dating .hubpeople01 .header_container .header .col_container .logo {
width: 100%;
}
.dating .hubpeople01 .header_container .header .col_container .menu {
width: 90%;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul {
display: flex;
justify-content: left;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li a {
font-size: 28px;
font-size: 8.5vw;
}
.dating .hubpeople01 .header_container .header .col_container .menu ul li .svg-icon svg {
width: 8.5vw;
height: 8.5vw;
}
.dating .hubpeople01 .header_container .header .col_container .login {
width: 10%;
}
.dating .hubpeople01 .header_container .header .col_container .login .username {
display: none;
}
.dating .hubpeople01 .header_container .header .col_container .login a .fa-bars {
font-size: 28px;
font-size: 8.5vw;
}
.dating .hubpeople01 .page_content::before {
content: " ";
display: block;
height: 80px;
}
}
/**dating_search_result.less**/
.hubpeople01 .search_result_dating {
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
clear: both;
}
.hubpeople01 .search_result_dating .search_row {
display: flex;
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
}
.hubpeople01 .search_result_dating .search_row [class^="search_col"] h2 {
margin-top: 0;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 {
width: 30%;
display: flex;
flex-wrap: wrap;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .search_col_1 {
width: 50%;
padding: 10px;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .search_col_2 {
width: 50%;
padding: 10px;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .search_col_2 h2 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 0;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .buttons {
width: 100%;
padding-top: 10px;
text-align: right;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .buttons .btn {
width: 48%;
}
.hubpeople01 .search_result_dating .search_row .search_col_3 {
width: 40%;
padding: 10px;
}
.hubpeople01 .search_result_dating .search_row .search_col_4 {
width: 30%;
padding: 10px;
}
.hubpeople01 .search_result_dating .search_row .fa-heart,
.hubpeople01 .search_result_dating .search_row .fa-heart-o {
font-size: 22px;
}
.hubpeople01 .search_result_dating .search_row .fa-heart-o {
color: #cccccc;
}
@media (max-width: 820px) {
.hubpeople01 .search_result_dating .search_row {
display: flex;
flex-direction: column;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 {
width: 100%;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .search_col_1 {
width: 40%;
padding: 10px;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .search_col_2 {
width: 60%;
padding: 10px;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .buttons {
width: 100%;
padding-top: 10px;
text-align: center;
}
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .buttons .btn {
flex-basis: 48%;
}
.hubpeople01 .search_result_dating .search_row .search_col_3 {
width: 100%;
padding: 10px;
order: 3;
}
.hubpeople01 .search_result_dating .search_row .search_col_4 {
width: 100%;
padding: 10px;
order: 2;
}
}
@media (max-width: 820px) and (max-width: 479px) {
.hubpeople01 .search_result_dating .search_row .united_col_1_and_2 .buttons .btn {
font-size: 22px;
}
}
@media only screen and (max-width: 479px) {
.hubpeople01 .dating .hubpeople01 .btn-group-search .btn {
font-size: 18px;
padding: 6px 10px;
}
}
.hubpeople01 .dating .hubpeople01 .search_by_username {
padding-top: 50px;
}
.hubpeople01 .dating .hubpeople01 .search_option {
border-top: 1px solid #cccccc;
}
.hubpeople01 .dating .hubpeople01 .search_option h2 {
padding-right: 30px;
}
.hubpeople01 .dating .hubpeople01 .search_option .fa {
color: #e8148c;
}
.hubpeople01 .dating .hubpeople01 .search_option .btn-group {
display: none;
}
@media only screen and (min-width: 479px) {
.hubpeople01 .dating .hubpeople01 .search_option select {
font-size: 24px;
}
}
.hubpeople01 .search_by_username {
display: flex;
min-height: 50px;
margin-bottom: 30px;
}
.hubpeople01 .search_by_username .textarea_container {
position: relative;
width: calc(100% - 120px );
}
.hubpeople01 .search_by_username .textarea_container input {
width: 100%;
height: 100%;
border-radius: 25px 0 0 25px;
font-size: 22px;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
padding: 10px;
padding-left: 20px;
}
.hubpeople01 .search_by_username .textarea_container .placeholder_wrapper {
background: #ffffff;
}
.hubpeople01 .search_by_username .textarea_container .placeholder_wrapper #textarea {
background: none;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
padding-top: 12px;
padding-left: 20px;
}
.hubpeople01 .search_by_username .textarea_container .placeholder_wrapper .placeholder {
font-size: 22px;
color: #333333;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
top: 12px;
}
.hubpeople01 .search_by_username .textarea_container #textarea {
font-family: 'Roboto', sans-serif;
resize: vertical;
text-align: justify;
word-wrap: break-word;
height: auto;
min-height: 50px;
padding: 8px;
border-radius: 25px 0 0 25px;
border: 1px solid #cbcbcb;
border-right: none;
font-size: 22px;
}
.hubpeople01 .search_by_username .right-addon {
display: flex;
justify-content: center;
align-items: center;
width: 120px;
background: #e8148c;
border-radius: 0px 25px 25px 0;
vertical-align: middle;
text-align: center;
color: #ffffff;
}
.hubpeople01 .search_by_username .right-addon .fa {
color: #ffffff;
font-size: 34px;
}
.hubpeople01 .search_main_options .both_persons h2 {
margin: 0;
}
.hubpeople01 .search_main_options .both_persons .btn span {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 26px;
}
@media only screen and (max-width: 820px) {
.hubpeople01 .search_main_options .col_12 {
padding: 0;
}
.hubpeople01 .search_main_options .col_4 {
padding: 0;
}
.hubpeople01 .search_main_options .col_4 .form_row {
margin-bottom: 0;
}
.hubpeople01 .search_main_options .col_4 h2 {
margin-top: 0;
margin-bottom: 5px;
}
.hubpeople01 .search_main_options .both_persons h2 {
margin: 0;
}
.hubpeople01 .search_main_options .both_persons .btn span {
font-size: 22px;
}
}
/**
Dating ads
**/
.hubpeople01 .cross-p-add-type-1 {
padding: 25px;
margin-bottom: 20px;
border: 8px solid #dddddd;
border-radius: 10px;
position: relative;
font-family: 'Work Sans', sans-serif;
font-weight: 300;
}
.hubpeople01 .cross-p-add-type-1 a {
font-family: 'Work Sans', sans-serif;
font-weight: 600;
}
.hubpeople01 .cross-p-add-type-1 .member_header {
display: flex;
margin-bottom: 10px;
}
.hubpeople01 .cross-p-add-type-1 .member_header .round_img {
width: 55px;
margin-top: 2px;
}
.hubpeople01 .cross-p-add-type-1 .member_header .des {
margin-left: 10px;
width: calc(100% - 55px);
}
.hubpeople01 .cross-p-add-type-1 .member_header .des a {
font-size: 26px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .cross-p-add-type-1 .member_header .des .meta_data {
display: block;
font-family: 'Work Sans', sans-serif;
font-weight: 300;
}
.hubpeople01 .cross-p-add-type-1 .wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.hubpeople01 .cross-p-add-type-1 .wrapper .member {
width: 100%;
border: 3px solid #dddddd;
}
.hubpeople01 .cross-p-add-type-1 .wrapper .member .img a {
display: block;
}
.hubpeople01 .cross-p-add-type-1 .wrapper .member .img a img {
width: 100%;
display: block;
}
.hubpeople01 .cross-p-add-type-1 .list_row_circle {
margin-bottom: 10px;
}
.hubpeople01 .cross-p-add-type-1 .button {
text-align: center;
}
.hubpeople01 .cross-p-add-type-1 .button .btn {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.hubpeople01 .cross-p-add-type-1 .button .btn .small_font {
font-size: 16px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .cross-p-add-type-1 {
padding: 25px;
margin-bottom: 20px;
margin-top: 20px;
border: 8px solid #dddddd;
border-radius: 10px;
position: relative;
width: 100%;
}
.hubpeople01 .cross-p-add-type-1 .desktop {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.hubpeople01 .cross-p-add-type-1 .desktop .site_logo {
width: 100%;
margin-bottom: 10px;
padding: 5px 10px;
}
.hubpeople01 .cross-p-add-type-1 .desktop .site_logo img {
max-height: 50px;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col {
padding: 0 10px;
width: 50%;
display: flex;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header {
display: flex;
margin-bottom: 10px;
width: 100%;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header .round_img {
width: 150px;
margin-top: 2px;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header .round_img img {
border: 5px solid #dddddd;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header .des {
margin-left: 10px;
width: calc(100% - 150px);
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header .des a {
font-size: 26px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header .des .meta_data {
display: block;
margin-bottom: 8px;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header .des .button .btn {
background: #ffffff;
color: #dddddd;
border: 1px solid #dddddd;
}
.hubpeople01 .cross-p-add-type-1 .desktop .col .member_header .des .button .btn .fa {
display: none;
}
.hubpeople01 .cross-p-add-type-2 {
padding: 15px;
margin-bottom: 20px;
font-family: 'Work Sans', sans-serif;
font-weight: 300;
border: 8px solid #dddddd;
border-radius: 10px;
}
.hubpeople01 .cross-p-add-type-2 a {
font-family: 'Work Sans', sans-serif;
font-weight: 600;
}
@media (max-width: 480px) {
.hubpeople01 .cross-p-add-type-2 {
padding: 5px;
}
}
.hubpeople01 .cross-p-add-type-2 h2,
.hubpeople01 .cross-p-add-type-2 h3 {
text-align: center;
margin: 0;
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.hubpeople01 .cross-p-add-type-2 .site_logo {
padding: 3px 10px;
margin: 0 3px 5px 3px;
}
.hubpeople01 .cross-p-add-type-2 .wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.hubpeople01 .cross-p-add-type-2 .wrapper .member {
border: 3px solid #dddddd;
width: calc(50% - 6px );
margin: 3px;
}
.hubpeople01 .cross-p-add-type-2 .wrapper .member .img img {
width: 100%;
}
.hubpeople01 .cross-p-add-type-2 .wrapper .member .des {
padding: 5px;
}
.hubpeople01 .cross-p-add-type-2 .wrapper .member .des a {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .cross-p-add-type-2 .button {
text-align: center;
}
.hubpeople01 .cross-p-add-type-2 .button .btn {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 22px;
}
.hubpeople01 .cross-p-add-type-2 .button .btn .small_font {
font-size: 16px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-family: 'Work Sans', sans-serif;
font-weight: initial;
}
.hubpeople01 .cross-p-add-type-3 {
padding: 15px;
margin-bottom: 20px;
border: 8px solid #dddddd;
border-radius: 10px;
font-family: 'Work Sans', sans-serif;
font-weight: 300;
}
.hubpeople01 .cross-p-add-type-3 a {
font-family: 'Work Sans', sans-serif;
font-weight: 600;
}
.hubpeople01 .cross-p-add-type-3 h2,
.hubpeople01 .cross-p-add-type-3 h3 {
text-align: center;
margin: 0;
font-family: 'Poppins', sans-serif;
font-weight: initial;
}
.hubpeople01 .cross-p-add-type-3 .site_logo {
padding: 3px 10px;
margin: 0 3px 5px 3px;
}
.hubpeople01 .cross-p-add-type-3 .wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.hubpeople01 .cross-p-add-type-3 .wrapper .member {
width: 100%;
border: 3px solid #dddddd;
}
.hubpeople01 .cross-p-add-type-3 .wrapper .member .img img {
width: 100%;
}
.hubpeople01 .cross-p-add-type-3 .wrapper .member .des {
padding: 5px;
}
.hubpeople01 .cross-p-add-type-3 .wrapper .member .des a {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hubpeople01 .cross-p-add-type-3 .button {
text-align: center;
}
.hubpeople01 .cross-p-add-type-3 .button .btn {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 22px;
}
.hubpeople01 .cross-p-add-type-3 .button .btn .small_font {
font-size: 16px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.fixed_container_dating {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
.fixed_container_dating .bg_wrapper {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.fixed_container_dating .bg_wrapper .warning_box {
background: #028dbb;
width: calc(100% - 20px );
max-width: 700px;
margin: 10px;
padding: 20px 50px;
border-radius: 4px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.333);
}
.fixed_container_dating .bg_wrapper .warning_box .close {
text-align: right;
margin-bottom: 20px;
}
.fixed_container_dating .bg_wrapper .warning_box .close .fa {
color: #ffffff;
font-size: 32px;
}
.fixed_container_dating .bg_wrapper .warning_box h2 {
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 32px;
text-align: center;
}
.fixed_container_dating .bg_wrapper .warning_box h2 .sitename {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.fixed_container_dating .bg_wrapper .warning_box .cta_buttons_container {
background: #ffffff;
border-radius: 5px;
text-align: center;
padding: 20px 10px;
margin: 20px;
}
.fixed_container_dating .bg_wrapper .warning_box .cta_buttons_container a {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 26px;
color: #04bfef;
display: inline-block;
padding: 8px 12px;
}
.fixed_container_dating .bg_wrapper .warning_box .cta_buttons_container .btn {
display: inline-block;
background: #20c06f;
color: #ffffff;
text-decoration: none;
padding: 8px 12px;
border-radius: 4px;
}
@media (max-width: 480px) {
.fixed_container_dating .bg_wrapper .warning_box {
width: calc(100vw - 20px );
padding: 10px;
}
.fixed_container_dating .bg_wrapper .warning_box h2 {
font-size: 26px;
}
.fixed_container_dating .bg_wrapper .warning_box h2 .sitename {
max-width: calc(100vw - 40px );
}
.fixed_container_dating .bg_wrapper .warning_box .cta_buttons_container .btn {
margin-top: 20px;
}
}
/**
Dating PAY
**/
.dating .hubpeople01 .pay_header {
background: #289ad9;
}
.dating .hubpeople01 .pay_header .pay_header_wrapper {
max-width: 1180px;
margin: 0 auto;
padding: 20px;
height: 250px;
}
.dating .hubpeople01 .pay_header .pay_header_wrapper h1,
.dating .hubpeople01 .pay_header .pay_header_wrapper h2,
.dating .hubpeople01 .pay_header .pay_header_wrapper h3 {
color: #ffffff;
}
.dating .hubpeople01 .pay_header .pay_header_wrapper h3 {
letter-spacing: 5px;
font-size: 15px;
}
@media only screen and (max-width: 479px) {
.dating .hubpeople01 .pay_header::before {
content: " ";
display: block;
height: 60px;
}
.dating .hubpeople01 .pay_header .pay_header_wrapper {
height: auto;
padding-top: 0;
padding-bottom: 50px;
}
.dating .hubpeople01 .pay_header .pay_header_wrapper h1 {
margin-top: 0;
font-size: 28px;
}
}
.dating .hubpeople01 .circles_container {
*zoom: 1;
margin-top: -120px;
}
.dating .hubpeople01 .circles_container:before,
.dating .hubpeople01 .circles_container:after {
content: "";
display: table;
}
.dating .hubpeople01 .circles_container:after {
clear: both;
}
.dating .hubpeople01 .circles_container:before,
.dating .hubpeople01 .circles_container:after {
content: " ";
display: table;
}
.dating .hubpeople01 .circles_container:after {
clear: both;
}
.dating .hubpeople01 .circles_container .circle_col {
width: 33.33%;
float: left;
text-align: center;
padding: 10px;
}
.dating .hubpeople01 .circles_container .circle_col .circle {
width: 100%;
padding-top: 100%;
position: relative;
z-index: 0;
transition: all 0.2s;
cursor: pointer;
right: 0;
}
.dating .hubpeople01 .circles_container .circle_col .circle .c_inner_wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
background: #f5f5f5;
border: 10px solid #ffffff;
text-align: center;
padding-top: 30%;
transition: all 0.2s;
}
.dating .hubpeople01 .circles_container .circle_col .circle .c_inner_wrapper h1 {
font-size: 28px;
}
.dating .hubpeople01 .circles_container .circle_col .circle .c_inner_wrapper h2 {
font-size: 16px;
margin: 0;
}
.dating .hubpeople01 .circles_container .circle_col .circle.selected {
z-index: 1;
}
.dating .hubpeople01 .circles_container .circle_col .circle.selected .c_inner_wrapper {
background: #e7678e;
top: -10%;
bottom: 0%;
left: -5%;
right: -5%;
}
.dating .hubpeople01 .circles_container .circle_col .circle.selected .c_inner_wrapper h1 {
color: #ffffff;
}
.dating .hubpeople01 .circles_container .circle_col .circle.selected .c_inner_wrapper h2 {
color: #ffffff;
}
.dating .hubpeople01 .circles_container .circle_col h3 {
font-size: 16px;
transition: all 0.1s;
}
.dating .hubpeople01 .circles_container .circle_col .circle.selected + h3 {
font-weight: 600;
color: #e7678e;
}
.dating .hubpeople01 .circles_container sup .fa {
font-size: 10px;
}
@media only screen and (max-width: 579px) {
.dating .hubpeople01 .circles_container .circle_col {
padding: 0;
}
.dating .hubpeople01 .circles_container .circle_col .circle {
cursor: default;
}
.dating .hubpeople01 .circles_container .circle_col .circle .c_inner_wrapper {
padding-top: 20%;
border: 5px solid #ffffff;
}
.dating .hubpeople01 .circles_container .circle_col .circle .c_inner_wrapper h1 {
font-size: 18px;
font-size: 4.5vw;
}
.dating .hubpeople01 .circles_container .circle_col .circle .c_inner_wrapper h2 {
font-size: 10px;
font-size: 4vw;
}
.dating .hubpeople01 .circles_container .circle_col h3 {
font-size: 12px;
}
}
.dating .hubpeople01 .benefits_for_mobile {
display: none;
}
.dating .hubpeople01 .benefits,
.dating .hubpeople01 .benefits_for_mobile {
padding: 20px;
padding-top: 40px;
}
.dating .hubpeople01 .benefits h1,
.dating .hubpeople01 .benefits_for_mobile h1 {
padding: 0 10px;
border-radius: 8px;
margin-bottom: 20px;
}
.dating .hubpeople01 .benefits h3,
.dating .hubpeople01 .benefits_for_mobile h3 {
border-bottom: 1px dashed #289ad9;
padding: 20px 10px;
}
.dating .hubpeople01 .benefits .fa-check-circle,
.dating .hubpeople01 .benefits_for_mobile .fa-check-circle {
color: #289ad9;
}
.dating .hubpeople01 .benefits .awards,
.dating .hubpeople01 .benefits_for_mobile .awards {
margin-top: 40px;
text-align: center;
max-width: 450px;
}
.dating .hubpeople01 .benefits .explanation,
.dating .hubpeople01 .benefits_for_mobile .explanation {
margin-top: 20px;
padding-left: 15px;
}
.dating .hubpeople01 .benefits .explanation p,
.dating .hubpeople01 .benefits_for_mobile .explanation p {
font-size: 11px;
}
@media only screen and (max-width: 839px) {
.dating .hubpeople01 .benefits {
display: none;
}
.dating .hubpeople01 .benefits_for_mobile {
display: block;
}
.dating .hubpeople01 .benefits_for_mobile h3 {
padding: 10px 0;
font-size: 18px;
}
.dating .hubpeople01 .section_2 .secure_payment {
margin-top: 0px!important;
}
}
.dating .hubpeople01 .section_2 .secure_payment {
max-width: 100%;
padding: 20px;
width: 100%;
margin-top: -150px;
background: #f5f5f5 url(../images/paybg.png) no-repeat;
background-position: bottom center;
border-radius: 5px;
margin-bottom: 10px;
}
.dating .hubpeople01 .section_2 .secure_payment .payment_header .price_1,
.dating .hubpeople01 .section_2 .secure_payment .payment_header .price_2,
.dating .hubpeople01 .section_2 .secure_payment .payment_header .price_3 {
display: none;
}
.dating .hubpeople01 .section_2 .secure_payment .payment_header .selected {
display: block;
}
.dating .hubpeople01 .section_2 .secure_payment .payment_header .selected h1 {
top: 0;
}
.dating .hubpeople01 .section_2 .secure_payment .payment_header sup .fa {
font-size: 10px;
}
.dating .hubpeople01 .section_2 .secure_payment .payment_header h1 {
letter-spacing: 4px;
margin: 0;
padding: 0;
color: #e7678e;
}
.dating .hubpeople01 .section_2 .secure_payment .payment_header h2 {
margin: 0;
padding: 0;
margin-bottom: 30px;
}
.dating .hubpeople01 .section_2 .secure_payment .payment_header h2 small {
font-size: 16px;
}
.dating .hubpeople01 .section_2 .secure_payment .fa-question-circle {
color: #999999;
}
.dating .hubpeople01 .section_2 .secure_payment .ng-hide {
height: 0!important;
opacity: 0!important;
}
.dating .hubpeople01 .section_2 .secure_payment .card_number_img_container img {
max-width: 77%;
}
.dating .hubpeople01 .section_2 .secure_payment .card_number_img_container h3 {
padding: 2px;
font-size: 22px;
}
.dating .hubpeople01 .section_2 .secure_payment .expire_date_img_container img {
max-width: 77%;
}
.dating .hubpeople01 .section_2 .secure_payment .expire_date_img_container h3 {
color: #f26522;
padding: 2px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 22px;
}
.dating .hubpeople01 .section_2 .secure_payment .security_code_img_container img {
max-width: 77%;
}
.dating .hubpeople01 .section_2 .secure_payment .security_code_img_container h3 {
color: #f26522;
padding: 2px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 22px;
}
.dating .hubpeople01 .section_2 .secure_payment .check-box {
display: inline-block;
border: 1px solid grey;
border-radius: 4px;
background: #ffffff;
text-align: center;
cursor: pointer;
padding: 1px 3px;
}
.dating .hubpeople01 .section_2 .secure_payment .check-box .fa-check {
visibility: hidden;
font-size: 22px;
color: #289ad9;
}
.dating .hubpeople01 .section_2 .secure_payment .check-box.checked .fa-check {
visibility: visible;
}
.dating .hubpeople01 .section_2 .secure_payment .btn.btn-go {
background-color: #FE8C01;
display: block;
border-radius: 4px;
padding: 10px;
text-align: center;
margin: 20px 0;
font-size: 24px;
color: #FFF;
cursor: pointer;
box-shadow: 0 6px #dd7a00;
}
.dating .hubpeople01 .section_2 .secure_payment .btn.btn-go.disabled {
background: #bbbbbb;
box-shadow: 0 6px #dd7a00;
}
.dating .hubpeople01 .section_2 .secure_payment .fa-lock {
color: #dd7a00;
}
.dating .hubpeople01 .section_2 .secure_payment .header {
*zoom: 1;
}
.dating .hubpeople01 .section_2 .secure_payment .header:before,
.dating .hubpeople01 .section_2 .secure_payment .header:after {
content: "";
display: table;
}
.dating .hubpeople01 .section_2 .secure_payment .header:after {
clear: both;
}
.dating .hubpeople01 .section_2 .secure_payment .header:before,
.dating .hubpeople01 .section_2 .secure_payment .header:after {
content: " ";
display: table;
}
.dating .hubpeople01 .section_2 .secure_payment .header:after {
clear: both;
}
.dating .hubpeople01 .section_2 .secure_payment .header a {
display: inline-block;
float: left;
width: 40px;
}
.dating .hubpeople01 .section_2 .secure_payment .header .logo_container {
float: left;
width: calc(100% - 40px );
}
.dating .hubpeople01 .section_2 .secure_payment h2 {
margin: 0;
font-weight: 100;
margin-bottom: 10px;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.dating .hubpeople01 .section_2 .secure_payment p,
.dating .hubpeople01 .section_2 .secure_payment p a {
font-size: 16px;
font-weight: 500;
text-align: left;
}
.dating .hubpeople01 .section_2 .secure_payment input {
font-size: 22px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.dating .hubpeople01 .section_2 .secure_payment .input_error {
border: 1px solid #ff3030;
border-bottom: 4px solid #ff3030;
border-radius: 0;
position: relative;
color: #a94451;
}
.dating .hubpeople01 .section_2 .secure_payment .icon_container {
text-align: center;
margin-bottom: 20px;
}
.dating .hubpeople01 .section_2 .secure_payment .icon_container .fa-cc-visa {
color: #3399cc;
font-size: 32px;
}
.dating .hubpeople01 .section_2 .secure_payment .icon_container .fa-cc-mastercard {
color: #ffd383;
font-size: 32px;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row {
position: relative;
margin-bottom: 15px;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .div_1 {
width: calc(100% - 30px );
float: left;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .div_1 input {
width: 100%;
font-weight: 100;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .div_2 {
width: 30px;
float: left;
padding-left: 10px;
padding-top: 5px;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .fa-check {
font-size: 22px;
color: rgba(0, 0, 0, 0);
font-weight: 100;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .fa-check.ok {
color: #289ad9;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .card_img_holder {
position: absolute;
right: 35px;
top: 5px;
z-index: 10;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .card_img_holder .fa {
font-size: 30px;
}
@media only screen and (max-width: 359px) {
.dating .hubpeople01 .section_2 .secure_payment .form_row .card_img_holder {
position: absolute;
right: 30px;
top: 8px;
z-index: 10;
}
.dating .hubpeople01 .section_2 .secure_payment .form_row .card_img_holder .fa {
font-size: 20px;
}
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols {
*zoom: 1;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols:before,
.dating .hubpeople01 .section_2 .secure_payment .two_cols:after {
content: "";
display: table;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols:after {
clear: both;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols:before,
.dating .hubpeople01 .section_2 .secure_payment .two_cols:after {
content: " ";
display: table;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols:after {
clear: both;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_1 {
width: calc((100% - 60px)/2 );
float: left;
padding: 0;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_1 .form_row input {
width: 100%;
font-weight: 100;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_1 p {
white-space: nowrap;
padding: 3px 5px;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_2 {
width: calc((100% - 60px)/2 );
float: left;
padding: 0;
padding-left: 5px;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_2 .form_row input {
width: 100%;
font-weight: 100;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_2 p {
white-space: nowrap;
padding: 3px 5px;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_3 {
width: 30px;
float: left;
padding: 0;
padding-left: 3px;
padding-top: 48px;
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_3 .fa-check {
font-size: 22px;
color: rgba(0, 0, 0, 0);
}
.dating .hubpeople01 .section_2 .secure_payment .two_cols .col_3 .fa-check.ok {
color: #289ad9;
}
.dating .hubpeople01 .section_2 .pay_cards_container {
text-align: center;
margin-bottom: 20px;
}
.dating .hubpeople01 .section_2 .pay_cards_container img {
width: 80%;
}
.dating .hubpeople01 .section_2 .footnote {
font-size: 14px;
text-align: justify;
}
.dating .hubpeople01 .section_2 .footnote a.colored {
color: #dd7a00;
}
.dating .hubpeople01 .section_2 .footnote b {
font-weight: 600;
}
.dating .hubpeople01 .section_2 .footnote .alt_btn {
border: 1px solid #cccccc;
padding: 3px 8px;
display: inline-block;
border-radius: 5px;
color: #0093dc;
}
.dating .hubpeople01 .section_2 .footnote .alt_btn .fa-lock {
color: #da251c;
}
.dating .hubpeople01 .section_2 .footnote .btn.btn-default.w100 {
margin-top: 50px;
}
/*
*/
.login_page_bg {
position: fixed;
z-index: -1;
top: -6px;
bottom: -6px;
left: -6px;
right: -6px;
background-position: 50% 35%;
background-repeat: no-repeat;
background-size: cover;
}
.login_page_bg {
background: linear-gradient(to top, rgba(182, 143, 224, 0.6), rgba(226, 240, 242, 0.5));
}
.bg_img {
background-size: cover;
opacity: 0.5;
}
.login_page {
padding-left: 5px;
padding-right: 5px;
}
.login_page .form_container {
padding: 20px 30px;
border-radius: 8px;
background: rgba(250, 250, 250, 0.6);
max-width: 600px;
width: 100%;
margin: 0 auto;
margin-top: 7%;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.login_page .form_container .form_row {
margin-bottom: 10px;
}
.login_page .form_container input {
font-size: 22px;
border-radius: 4px;
border: 1px solid #ffffff;
padding: 8px;
font-family: 'Roboto', sans-serif;
background: #ffffff;
width: 100%;
}
.login_page .form_container h1 {
font-size: 33px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
margin-top: 20px;
}
.login_page .form_container h2 {
font-size: 24px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
margin: 0;
}
.login_page .form_container p {
padding: 8px;
}
.login_page .form_container label {
font-size: 24px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
margin: 0;
}
.login_page .form_container .btn-login {
display: block;
padding: 10px;
background: #29a366;
font-size: 24px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
color: #ffffff;
text-decoration: none;
text-align: center;
border-radius: 5px;
margin-top: 30px;
}
.login_page .form_container .btn_container {
margin-bottom: 30px;
}
.login_page .form_container .text_below {
font-size: 22px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
.login_page .form_container .text_below a {
color: #333333;
}
.login_page .form_container .checkbox {
background: #ffffff;
border-radius: 3px;
display: inline-block;
cursor: pointer;
padding: 2px 8px;
}
.login_page .form_container .checked .fa {
visibility: hidden;
}
.login_page .form_container .logo_container {
text-align: center;
padding: 10px 20px;
margin-left: -28px;
margin-right: -28px;
}
.login_page .form_container .logo_container a {
display: inline-block;
max-width: 400px;
}
.login_page .form_container .logo_container img {
max-width: 100%;
}
@media screen and (max-width: 440px) {
.login_page .form_container {
margin-top: 5px;
height: 100%;
}
}
/**
Dating header 2018
**/
.dating .hubpeople01 .message_review,
.hubpeople01 .message_review {
padding: 15px;
padding-top: 0;
}
.dating .hubpeople01 .message_review .nav_line,
.hubpeople01 .message_review .nav_line {
display: flex;
justify-content: space-between;
font-size: 18px;
margin-bottom: 15px;
}
.dating .hubpeople01 .message_review .nav_line a,
.hubpeople01 .message_review .nav_line a {
color: #aaaaaa;
display: inline-block;
padding: 5px;
}
.dating .hubpeople01 .message_review .nav_line .page_number,
.hubpeople01 .message_review .nav_line .page_number {
font-weight: bold;
color: #aaaaaa;
padding: 5px;
}
.dating .hubpeople01 .message_review .icon_container,
.hubpeople01 .message_review .icon_container {
text-align: center;
}
.dating .hubpeople01 .message_review .icon_container .fa,
.hubpeople01 .message_review .icon_container .fa {
font-size: 220px;
color: #888888;
}
.dating .hubpeople01 .message_review .icon_container img,
.hubpeople01 .message_review .icon_container img {
width: 50%;
}
@media only screen and (max-width: 420px) {
.dating .hubpeople01 .message_review .icon_container .fa,
.hubpeople01 .message_review .icon_container .fa {
font-size: 40vw;
}
}
.dating .hubpeople01 .message_review .email_body,
.hubpeople01 .message_review .email_body {
border-radius: 32px;
padding: 20px 30px;
background: #E5E4E9;
margin-top: 20px;
min-height: 100px;
position: relative;
background: linear-gradient(90deg, #fa53b0, #f43d7c);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.05), 0 0 24px rgba(105, 105, 193, 0.3);
margin-bottom: 40px;
}
.dating .hubpeople01 .message_review .email_body p,
.hubpeople01 .message_review .email_body p {
color: #ffffff;
}
.dating .hubpeople01 .message_review .email_body:before,
.hubpeople01 .message_review .email_body:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='230'%3E%3Cpath d='M118,186c61.106,86.938,175,93,175,93l2,131S121.479,347.229,118,186Z' transform='translate(-110 -180)' fill='%23fa53b0'/%3E%3C/svg%3E ");
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 38px;
position: absolute;
display: block;
top: -8px;
left: -8px;
}
.dating .hubpeople01 .message_review .email_body.blue,
.hubpeople01 .message_review .email_body.blue {
background: linear-gradient(90deg, #5388fa, #3d61f4);
}
.dating .hubpeople01 .message_review .email_body.blue:before,
.hubpeople01 .message_review .email_body.blue:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='230'%3E%3Cpath d='M118,186c61.106,86.938,175,93,175,93l2,131S121.479,347.229,118,186Z' transform='translate(-110 -180)' fill='%235388fa'/%3E%3C/svg%3E ");
}
.dating .hubpeople01 .message_review p,
.hubpeople01 .message_review p {
text-align: justify;
font-size: 17px;
}
.dating .hubpeople01 .message_review .meta_data,
.hubpeople01 .message_review .meta_data {
font-size: 14px;
}
.dating .hubpeople01 .message_review p.center,
.hubpeople01 .message_review p.center {
text-align: center;
}
.dating .hubpeople01 .message_review .step_1 .profile_line,
.hubpeople01 .message_review .step_1 .profile_line {
display: flex;
margin-bottom: 10px;
}
.dating .hubpeople01 .message_review .step_1 .profile_line .col_1,
.hubpeople01 .message_review .step_1 .profile_line .col_1 {
width: 80px;
padding: 0;
padding-right: 10px;
}
.dating .hubpeople01 .message_review .step_1 .profile_line .col_1 .round_img,
.hubpeople01 .message_review .step_1 .profile_line .col_1 .round_img {
border: 1px solid #666666;
overflow: hidden;
}
.dating .hubpeople01 .message_review .step_1 .profile_line .col_1 .round_img img,
.hubpeople01 .message_review .step_1 .profile_line .col_1 .round_img img {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
.dating .hubpeople01 .message_review .step_1 .profile_line .col_2,
.hubpeople01 .message_review .step_1 .profile_line .col_2 {
width: calc(100% - 80px );
padding: 0;
}
.dating .hubpeople01 .message_review .step_1 .profile_line .col_2 h2,
.hubpeople01 .message_review .step_1 .profile_line .col_2 h2 {
margin: 0;
}
.dating .hubpeople01 .message_review .btn,
.hubpeople01 .message_review .btn {
margin-bottom: 10px;
padding: 12px;
}
.dating .hubpeople01 .message_review .step_2 .profile_line,
.hubpeople01 .message_review .step_2 .profile_line {
display: flex;
flex-direction: column;
}
.dating .hubpeople01 .message_review .step_2 .profile_line .col_1,
.hubpeople01 .message_review .step_2 .profile_line .col_1 {
width: 100%;
text-align: center;
padding: 0;
}
.dating .hubpeople01 .message_review .step_2 .profile_line .col_1 .round_img,
.hubpeople01 .message_review .step_2 .profile_line .col_1 .round_img {
border: 1px solid #666666;
max-width: 120px;
}
.dating .hubpeople01 .message_review .step_2 .profile_line .col_2,
.hubpeople01 .message_review .step_2 .profile_line .col_2 {
width: 100%;
text-align: center;
padding: 0;
}
.dating .hubpeople01 .message_review .step_2 .profile_line .col_2 h2,
.hubpeople01 .message_review .step_2 .profile_line .col_2 h2 {
margin: 0;
}
.dating .hubpeople01 .message_review .step_2 .profile_line .col_2 p,
.hubpeople01 .message_review .step_2 .profile_line .col_2 p {
text-align: center;
}
.dating .hubpeople01 .legend,
.hubpeople01 .legend {
position: fixed;
background: #ffffff;
z-index: 889;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.dating .hubpeople01 .legend .btn_container,
.hubpeople01 .legend .btn_container {
padding: 20px;
padding-bottom: 10px;
}
.dating .hubpeople01 .legend .btn_container a .fa,
.hubpeople01 .legend .btn_container a .fa {
font-size: 28px;
color: #666666;
}
.dating .hubpeople01 .legend .legend_wrapper,
.hubpeople01 .legend .legend_wrapper {
max-width: 460px;
margin: 0 auto;
padding: 20px;
padding-top: 0;
}
.dating .hubpeople01 .legend .legend_wrapper li,
.hubpeople01 .legend .legend_wrapper li {
padding: 5px;
}
.dating .hubpeople01 .notifications,
.hubpeople01 .notifications {
padding: 15px;
}
.dating .hubpeople01 .notifications .icon_container,
.hubpeople01 .notifications .icon_container {
text-align: center;
margin-bottom: 40px;
}
.dating .hubpeople01 .notifications .icon_container .fa,
.hubpeople01 .notifications .icon_container .fa {
font-size: 150px;
color: #666666;
}
.dating .hubpeople01 .notifications .meta_data,
.hubpeople01 .notifications .meta_data {
font-size: 14px;
}
.dating .hubpeople01 .notifications .btn,
.hubpeople01 .notifications .btn {
margin-bottom: 10px;
padding: 12px;
font-size: 18px;
}
@media only screen and (max-width: 400px) {
.dating .hubpeople01 .notifications .btn,
.hubpeople01 .notifications .btn {
font-size: 4vw;
}
}
.dating .hubpeople01 .settings_dating .nav_line .back,
.hubpeople01 .settings_dating .nav_line .back {
display: inline-block;
padding: 12px;
}
.dating .hubpeople01 .settings_dating .nav_line .back .fa,
.hubpeople01 .settings_dating .nav_line .back .fa {
color: #aaaaaa;
font-size: 18px;
}
.dating .hubpeople01 .settings_dating p,
.hubpeople01 .settings_dating p {
text-align: justify;
}
.hubpeople01 .pics_container {
position: relative;
max-width: 800px;
margin: 0 auto;
}
.hubpeople01 .pics_container .choose_photo {
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
animation-name: show_photo;
animation-duration: 0.5s;
}
@keyframes show_photo {
from {
opacity: 1;
top: -50vh;
}
to {
opcaity: 1;
top: 0;
}
}
.hubpeople01 .pics_container .choose_photo .header {
height: 60px;
background: #ffffff;
position: fixed;
top: 0;
width: 100%;
max-width: 800px;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
animation-name: show_header;
animation-duration: 0.8s;
}
@keyframes show_header {
from {
opacity: 1;
top: -100px;
}
to {
opcaity: 1;
top: 0;
}
}
.hubpeople01 .pics_container .choose_photo .header .col_left {
padding: 0 10px;
white-space: nowrap;
text-align: center;
padding-left: 20px;
}
.hubpeople01 .pics_container .choose_photo .header .col_center {
cursor: pointer;
white-space: nowrap;
}
.hubpeople01 .pics_container .choose_photo .header .col_right {
padding: 0 10px;
white-space: nowrap;
}
.hubpeople01 .pics_container .choose_photo .image_gallery {
*zoom: 1;
padding: 8px 0;
padding-top: 61px;
background: #e9e9e9;
background: #222222;
overflow: auto;
min-height: 100vh;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:before,
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
content: "";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:before,
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
content: " ";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images {
*zoom: 1;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:before,
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
content: "";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:before,
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
content: " ";
display: table;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images:after {
clear: both;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a {
width: 25%;
display: block;
float: left;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img {
position: relative;
top: 0;
transition: all 0.1s ease 0s;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img.set_opacity {
opacity: 0.5;
}
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img.selected {
border: 20px solid #ffffff;
outline: 1px solid #000000;
opacity: 1;
}
@media only screen and (max-width: 600px) {
.hubpeople01 .pics_container .choose_photo .image_gallery .images a img.selected {
border: 12px solid #ffffff;
}
}
.hubpeople01 .pics_container .choose_photo .image_gallery .loader_container {
height: 40px;
margin-bottom: 30px;
}
.hubpeople01 .add_photo_container .add_photo {
position: absolute;
bottom: 10px;
left: 5%;
right: 5%;
animation-name: show_menu;
animation-duration: 0.3s;
}
@keyframes show_menu {
from {
opacity: 0;
bottom: -200px;
}
to {
opcaity: 1;
bottom: 10px;
}
}
.hubpeople01 .add_photo_container .add_photo .menu_row {
padding: 20px;
background: #e9e9e9;
color: #333333;
font-family: 'Roboto', sans-serif;
font-size: 26px;
border-bottom: 1px solid #d5d5d5;
position: relative;
cursor: pointer;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons {
*zoom: 1;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons:before,
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons:after {
content: "";
display: table;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons:after {
clear: both;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons:before,
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons:after {
content: " ";
display: table;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons:after {
clear: both;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .emoticons img {
float: left;
width: 16.6%;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .fa {
margin-right: 10px;
}
.hubpeople01 .add_photo_container .add_photo .menu_row .font_smaller {
padding: 10px 0;
}
.hubpeople01 .add_photo_container .add_photo .menu_row.first {
border-radius: 15px 15px 0 0;
padding: 0;
height: 15px;
border-bottom: none;
}
.hubpeople01 .add_photo_container .add_photo .menu_row.last {
border-radius: 0 0 15px 15px;
padding: 0;
height: 15px;
position: relative;
bottom: 1px;
}
.hubpeople01 .add_photo_container .add_photo .menu_row.separate {
background: #ffffff;
border-radius: 15px;
margin: 10px 0;
text-align: center;
}
.hubpeople01 .add_photo_container .add_photo .menu_row.separate span {
padding: 0;
margin: 0;
font-size: 26px;
display: block;
}
.hubpeople01 .add_photo_container .add_photo .menu_row.file input[type="file"] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
opacity: 0;
cursor: pointer;
}
.hubpeople01 .add_photo_container .add_photo .image_gallery {
*zoom: 1;
padding: 8px 0;
background: #e9e9e9;
height: 60vh;
overflow: auto;
}
.hubpeople01 .add_photo_container .add_photo .image_gallery:before,
.hubpeople01 .add_photo_container .add_photo .image_gallery:after {
content: "";
display: table;
}
.hubpeople01 .add_photo_container .add_photo .image_gallery:after {
clear: both;
}
.hubpeople01 .add_photo_container .add_photo .image_gallery:before,
.hubpeople01 .add_photo_container .add_photo .image_gallery:after {
content: " ";
display: table;
}
.hubpeople01 .add_photo_container .add_photo .image_gallery:after {
clear: both;
}
.hubpeople01 .add_photo_container .add_photo .image_gallery a {
width: 25%;
display: block;
float: left;
}
.hubpeople01 .post_mini {
display: flex;
}
.hubpeople01 .post_mini .emoji_btn {
display: inline-block;
margin-right: 5px;
}
.hubpeople01 .post_mini .emoji_btn .fa {
font-size: 44px;
}
.hubpeople01 .post_mini input[type="text"] {
border-radius: 20px;
padding-left: 20px;
flex-grow: 2;
}
.hubpeople01 .post_mini .plane {
background: #03a68a;
color: #ffffff;
border-radius: 50%;
width: 45px;
height: 45px;
padding-top: 11px;
padding-right: 4px;
text-align: center;
margin-left: 5px;
}
.hubpeople01 .post_mini .plane .fa {
font-size: 22px;
}
.hubpeople01 .member_reviews .member {
display: flex;
}
.hubpeople01 .member_reviews .member .img {
width: 80px;
}
.hubpeople01 .member_reviews .member .txt {
width: calc(100% - 80px );
padding: 0 10px;
text-align: justify;
}
.hubpeople01 .member_reviews .member .txt p {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 16px;
}
.hubpeople01 .profile_list_container.has_6_in_row li {
width: 16.66666667%;
}
.hubpeople01 .profile_list_container.has_6_in_row li .pl_username {
display: block;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 620px) {
.hubpeople01 .profile_list_container.has_6_in_row li {
width: 16.66666667%;
}
.hubpeople01 .profile_list_container.has_6_in_row li .pl_username {
font-size: 11px;
}
}
/**************
new FAQ and Features table
***************/
.newFaq,
.newFaq ul li,
.newFaq ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.newFaq ul {
margin: 12px 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content_wrap .newFaq {
margin: 15px 18px 0;
}
.newFaq ul ul {
display: none;
}
.newFaq > ul > li.active > ul {
display: block;
}
.align-right {
float: right;
}
/* OUTER LEVEL 1 link */
ul > li.question_list > a {
padding: 15px 2em 15px 1em;
cursor: pointer;
z-index: 2;
text-decoration: none;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
background-color: white;
font-size: large;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* OUTER LEVEL 1 link */
ul > li.question_list > a:hover {
color: black;
background: white;
text-decoration: none;
border-radius: 5px;
border: 1px solid black;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* OUTER LEVEL 1 vertical line or / */
ul > li.question_list > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: black;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
/* OUTER LEVEL 1 horizontal line or \ */
ul > li.question_list > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: black;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
ul > li.question_list.open > a:after,
ul > li.question_list.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* INNER LEVEL 2 link */
.question_list .question_list a {
padding: 10px 2em;
cursor: pointer;
z-index: 2;
text-decoration: none;
color: black;
background: white;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size: large;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.question_list ul li p {
padding-left: 2.7em;
padding-right: 20px;
line-height: 1.3em;
letter-spacing: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
}
.question_list ul li p strong {
font-size: inherit;
font-family: inherit;
font-weight: 500;
}
/* INNER LEVEL 2 link */
.question_list .question_list a:hover {
color: black;
text-decoration: none;
border: 1px solid black;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* INNER LEVEL 2 vertical line or / */
.newFaq ul ul > li.question_list > a:after {
top: 16px;
right: 26px;
background: black;
}
/* INNER LEVEL 2 horizontal line or \ */
.newFaq ul ul > li.question_list > a:before {
top: 20px;
background: black;
}
/* additional style for buttons */
.btn > p {
font-size: smaller;
margin-bottom: 0;
letter-spacing: normal;
word-spacing: normal;
}
ol {
margin-left: 15px;
}
.back-button-fixed {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9999;
}
.col_6 a.btn.w100 {
margin-bottom: 15px;
}
@media (max-width: 820px) {
.col_6:first-child {
padding-bottom: 0 !important;
}
.col_6:last-child {
padding-top: 0 !important;
}
}
/* additional style for the New Features table */
.features span {
font-family: "Roboto Condensed", sans-serif;
font-size: 18px;
}
.features {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
.features tr:nth-child(2n) {
background-color: #f2f2f2;
}
.features td.ftAfter,
td.ftBefore {
width: 65px;
text-align: center;
}
.features td.feature {
padding-left: 9px;
padding-right: 15px;
}
.features td,
.features th {
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 1px dotted #cdcdcd;
}
.features .hide_star i {
color: #d1d1d1;
/* visibility: hidden; */
}
.features .star i {
color: #faad00;
}
.hubpeople01 h2 b {
font-family: inherit;
font-weight: inherit;
}
.dating .hubpeople01 .helpdesk {
font-size: 22px;
}
.dating .hubpeople01 .helpdesk p {
font-size: 16px;
}
@media only screen and (max-width: 479px) {
.dating .hubpeople01 .helpdesk p {
font-size: 13px;
}
}
@media screen and (max-width: 500px) {
.hubpeople01 .tour_desktop .popup_window {
margin-left: 10px;
left: 0;
margin-right: 10px;
right: 0;
width: auto;
}
}
/**************
user rating
***************/
a.rating {
border: solid 2px;
border-radius: 4px;
font-size: 15px !important;
line-height: 11px;
padding: 1px 2px;
padding-right: 5px;
}
a.rating.rating_orange {
color: #f3af19;
}
a.rating.rating_magenta {
color: #9d4dbb;
}
a.rating.rating_blue {
color: #4c51f7;
}
a.rating.rating_green {
color: #319236;
}
a.rating.rating_gray {
color: #999999;
}
.rating-modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.65);
z-index: 9999;
backdrop-filter: blur(10px);
}
.rating-modal {
width: 200px;
top: 20vh;
position: absolute;
background: #fff;
padding: 20px;
left: 50vw;
margin-left: -100px;
border-radius: 10px;
}
.rating-modal-header {
text-align: right;
margin-bottom: 10px;
}
.rating-modal-body a.btn.w100 {
margin-bottom: 10px;
}
.rating-modal-header-close {
cursor: pointer;
color: #333 !important;
}
/* temp covid bubbles interests by Michael request 03-06-2021 */
.hubpeople01 .interests_bubbles li.get_the_jab_,
.hubpeople01 .interests_bubbles li.first_dose_done,
.hubpeople01 .interests_bubbles li.vaccinated {
background: #421186;
}
.hubpeople01 .interests_bubbles li.get_the_jab_ i,
.hubpeople01 .interests_bubbles li.first_dose_done i,
.hubpeople01 .interests_bubbles li.vaccinated i {
font-family: "Font Awesome 5 Pro";
color: #fff;
padding-right: 6px;
}
.hubpeople01 .interests_bubbles li.get_the_jab_ i:before,
.hubpeople01 .interests_bubbles li.first_dose_done i:before,
.hubpeople01 .interests_bubbles li.vaccinated i:before {
content: "\f48e";
}
.hubpeople01 .interests_bubbles li.get_the_jab_ b,
.hubpeople01 .interests_bubbles li.first_dose_done b,
.hubpeople01 .interests_bubbles li.vaccinated b {
color: #fff;
}
.hubpeople01 .interests_bubbles li.get_the_jab_.not-selected,
.hubpeople01 .interests_bubbles li.first_dose_done.not-selected,
.hubpeople01 .interests_bubbles li.vaccinated.not-selected {
border: 1px solid #ccc;
background: #fff !important;
}
.hubpeople01 .interests_bubbles li.get_the_jab_.not-selected i,
.hubpeople01 .interests_bubbles li.first_dose_done.not-selected i,
.hubpeople01 .interests_bubbles li.vaccinated.not-selected i {
color: #ccc;
}
.hubpeople01 .interests_bubbles li.get_the_jab_.not-selected i:before,
.hubpeople01 .interests_bubbles li.first_dose_done.not-selected i:before,
.hubpeople01 .interests_bubbles li.vaccinated.not-selected i:before {
content: "\f48e";
}
.hubpeople01 .interests_bubbles li.get_the_jab_.not-selected b,
.hubpeople01 .interests_bubbles li.first_dose_done.not-selected b,
.hubpeople01 .interests_bubbles li.vaccinated.not-selected b {
color: #ccc;
}
/* add Ilnara styles */
.hubpeople01 .search_row .interests_bubbles li {
cursor: default;
}
.hubpeople01 .profile.panel .interests_bubbles li {
cursor: default;
}
.hubpeople01 .page_content .column_container .form_row p {
font-family: 'Roboto Condensed', sans-serif;
}
/* add Ilnara styles */
/*! angularjs-slider - v5.4.3 - (c) Rafal Zajac , Valentin Hervieu , Jussi Saarivirta , Angelin Sirbu - https://github.com/angular-slider/angularjs-slider - 2016-08-07 */
.rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:45px 0 15px 0;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rzslider.with-legend{margin-bottom:40px}.rzslider[disabled]{cursor:not-allowed}.rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}.rzslider span{position:absolute;display:inline-block;white-space:nowrap}.rzslider .rz-base{width:100%;height:100%;padding:0}.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:16px;padding-top:8px;margin-top:-16px;box-sizing:border-box}.rzslider .rz-bar-wrapper.rz-draggable{cursor:move}.rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-bar.rz-selection{z-index:2;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-pointer{top:-14px;z-index:3;width:16px;height:16px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.rzslider .rz-pointer:after{position:absolute;top:4px;left:4px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}.rzslider .rz-pointer:hover:after{background-color:#fff}.rzslider .rz-pointer.rz-active{z-index:4}.rzslider .rz-pointer.rz-active:after{background-color:#451aff}.rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default}.rzslider .rz-bubble.rz-selection{top:16px}.rzslider .rz-bubble.rz-limit{color:#55637d}.rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:0;padding:0 11px;margin:0;list-style:none;box-sizing:border-box;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.rzslider .rz-ticks .rz-tick{width:10px;height:10px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%}.rzslider .rz-ticks .rz-tick.rz-selected{background:#0db9f0}.rzslider .rz-ticks .rz-tick .rz-tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}.rzslider .rz-ticks .rz-tick .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;transform:translate(-50%,0)}.rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value{top:initial;bottom:-40px}.rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}.rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}.rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}.rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}.rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}.rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}.rzslider.rz-vertical .rz-bubble.rz-selection{top:auto;left:16px!important}.rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%;padding:11px 0;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.rzslider.rz-vertical .rz-ticks .rz-tick{vertical-align:middle}.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value{top:initial;left:22px;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend{top:initial;right:24px;max-width:none;white-space:nowrap;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value{right:12px;bottom:initial;left:initial}
.ta-hidden-input {
width: 1px;
height: 1px;
border: none;
margin: 0;
padding: 0;
position: absolute;
top: -10000px;
left: -10000px;
opacity: 0;
overflow: hidden;
}
/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ta-editor.ta-html, .ta-scroll-window.form-control {
min-height: 300px;
height: auto;
overflow: auto;
font-family: inherit;
font-size: 100%;
}
.ta-scroll-window.form-control {
position: relative;
padding: 0;
}
.ta-scroll-window > .ta-bind {
height: auto;
min-height: 300px;
padding: 6px 12px;
}
.ta-editor:focus {
user-select: text;
}
/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
z-index: 100;
position: absolute;
display: none;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-info {
position: absolute;
bottom: 16px;
right: 16px;
border: 1px solid black;
background-color: #FFF;
padding: 0 4px;
opacity: 0.7;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-background {
position: absolute;
bottom: 5px;
right: 5px;
left: 5px;
top: 5px;
border: 1px solid black;
background-color: rgba(0, 0, 0, 0.2);
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
width: 10px;
height: 10px;
position: absolute;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl{
top: 0;
left: 0;
border-left: 1px solid black;
border-top: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr{
top: 0;
right: 0;
border-right: 1px solid black;
border-top: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl{
bottom: 0;
left: 0;
border-left: 1px solid black;
border-bottom: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br{
bottom: 0;
right: 0;
border: 1px solid black;
cursor: se-resize;
background-color: white;
}
/* copy the popover code from bootstrap so this will work even without it */
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
margin-top: -10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.emojione{font-size:inherit;height:3ex;width:3.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle}img.emojione{width:auto}