html {
font-size: 0.52vw;
}
*,
html {
scroll-behavior: smooth;
padding: 0;
margin: 0;
box-sizing: border-box;
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
body {
position: relative;
font-family: "Messina Sans";
font-weight: normal;
font-size: 1.8rem;
font-weight: normal;
color: #000000;
overflow-x: hidden;
box-sizing: border-box;
background-color: #f4f5f9; word-break: break-word;
}
a,
a:hover,
a:focus {
white-space: nowrap;
color: inherit;
text-decoration: none;
outline: none;
transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
}
ul {
list-style-type: none;
margin: 0;
}
img {
max-width: 100%;
}
::-moz-selection {
color: #fff;
background: #fe2e79;
}
::selection {
color: #fff;
background: #fe2e79;
}
h1 {
font-size: 3rem;
margin-bottom: 1.5rem;
font-weight: 600;
line-height: 1.3;
}
h2 {
font-size: 2.4rem;
margin-bottom: 2rem;
font-weight: 600;
line-height: 1.3;
}
h3 {
font-size: 1.9rem;
margin-bottom: 1rem;
font-weight: normal;
line-height: 1.2;
}
h4 {
font-size: 1.8rem;
font-weight: 600;
color: #000000;
margin-bottom: 0.5rem;
}
.f-14 {
font-size: 1.4rem;
}
.f-13 {
font-size: 1.3rem;
}
p {
margin-bottom: 0;
line-height: 1.5;
}
p + p,
p + ul,
ul + p,
p + .btn,
.btn + p,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
margin-top: 3.5rem;
}
p:empty {
display: none;
}
header,
aside,
main,
section {
width: 100%;
}
.main-body {
padding-left: 24rem;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.box,
.tml {
background-color: #ffffff;
border-radius: 1rem;
padding: 3.5rem;
margin-bottom: 3rem;
width: 100%;
}
.box {
padding: 2.5rem 3.5rem;
}
.box.opac-1 {
background-color: rgba(255, 255, 255, 0.7);
}
.tag1 {
background-color: #fe2e79;
border-radius: 5rem;
padding: 0.6rem 2rem;
display: inline-block;
font-size: 1.4rem;
color: #ffffff !important;
}
.tag2 {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 5rem;
padding: 0.6rem 2rem;
display: inline-block;
font-size: 1.2rem;
}
.text-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.l-box {
color: #6a6a6a !important;
}
.p-box img {
width: 2.4rem;
height: 2.4rem;
border-radius: 100%;
object-fit: cover;
}
.p-box a {
font-weight: 600;
}
.top-btn-box {
margin-bottom: 2rem;
}
.circle-list li {
position: relative;
padding: 0.5rem 0;
padding-left: 2rem;
}
.circle-list li:before {
content: "";
border: 2px solid #c1cde7;
height: 0.8rem;
width: 0.8rem;
border-radius: 100%;
display: inline-block;
position: absolute;
left: 0;
top: 1.4rem;
}
.full-img-border {
border-radius: 0.6rem;
width: 100%;
object-fit: cover;
}
.box.simple {
background-color: transparent;
padding-right: 0 !important;
padding-left: 0 !important;
}
.btn-grp .btn {
margin: 0.6rem;
}
.btn-c-w {
color: #ffffff !important;
}
.c-white {
color: #ffffff !important;
}
.ptb-4 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.bg-gradient-1 {
background-image: linear-gradient(
to top,
#ffffff 65%,
rgba(254, 46, 120, 0.14) 100%
);
}
.opclow {
opacity: 0.6;
}
.tml form {
max-width: 80rem;
}
.tml .tml-links {
border-top: 1px solid #e4e4e4;
margin-top: 3rem;
padding-top: 2rem;
}
.row {
margin-left: -2.7rem;
margin-right: -2.7rem;
}
.row > div {
padding-left: 2.7rem;
padding-right: 2.7rem;
}
.box .row {
margin-top: -3rem;
margin-bottom: -3rem;
}
.box .row > div {
margin-top: 3rem;
margin-bottom: 3rem;
}
.box .row-2 {
margin-top: -2rem;
margin-bottom: -2rem;
margin-left: -2rem;
margin-right: -2rem;
}
.box .row-2 > div {
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.row.row-small {
margin-left: -0.6rem !important;
margin-right: -0.6rem !important;
}
.row.row-small > div {
padding-left: 0.6rem !important;
padding-right: 0.6rem !important;
}
.btn,
.tml-button {
font-size: 1.6rem;
border-radius: 1rem;
background-color: #c1cde7;
line-height: 1;
padding: 1.3rem 2.5rem;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.btn img {
margin-right: 1rem;
}
.btn:hover {
background-color: #b4c0da;
color: #000000;
}
.btn.btn-2,
.tml-button {
background-color: #fe2e79;
color: #ffffff;
}
.btn.btn-2:hover,
.tml-button:hover {
background-color: #e61e66;
color: #ffffff;
}
.btn.btn-1 {
background-color: #ffffff;
padding: /* 1.1*/ 0.9rem 1.5rem;
}
.btn.btn-1:hover {
background-color: #c1cde7;
color: #000000;
}
a.tag1:hover,
a.tag1:focus {
color: #ffffff;
}
.btn-profile,
.btn-profile:hover,
.btn-profile:focus,
.btn-profile:active {
border: 0 !important;
outline: 0 !important;
box-shadow: none;
background-color: transparent;
padding: 0;
}
.btn-profile img {
border-radius: 100%;
height: 5rem;
width: 5rem;
object-fit: cover;
}
.btn-profile {
position: relative;
}
.border-btn {
border: 1px solid #c1cde7;
}
.rd-btn {
border-radius: 5rem;
}
.btn-large {
padding: 1.5rem 4.5rem;
}
.m-btn {
min-width: 17.5rem;
text-align: center;
border-radius: 0.6rem;
}
.dropdown.show .btn-profile:before {
content: "";
height: 2.2rem;
width: 2.2rem;
background: white;
display: block;
position: absolute;
top: calc(100% + 1rem);
border-radius: 0.6rem;
z-index: 9999;
transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
-moz-transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
left: 50%;
}
.dropdown-menu {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
color: #000000;
left: auto;
right: 0;
font-size: 1.6rem;
border: 0;
border-radius: 1rem;
padding: 1.5rem;
top: calc(100% + 1.5rem);
width: -moz-max-content;
width: -webkit-max-content;
width: -o-max-content;
}
.dropdown-item {
color: #000000;
padding: 1.1rem 1.5rem;
border-radius: 1rem;
margin: 0.2rem 0;
width: 100%;
}
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item.active {
background-color: #c1cde7;
color: #000000;
}
.dropdown-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.dropdown-item img {
margin-right: 1rem;
}
.dropdown-divider {
margin: 1rem 0;
}
.form-control:focus,
.btn:hover,
button:hover,
.btn:focus,
button:focus,
footer .es_subscription_form .es_txt_email:focus,
.tml .tml-field:focus {
outline: none;
box-shadow: none;
}
.form-inline {
position: relative;
}
.form-inline .form-control,
.es_subscription_form .es_txt_email {
font-family: "Messina Sans Book";
height: 4rem;
background-color: rgba(255, 255, 255, 0.32);
color: #ffffff;
border: 0;
border-radius: 1rem;
width: 100%;
max-width: 26.5rem;
min-width: 26.5rem;
font-size: 1.6rem;
padding: 0.5rem 1.5rem;
padding-right: 4.5rem;
}
.form-inline .form-control::placeholder {
color: #ffffff;
}
.form-inline .form-control {
height: 3.7rem;
}
.form-inline .search-btn,
footer .es_subscription_form .es_submit_button {
padding: 0;
position: absolute;
right: 2rem;
color: #ffffff;
font-size: 1.8rem;
border: 0;
height: 100%;
background: transparent;
top: 0;
}
footer .es_subscription_form .es_submit_button {
background-image: url(../images/send-icon.svg);
background-repeat: no-repeat;
background-position: center;
font-size: 0;
background-size: 1.7rem 1.7rem;
width: 1.7rem;
}
.form-inline.custom .form-control,
footer .es_subscription_form .es_txt_email {
background-color: #ffffff;
color: #000000;
}
.form-inline.custom .form-control::placeholder,
footer .es_subscription_form .es_txt_email::placeholder {
color: rgba(0, 0, 0, 0.4);
}
.form-inline.custome button {
color: #c1cde7;
}
.form-1 .form-control,
.tml .tml-field {
height: 5.2rem;
border: 1px solid #c1cde7;
border-radius: 1rem;
font-size: 1.8rem;
padding: 1rem 1.5rem;
width: 100%;
}
.form-1 .form-control::placeholder {
color: rgba(0, 0, 0, 0.45);
}
.form-1 textarea.form-control {
height: 16.5rem;
resize: none;
}
.form-1 textarea.form-control.big {
height: 40rem;
resize: none;
}
.form-1 .form-group {
margin-bottom: 2.5rem;
width: 100%;
}
.form-1 {
margin-bottom: -2.5rem;
}
.form-1 .row,
.box .form-1 .row {
margin-left: -1.25rem;
margin-right: -1.25rem;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.form-1 .row > div {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin: 0 !important;
}
.form-1 .btn,
.tml-button {
padding: 1.5rem 3.5rem;
min-width: 16rem;
text-align: center;
}
.tml-button {
outline: none;
border: 0;
}
input[type="text"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type="text"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
box-shadow: 0 0 0 30px #ffffff inset !important;
}
.form-1 label {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 2.5rem;
}
form,
.form-1 {
width: 100%;
}
.wpcf7 form .wpcf7-response-output {
margin: 2.5rem 0 !important;
padding: 2rem 2rem !important;
border: 1px solid #e0e0e0 !important;
border-radius: 1rem;
background: #f4f5f9;
color: #848484;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #f34040 !important;
background: #ffd1d1;
color: #f34040;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b363 !important;
background: #e4ffeb;
color: #46b363;
}
.wpcf7-not-valid-tip {
color: #f34040;
font-size: 1.6rem;
font-weight: normal;
display: block;
margin: 1rem 0 2.5rem;
}
footer .es_subscription_form .es_txt_email {
margin-left: 3rem;
}
footer .es_subscription_form .es-field-wrap {
margin-bottom: 0;
}
footer .es_subscription_form {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
position: relative;
}
.input-group > .custom-file {
position: relative;
width: auto;
height: auto;
}
.input-group > .custom-file .custom-file-input {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.input-group > .custom-file .form-control {
color: rgba(0, 0, 0, 0.45);
position: relative;
width: 100%;
left: 0;
margin: 0;
font-weight: normal;
padding-right: 11rem;
}
.input-group > .custom-file .custom-file-label:after {
content: "Browse";
position: absolute;
border-radius: 0.6rem;
border: 0;
margin-left: auto;
background: #c1cde7;
font-size: 1.6rem;
padding: 0.8rem 2rem;
height: auto;
top: 50%;
bottom: auto;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right: 0.5rem;
}
.custom-file-input:focus ~ .custom-file-label {
border: 1px solid #c1cde7;
box-shadow: none;
}
.spinner-grow {
color: #fe2e79 !important;
height: 3rem;
width: 3rem;
}
.loader-box {
color: #fe2e79 !important;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99999;
background: rgba(0, 0, 0, 0.3);
display: none;
}
.loader-box[style*="display:block"],
.loader-box[style*="display: block"],
.loader-box[style*="display:block;"],
.loader-box[style*="display: block;"] {
display: -ms-flexbox !important;
display: flex !important;
}
.header {
padding: 1.5rem 4rem;
background-color: #fe2e79;
padding-left: 28rem;
width: 100%;
}
.header .right-bar {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header .navbar {
padding: 0;
}
.navbar-light .navbar-nav .nav-item .nav-link,
.navbar-light .navbar-nav .nav-item a {
color: #ffffff;
padding: 1.2rem 2rem;
font-size: 1.6rem;
border-radius: 1rem;
line-height: 1;
}
.navbar-light .navbar-nav .current-menu-item.nav-item .nav-link {
color: #c1cde7;
}
.navbar-light .navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .nav-item .nav-link.active,
.navbar-light .navbar-nav .nav-item a:hover,
.navbar-light .navbar-nav .nav-item a.active {
color: #c1cde7;
}
.navbar-light .navbar-nav {
margin: 0 -2rem;
}
.header .navbar .right-bar .item:not(:first-child) {
margin-left: 4.5rem;
}
.header .btn-profile img {
margin: -0.5rem 0;
}
.sidebar {
width: 100%;
max-width: 24rem;
height: 100vh;
background-color: #ffffff;
z-index: 999;
position: fixed;
left: 0;
top: 0;
padding: 3.5rem 2rem;
}
.logo img {
width: 8.6rem;
margin: auto;
}
.sidebar .logo {
margin-bottom: 2rem;
}
.sidebar ul {
width: 100%;
}
.sidebar .sidebar-menu a {
color: #000000;
font-size: 16px;
font-weight: 600;
padding: 10px;
border-radius: 1rem;
width: 100%;
margin: 0.5rem 0;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
word-break: break-word;
white-space: normal;
line-height: normal;
}
.sidebar .sidebar-menu .item.active a,
.sidebar .sidebar-menu .item:hover a {
background-color: #c1cde7;
}
.sidebar .sidebar-menu a .a-img {
display: inline-block;
min-width: 2.2rem;
text-align: center;
margin-right: 15px;
}
.sidebar .sidebar-menu a .a-img img {
min-width: 2.2rem;
height: 2.5rem;
max-width: 2.2rem;
width: 2.2rem;
}
.content {
padding: 4rem;
width: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.main-body > .content {
-ms-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: flex;
}
.main-body > .content > h1 {
width: 100%;
}
.main-body > .content > div {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.footer {
background-color: #c1cde7;
padding: 2.5rem 4rem;
padding-left: 28rem;
margin-top: auto;
width: 100%;
}
.f-list-1 {
font-size: 1.4rem;
font-weight: normal;
}
.f-list-1 li a {
line-height: 1;
border-right: 1px solid #000000;
padding: 0 1.5rem;
color: #000000;
}
.f-list-1 li:last-child a {
border-right: 0;
}
.f-list-1 li a:hover {
text-decoration: underline;
}
.article-box {
width: 100%;
margin: 0;
}
.article-box .img-box {
cursor: pointer;
margin-bottom: 1.5rem;
padding: 1rem;
width: 100%;
height: 30rem;
border-radius: 1rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
.article-box a {
color: #000000;
}
.article-box.inner .img-box {
height: 50rem;
margin-bottom: 4rem;
margin-top: 1.5rem;
}
.article-box.inner .p-box img {
width: 3.8rem;
height: 3.8rem;
}
.profile-box {
width: 100%;
text-align: center;
margin-bottom: 0;
}
.profile-box .user-profile-img {
width: 16rem;
height: 16rem;
display: block;
margin: auto;
margin-bottom: 3rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 100%;
overflow: hidden;
position: relative;
border: 2px solid #ff3479;
}
.profile-box .user-name,
.profile-box .user-name .form-control {
border-radius: 0;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 0;
text-align: left;
line-height: 1.2;
height: auto;
min-height: 1px;
padding: 0;
padding-bottom: 0.8rem;
}
.profile-box .user-description {
text-align: center;
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 0;
min-height: 5.5rem;
padding-bottom: 0.8rem;
}
.profile-box .user-name .form-control {
color: #000000;
padding: 0.8rem;
border-radius: 8px; margin-bottom:0;
}
.profile-box .user-description textarea.form-control {
font-size: 1.6rem;
font-weight: 600;
min-height: 7.5rem;
overflow-x: hidden;
resize: none;
color: #000000;
text-align: left; border-radius: 8px; padding: 0.8rem; line-height: normal;
}
.profile-box .user-profile-img .user-profile-img-upload {
height: 100%;
width: 100%;
border-radius: 100%;
position: relative;
background-color: rgba(193, 205, 231, 0.7);
}
.profile-box .user-profile-img .user-profile-img-upload img {
width: 3.5rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.profile-box
.user-profile-img
.user-profile-img-upload
img.imgUpload#img-preview {
width: 100% !important;
height: 100% !important;
position: initial !important;
object-fit: cover;
transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-moz-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
}
.user-profile-img-upload .upload-input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 9;
opacity: 0;
cursor: pointer;
}
.profile-box .user-name {
/*word-break: break-all;
*/
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.profile-box .user-name label.error,
.profile-box .user-description label.error {
margin: 0;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
box-shadow: none;
background: #ffebf2;
border: 1px solid #fe2e79 !important;
border-radius: 5px;
font-size: 1.1rem;
width: 100%;
padding: 0.3rem 0.5rem;
margin-top: 0.5rem;
}
.profile-box.square {
margin-top: 7rem;
margin-bottom: 3rem;
}
.profile-box.square .user-profile-img .user-profile-img-upload,
.profile-box.square .user-profile-img {
border-radius: 1rem;
}
.profile-box.square .user-profile-img {
height: 176px;
width: 313px;
margin-bottom: 0;
}
.user-profile-img .cross-icon {
display: block;
padding: 1rem;
}
.status-box {
width: 100%;
margin: 3rem 0;
}
.status-box .statusbox-1 {
text-align: center;
color: #ffffff;
border-radius: 1rem;
background-color: #fe2e79;
padding: 1.4rem 1rem;
width: 100%;
}
.status-box .statusbox-1 p {
margin-bottom: 1rem;
font-size: 1.5rem;
margin-bottom: 0.2rem;
}
.status-box .statusbox-1 h3 {
margin-top: 0;
font-size: 2.3rem;
margin-bottom: 0;
}
.listbox {
border-radius: 1rem;
border: 1px solid #c1cde7;
padding: 1.5rem 2rem;
width: 100%;
color: #000000;
}
.pf-list {
margin: 0 -1.7rem;
}
.pf-list li {
font-size: 1.5rem;
padding: 0 1.7rem;
color: rgba(0, 0, 0, 0.5);
}
.listbox .p-img {
width: 6.5rem;
height: 6.5rem;
border-radius: 100%;
object-fit: cover;
margin-right: 1.5rem;
}
.listbox .details-sec {
padding: 1rem 0;
}
.listbox:hover {
background-color: #f4f5f9;
}
.listbox .details-sec h4 {
white-space: pre-wrap;
word-break: break-word;
padding-right: 1.5rem;
}
.listbox .details-sec h4 img {
min-width: 1.6rem;
}
.sbs-box {
border: 1px solid #c1cde7;
border-radius: 1rem;
padding: 3rem 2rem;
width: 100%;
}
.sbs-box h3 {
font-size: 2.6rem;
margin-top: 20px;
}
.sbs-box h4 {
font-size: 1.8rem;
color: rgba(0, 0, 0, 0.5);
}
.sbs-box h2 {
font-size: 5.2rem;
font-weight: 600;
margin-bottom: 0;
}
.sbs-box .top-header {
margin-bottom: 4rem;
}
.checklist-1 li {
font-size: 1.8rem;
position: relative;
padding: 0.8rem 0;
padding-left: 5rem;
margin: 1rem 0;
}
.checklist-1 li:before {
display: inline-block;
margin-right: 1.5rem;
content: "";
background-color: #f4f5f9;
top: 0.5rem;
height: 3.8rem;
width: 3.8rem;
border-radius: 100%;
background-image: url("../images/tick-icon.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 1.8rem 1.4rem;
background-position: center;
position: absolute;
left: 0;
}
.sbs-box .bottom-sec {
padding-top: 3rem;
margin-top: auto;
}
.sbs-box.selected {
border: 2px solid #fe2e79;
padding-top: 0;
overflow: hidden;
}
.header-sbs {
background-color: #fe2e79;
border: 2px solid #fe2e79;
color: #ffffff;
font-size: 1.8rem;
text-align: center;
padding: 1.2rem 2rem;
margin: 0 -2rem;
margin-bottom: 3rem;
}
.footer .es_subscription_message.success {
border-color: #46b363 !important;
background: #e4ffeb;
color: #46b363;
margin: 1rem 0;
width: 100%;
max-width: 660px;
display: block;
padding: 2rem 2rem !important;
border: 1px solid #e0e0e0 !important;
border-radius: 1rem;
font-size: 1.6rem;
}
.footer .es_subscription_message.error {
border-color: #f34040 !important;
background: #ffd1d1;
color: #f34040;
margin: 1rem 0;
width: 100%;
max-width: 660px;
display: block;
padding: 2rem 2rem !important;
border: 1px solid #e0e0e0 !important;
border-radius: 1rem;
font-size: 1.6rem;
}
.footer #spinner-image {
display: none !important;
}
.breadcrumb {
background-color: transparent;
padding: 0;
margin-bottom: 2rem;
}
.breadcrumb-item + .breadcrumb-item:before {
content: ">";
color: rgba(0, 0, 0, 0.5);
}
.breadcrumb-item,
.breadcrumb-item.active,
.breadcrumb-item a {
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.5);
}
.comment-list {
width: 100%;
}
.comment-list li {
width: 100%;
padding: 2rem 0;
border-bottom: 1px solid #ebebeb;
}
.comment-list .img-box {
margin-right: 3rem;
}
.comment-list .img-box img {
height: 6.4rem;
width: 6.4rem;
min-width: 6.4rem;
display: block;
border-radius: 100%;
object-fit: cover;
}
.comment-list li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.like:not(.liked) .liked-img {
display: none;
}
.like.liked .like-img {
display: none;
}
.like.liked {
color: #fff !important;
}
.modal {
background: rgba(0, 0, 0, 0.7);
z-index: 99999;
}
.modal .modal-dialog {
width: 100%;
max-width: 80rem;
padding: 2rem;
}
.modal .modal-dialog .modal-content {
border-radius: 1rem;
}
.modal .modal-header {
padding: 2.5rem 2rem;
border: 0;
}
.modal .modal-body {
padding: 1rem 2.5rem;
border: 0;
}
.modal .modal-footer {
padding: 1.5rem 2.5rem 2.5rem;
border: 0;
}
.modal.smallpopup .modal-dialog {
max-width: 60rem;
}
.no-pointer {
pointer-events: none !important;
}
#comments .comment-list li .comment-author.vcard img {
height: 6.4rem;
width: 6.4rem;
min-width: 6.4rem;
display: block;
border-radius: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 2rem;
}
#comments .comment-list li {
position: relative;
padding-left: 9.5rem;
}
#comments .comment-list li .comment-author.vcard a {
font-size: 2rem;
font-weight: 600;
color: #000000;
margin-bottom: 0.5rem;
}
#comments .comment-list li .comment-author.vcard .screen-reader-text.says {
display: none !important;
}
#comments .comment-list .comment-metadata time {
margin: 0.5rem 0;
font-size: 1.6rem;
color: #000000;
-ms-flex-align: center !important;
align-items: center !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
#comments .comment-list .comment-metadata time:before {
content: "";
height: 1.4rem;
width: 1.4rem;
display: inline-block;
margin-right: 0.5rem;
background-repeat: no-repeat;
background-position: center;
background-size: 1.3rem 1.3rem;
background-image: url("../images/time.svg");
}
#comments .comment-list .comment-reply .comment-reply-login,
.comment-reply .comment-reply-link {
padding: 0.8rem 2rem;
font-size: 1.6rem;
background: #c1cde7;
color: #000000;
border-radius: 0.6rem;
margin-top: 1rem;
display: inline-block;
}
.comment-respond {
border-radius: 1rem;
padding: 3.5rem;
margin-bottom: 3rem;
width: 100%;
background-color: transparent;
padding-right: 0 !important;
padding-left: 0 !important;
}
.comment-respond .logged-in-as a {
color: #000000 !important;
}
.comment-respond .logged-in-as a + a {
color: #fe2e79 !important;
}
.comment-respond .comment-form-comment label {
display: block;
}
.comment-respond .comment-form-comment textarea {
height: 16.5rem;
resize: none;
border: 1px solid #c1cde7;
border-radius: 1rem;
font-size: 1.8rem;
padding: 1rem 1.5rem;
width: 100%;
}
.form-submit input.submit {
font-size: 1.6rem;
border-radius: 1rem;
line-height: 1;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 1.5rem 3.5rem;
background-color: #fe2e79;
color: #ffffff;
border: 0;
}
.tml {
font-size: 1.8rem;
}
.user-panel
.tml
.tml-field-wrap:not(.tml-privacy_policy_reg-wrap):not(.tml-rememberme-wrap) {
position: relative;
margin-bottom: 2.5rem;
}
.user-panel
.tml
.tml-field-wrap:not(.tml-privacy_policy_reg-wrap):not(
.tml-rememberme-wrap
):not(.input-has-value-focus):not(.input-has-value)
.tml-label {
color: rgb(0, 0, 0, 0.4);
position: absolute;
margin: 0;
height: 100%;
left: 5.5rem;
top: 0;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.user-panel
.tml
.tml-field-wrap:not(.tml-privacy_policy_reg-wrap):not(.tml-rememberme-wrap)
.tml-field {
position: relative;
background-color: transparent;
padding-left: 5.5rem;
}
.user-panel .tml-field-wrap.tml-submit-wrap .tml-button {
width: 100%;
}
.tml-label a {
color: #000000;
}
.no-tm-link .tml-login-link,
.no-tm-link .tml-register-link {
display: none !important;
}
.user-panel .tml .tml-links {
text-align-last: center;
width: 100%;
margin-bottom: 0;
border-top: 0;
margin-top: 0;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
}
.user-panel .tml {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.user-panel form {
width: 100%;
margin-top: 0;
padding: 2rem 3rem;
}
.user-panel .tml-field-wrap.tml-submit-wrap {
margin-bottom: 0 !important;
}
.no-tm-link-full .tml-links {
display: none !important;
}
.user-panel .tml {
margin: 2rem 0;
box-shadow: 0 9px 12px rgba(0, 0, 0, 0.02);
}
.header.header-none,
.sidebar.sidebar-none {
display: none !important;
height: 0 !important;
}
.user-panel .logo img {
width: 12rem;
margin: auto;
margin-bottom: 6rem;
}
.main-body.user-panel {
padding-left: 0 !important;
}
.user-panel-body .footer {
padding: 2.5rem 4rem !important;
}
.user-panel .heading-box {
position: relative;
display: block !important;
}
.user-panel .tml .tml-field-wrap.input-has-value-focus .tml-label,
.user-panel .tml .tml-field-wrap.input-has-value .tml-label {
display: none !important;
}
.user-panel .tml-field-wrap.tml-indicator-wrap,
.user-panel .tml-field-wrap.tml-indicator_hint-wrap {
display: none !important;
}
.user-panel .heading-box .tml {
padding-top: 7.3rem;
}
.user-panel .heading-box .heading {
font-size: 2.2rem;
position: relative;
position: absolute;
left: 0;
width: 100%;
text-align: center;
padding: 0 2rem;
top: 5.5rem;
margin: 0;
}
.user-panel .tml-alerts {
padding: 0 3rem;
}
.user-panel .tml-alerts,
.user-panel .tml .tml-links {
padding: 1rem 3rem 0;
}
.user-panel .tml-alerts:empty {
display: none !important;
}
.user-panel .tml-alerts .tml-error {
margin: 0;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
box-shadow: none;
background: #ffebf2;
border: 1px solid #fe2e79 !important;
border-radius: 1rem;
font-size: 1.8rem;
}
.user-panel .no-tm-link .tml-links {
display: block !important;
}
.tml-profile_level-wrap {
background-repeat: no-repeat;
background-position: 4% 45%;
background-size: auto 42%;
background-image: url("../images/full-name-icon.svg");
}
.user-panel .tml-profile_level-wrap .tml-field {
padding-left: 4.3rem !important;
}
.user-panel .tml-full_name-wrap:before {
content: "";
width: 5.5rem;
height: 5.2rem;
z-index: 9;
background-image: url("../images/user-bw-icon.svg") !important;
background-repeat: no-repeat;
background-position: left 1.7rem center;
background-size: 2rem auto;
display: block;
position: absolute;
left: 0;
top: 0;
}
.user-panel .tml-dob-wrap:before {
content: "";
width: 5.5rem;
height: 5.2rem;
z-index: 9;
background-image: url("../images/date.svg") !important;
background-repeat: no-repeat;
background-position: left 1.7rem center;
background-size: 2rem auto;
display: block;
position: absolute;
left: 0;
top: 0;
}
.user-panel .tml-user_email-wrap:before,
.user-panel .tml-log-wrap:before,
.user-panel .tml-user_login-wrap:before {
content: "";
width: 5.5rem;
height: 5.2rem;
z-index: 9;
background-image: url("../images/email-icon.svg") !important;
background-repeat: no-repeat;
background-position: left 1.5rem center;
background-size: 2.4rem auto;
display: block;
position: absolute;
left: 0;
top: 0;
}
.user-panel .tml-user_pass1-wrap:before,
.user-panel .tml-user_pass2-wrap:before,
.user-panel .tml-pwd-wrap:before,
.user-panel .tml-pass1-wrap:before,
.user-panel .tml-pass2-wrap:before {
content: "";
width: 5.5rem;
height: 5.2rem;
z-index: 9;
background-image: url("../images/password-icon.svg") !important;
background-repeat: no-repeat;
background-position: left 1.8rem center;
background-size: 1.8rem auto;
display: block;
position: absolute;
left: 0;
top: 0;
}
.user-panel .tml-rememberme-wrap {
position: relative;
}
.user-panel .tml-rememberme-wrap input,
.user-panel .tml-privacy_policy_reg-wrap input {
opacity: 0;
position: absolute;
left: 0;
height: 1.8rem;
width: 1.8rem;
top: 0.45rem;
z-index: 9;
cursor: pointer;
}
.user-panel .tml-rememberme-wrap label,
.user-panel .tml-privacy_policy_reg-wrap label {
position: relative;
position: relative;
padding-left: 2.5rem !important;
display: block;
cursor: pointer;
}
.user-panel .tml-rememberme-wrap label:before,
.user-panel .tml-privacy_policy_reg-wrap label:before {
content: "";
display: block;
height: 1.8rem;
width: 1.8rem;
position: absolute;
border: 2px solid #c1cde7;
border-radius: 0.4rem;
left: 0;
top: 0.2rem;
}
.user-panel .tml-rememberme-wrap input:checked ~ label:before,
.user-panel .tml-privacy_policy_reg-wrap input:checked ~ label:before {
background-image: url("../images/check-icon.svg");
background-size: 0.98rem auto;
background-position: center;
background-repeat: no-repeat;
}
.user-panel .tml-button {
padding: 1.8rem 3.5rem;
font-size: 1.8rem;
}
.ck.ck-editor__main > .ck-editor__editable {
padding: 2rem;
box-shadow: none !important;
height: 60rem;
border: 2px solid #c1cde7 !important;
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.ck-rounded-corners
.ck.ck-editor__top
.ck-sticky-panel
.ck.ck-sticky-panel__content
> .ck-toolbar:not(.ck-toolbar_vertical) {
border: 1px solid #c1cde7 !important;
background: #c1cde7 !important;
color: #000000 !important;
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break),
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
color: #000000;
}
.ck.ck-reset_all,
.ck.ck-reset_all * {
color: #000000;
}
.ck.ck-editor__editable_inline > :first-child {
margin-top: 0 !important;
}
.ck.ck-editor__editable_inline h1[data-placeholder="Type your title"] {
display: none !important;
}
.form-1 label.error {
margin: 0;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
box-shadow: none;
background: #ffebf2;
border: 1px solid #fe2e79 !important;
border-radius: 1rem;
font-size: 1.8rem;
width: 100%;
padding: 1rem 1.5rem;
}
/*.form-1 .user-profile-img-upload label.error{z-index: 9;position: absolute;left: 0;border: 0!important;bottom: 0;line-height: 1.1;margin: 0;background: #fe2e79;border-radius: 0;color: #ffffff;font-size: 1.5rem;padding: 1rem .5rem;}*/
.form-1 .user-profile-img-upload label.error {
z-index: 9;
position: absolute;
left: 1rem;
bottom: 2rem;
line-height: 1.1;
margin: 0;
border-radius: 0;
font-size: 1.5rem;
text-align: left;
right: 1rem;
width: auto;
}
.tml .tml-message {
margin: 0;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
box-shadow: none;
background: #ebffef;
border: 1px solid #6bfe2e !important;
border-radius: 1rem;
font-size: 1.8rem;
}
.footer.footer2 {
background: #fe2e79;
padding: 2.5rem 4rem;
overflow: hidden;
}
.footer.footer2 .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
margin: 0 -2.5rem;
}
.footer.footer2 .navbar-nav li a {
color: #ffffff;
font-size: 1.8rem;
padding: 1.5rem 2.5rem;
position: relative;
}
.footer.footer2 .navbar-nav li a:after {
position: absolute;
content: "";
height: 0.8rem;
width: 0.8rem;
background-color: #ffffff;
display: block;
opacity: 0.3;
border-radius: 100%;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right: -0.4rem;
}
.footer.footer2 .navbar-nav li:last-child a:after {
display: none;
}
.footer.footer2 .form-inline label {
display: block !important;
color: #ffffff;
text-align: left;
}
footer.footer.footer2 .es_subscription_form .es_txt_email {
margin-left: 0;
margin-top: 1rem;
height: 4.7rem;
}
footer.footer.footer2 .es_subscription_form .es_submit_button {
position: relative;
display: block;
background-color: transparent;
width: 15.4rem;
height: 5.2rem;
border-radius: 1rem;
top: auto;
margin-top: auto;
right: auto;
margin-left: 0.6rem;
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
background-image: url(../images/subscribe-btn.svg);
}
.user-panel .tml-alerts .tml-error,
.form-1 label.error,
.comment-form-comment .error[for="comment"],
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7-not-valid-tip {
margin: 0;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
box-shadow: none;
background: #ffebf2;
border: 0 !important;
border-left: 4px solid #dc3232 !important;
border-radius: 0;
font-size: 1.8rem;
color: #dc3232;
}
.tml .tml-message {
margin: 0 !important;
margin-top: 1.5rem !important;
margin-bottom: 0.5rem !important;
box-shadow: none !important;
background: #ebffef;
border: 0 !important;
color: #2e9e00;
border-left: 4px solid #48bf17 !important;
border-radius: 0;
font-size: 1.8rem;
}
/*.box .row {margin-top: -2rem!important;margin-bottom: 0!important;}*/
.box:after,
.box:before{ content: ""; display: block; width: 100%;}
.comment-form-comment .error[for="comment"],
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7-not-valid-tip {
padding: 1rem 1.5rem;
}
.btn.btn-1 {
color: #000000;
}
.btn,
.tml-button {
background-color: #fe2e79;
color: #ffffff;
}
.footer {
background-color: #fe2e79;
color: #ffffff;
}
.f-list-1 li a {
border-right: 1px solid #ffffff;
color: #ffffff;
}
.sidebar .sidebar-menu .item.active a,
.sidebar .sidebar-menu .item:hover a {
background-color: #fe2e79;
color: #ffffff;
}
.sidebar .sidebar-menu .item.active a img,
.sidebar .sidebar-menu .item:hover a img {
filter: invert(1);
}
.article-box.inner .img-box {
cursor: default;
}
.check-email-verification .status .status-icon {
font-size: 10rem !important;
vertical-align: middle;
display: block;
color: #fe2e79;
font-weight: normal;
}
.check-email-verification .status-icon {
display: none !important;
}
.check-email-verification .close {
position: absolute;
right: 2rem !important;
top: 2rem !important;
background: transparent !important;
padding: 0 !important;
color: #000 !important;
opacity: 0.5;
font-size: 2rem;
}
.check-email-verification .close:hover {
opacity: 1;
cursor: pointer;
}
.check-email-verification {
background: rgba(0, 0, 0, 0.7) !important;
}
.check-email-verification .inner {
width: 100% !important;
max-width: 60rem !important;
border-radius: 1rem !important;
box-shadow: none !important;
}
.check-email-verification h2.status-title {
padding-bottom: 0 !important;
font-size: 2.4rem !important;
padding-top: 14rem !important;
background-image: url(../images/confirm.svg);
background-repeat: no-repeat;
background-size: 9.6rem 9.6rem;
background-position: top 2rem center;
}
.check-email-verification .status {
margin: 0 0 4rem;
}
.input-group > .custom-file {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.input-group > .custom-file label.error {
-ms-flex-order: 3;
order: 3;
}
.pagination {
padding: 2rem 0;
}
.pagination .prev {
font-size: 0 !important;
}
.pagination .prev span {
font-size: 2rem;
}
.pagination .next span {
font-size: 2rem;
}
.pagination .prev:after {
content: "Prev";
font-size: 1.6rem !important;
margin-left: 0.2rem;
}
.pagination .next {
font-size: 0 !important;
}
.pagination .next:before {
content: "Next";
font-size: 1.6rem !important;
margin-right: 0.2rem;
}
.pagination .page-numbers {
padding: 0.5rem 1.5rem;
border-radius: 0.6rem;
background: #ececec;
color: #4a4a4a;
margin: 0 0.5rem;
}
.pagination .page-numbers.current {
background: #fe2e79;
color: #ffffff;
}
.pagination .page-numbers.dots {
padding: 0.5rem 0;
background: transparent;
}
.pagination .page-numbers:not(.next):not(.prev):not(.current):not(.dots) {
background: transparent;
border: 1px solid #d0d0d0;
}
.comment-metadata span[aria-hidden="true"],
.comment-metadata .comment-edit-link {
display: none !important;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 50% !important;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50% !important;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 100%;
background-color: #ffffff;
border-radius: 1rem;
padding: 3.5rem;
margin-bottom: 3rem;
width: 100%;
}
.woocommerce .woocommerce-billing-fields h3 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 2.5rem;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
height: 5.2rem;
border: 1px solid #c1cde7;
border-radius: 1rem;
font-size: 1.8rem;
padding: 1rem 1.5rem;
width: 100% !important;
}
.woocommerce form .form-row label {
line-height: 1 !important;
font-size: 1.6rem !important;
display: block !important;
width: 100%;
margin-bottom: 1.5rem !important;
}
.woocommerce form .form-row {
padding: 0 1.5rem !important;
margin: 0 0 3rem !important;
}
.woocommerce form .form-row .required {
color: #fe2e79 !important;
}
.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-shipping-fields {
background: #f5f5f5;
padding: 2rem 3rem;
margin-bottom: 3rem;
}
.woocommerce-shipping-fields h3 {
margin-bottom: 0;
}
.woocommerce form .form-row textarea {
height: 16.5rem !important;
resize: none;
}
body .select2-container--default .select2-selection--single {
height: 5.2rem;
border: 1px solid #c1cde7;
border-radius: 1rem;
font-size: 1.8rem;
padding: 1rem 1.5rem;
width: 100% !important;
}
body
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
height: 100%;
position: absolute;
top: 0;
right: 1rem;
width: 20px;
}
body
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
padding: 0;
}
body .select2-container--default .select2-results__option[aria-selected="true"],
body
.select2-container--default
.select2-results__option[data-selected="true"] {
background-color: #fe2e79;
color: #fff;
}
body
.select2-container--default
.select2-results__option--highlighted[aria-selected]:not(
[data-selected="true"]
),
body
.select2-container--default
.select2-results__option--highlighted[data-selected]:not(
[data-selected="true"]
) {
background-color: #f5f5f5;
color: #000000;
}
body #add_payment_method .checkout .shipping_address,
.woocommerce-cart .checkout .shipping_address,
body .woocommerce-checkout .checkout .shipping_address {
clear: both;
padding-top: 2rem;
}
body .woocommerce-checkout-review-order {
background-color: #ffffff;
border-radius: 1rem;
padding: 3.5rem 2.5rem;
margin-bottom: 3rem;
width: 100%;
}
.checkout.woocommerce-checkout > h3 {
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
body .wc-stripe-elements-field,
body .wc-stripe-iban-element-field {
-ms-flex-align: center !important;
align-items: center !important;
display: -ms-flexbox !important;
display: flex !important;
background-color: #fff;
outline: 0;
height: 5.2rem;
border: 1px solid #c1cde7;
border-radius: 1rem;
font-size: 1.8rem;
padding: 1rem 1.5rem;
width: 100% !important;
}
body .wc-stripe-elements-field > div,
body .wc-stripe-iban-element-field > div {
width: 100%;
}
#add_payment_method #payment ul.payment_methods .stripe-card-group,
.woocommerce-checkout #payment ul.payment_methods .stripe-card-group {
width: 100%;
}
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput {
margin: -3px 0.5rem 0 0 !important;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 0 1.5rem !important;
}
body .woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
body .woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #fe2e79;
color: #ffffff;
font-size: 1.6rem;
border-radius: 1rem;
padding: 1.5rem 3.5rem;
margin: 2rem 0;
}
body .woocommerce form .form-row-first,
body .woocommerce form .form-row-last,
body .woocommerce-page form .form-row-first,
body .woocommerce-page form .form-row-last {
width: 50%;
padding: 0 1.5rem !important;
}
body .wc-credit-card-form.wc-payment-form,
.woocommerce-billing-fields__field-wrapper {
margin: 0 -1.5rem !important;
}
.woocommerce form .form-row {
padding: 0 1.5rem;
}
body #add_payment_method #payment ul.payment_methods,
body .woocommerce-cart #payment ul.payment_methods,
body .woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 2rem;
border-bottom: 1px solid #d3ced2;
margin: 0;
list-style: none outside;
margin-bottom: 3rem;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #f5f5f5 !important;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #eaeaea !important;
}
#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
border-bottom: 1em solid #eaeaea !important;
}
.woocommerce-shipping-fields h3 > label {
margin-bottom: 0;
}
.woocommerce-shipping-fields__field-wrapper {
padding-top: 3rem;
margin: 0 -1.5rem;
}
.woocommerce-additional-fields__field-wrapper {
padding-top: 1.5rem;
margin: 0 -1.5rem;
}
.col2-set > .col-1 {
padding-left: 0 !important;
}
.col2-set > .col-2 {
padding-right: 0 !important;
}
.woocommerce-terms-and-conditions-wrapper {
display: block;
width: 100%;
}
.woocommerce-checkout-review-order {
-ms-flex-align: start !important;
align-items: flex-start !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
display: -ms-flexbox !important;
display: flex !important;
}
.woocommerce-checkout-review-order > *,
.woocommerce-checkout-review-order > table {
margin: 0 1.5rem !important;
max-width: calc(50% - 3rem);
width: 100% !important;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #fe2e79 !important;
}
.woocommerce-form__label-for-checkbox.checkbox {
position: relative;
padding-left: 3.5rem;
cursor: pointer;
}
.woocommerce-form__label-for-checkbox.checkbox
input[type="checkbox"]
+ span:after {
content: "";
height: 2.5rem;
width: 2.5rem;
display: block;
position: absolute;
border: 2px solid #c1cde7;
border-radius: 0.4rem;
background-color: #ffffff;
left: 0;
top: 0;
}
.woocommerce-form__label-for-checkbox.checkbox input[type="checkbox"] {
cursor: pointer;
height: 2.5rem;
width: 2.5rem;
position: absolute;
border: 2px solid #c1cde7;
border-radius: 0.4rem;
background-color: #ffffff;
left: 0;
top: 0;
opacity: 0;
}
.woocommerce-form__label-for-checkbox.checkbox
input[type="checkbox"]:checked
~ span:after {
background-image: url(../images/check-icon.svg);
background-size: 1.5rem auto;
background-position: center;
background-repeat: no-repeat;
}
.woocommerce-checkout .woocommerce-shipping-fields {
display: none !important;
}
body .woocommerce-error {
color: #dc3232;
font-weight: normal;
display: block;
margin: 0;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
box-shadow: none;
background: #ffebf2;
border: 0 !important;
border-left: 4px solid #dc3232 !important;
border-radius: 0;
padding: 1rem 1.5rem;
}
body .woocommerce-error:before {
display: none;
}
.wc-credit-card-form.wc-payment-form .stripe-source-errors {
padding: 0 1.5rem;
}
.tml-field-wrap.tml-privacy_policy_reg-wrap .tml-label a {
color: #fe2e79;
}
.user-panel .tml-rememberme-wrap input:checked ~ label:before,
.user-panel .tml-privacy_policy_reg-wrap input:checked ~ label:before {
border-color: #fe2e79;
}
.tml .tml-checkbox + .tml-label {
display: block !important;
}
.user-panel .tml-rememberme-wrap input,
.user-panel .tml-privacy_policy_reg-wrap input {
height: 15px;
width: 15px;
top: 5px;
}
.user-panel .tml-rememberme-wrap label:before,
.user-panel .tml-privacy_policy_reg-wrap label:before {
height: 15px;
width: 15px;
top: 4px;
}
.user-panel .tml-rememberme-wrap input:checked ~ label:before,
.user-panel .tml-privacy_policy_reg-wrap input:checked ~ label:before {
background-size: 9px auto;
}
.woocommerce .blockUI.blockOverlay {
opacity: 1 !important;
background: rgba(255, 255, 255, 0.4) !important;
}
.row:blank,
.row:empty {
display: none;
}
.article-box .img-box {
overflow: hidden;
}
.article-box .img-box div {
position: relative; z-index: 2
}
.article-box .img-box:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: #000000;
opacity: 0.25; z-index: 1
}
.btn-2.btn-large img + span.m-md-auto {
margin: 0 !important;
}
.breadcrumb-item + .breadcrumb-item:before {
content: "";
height: 2rem;
width: 2rem;
background-repeat: no-repeat;
background-position: top 0.6rem center;
background-size: 0.6rem auto;
background-image: url("../images/bread-arrow.svg");
}
#popup_box {
display: none;
position: fixed;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 10000;
font-size: 15px;
top: 0;
left: 0;
}
div#popup_box .popup-content h1 {
background-color: #000;
margin: 0;
padding: 10px;
text-align: center;
font-size: 28px;
}
div#popup_box .popup-content h4 {
margin: 10px 0;
}
div#popup_box .popup-content p {
color: #000;
}
div#popup_box .popup-content > * {
padding: 0 20px;
margin: 10px 0;
}
div#popup_box .inside_popups p {
color: #000;
}
#popupBoxClose {
font-size: 18px;
line-height: 15px;
color: #6fa5e2;
font-weight: 500;
padding: 10px 12px;
background-color: #000;
margin: 15px auto 0;
color: #fff;
display: block;
text-align: center;
width: 100px;
cursor: pointer;
}
.inside_popups_outer {
display: flex;
align-items: center;
background: transparent;
justify-content: center;
padding: 20px;
overflow: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
min-height: 100%;
height: 100%;
}
.inside_popups {
display: block;
width: 100%;
max-width: 730px;
padding: 30px;
background: #fff;
border-radius: 4px;
margin: 0 auto;
/* text-align: center; */
margin-bottom: 30px;
}
.inside_popups h3 {
margin: 15px 0 5px;
}
.inside_popups p {
margin-bottom: 5px;
}
.addImg {
max-width: 730px;
width: 100%;
margin: auto;
text-align: justify;
word-wrap: break-word;
background: #fff;
height: 90px;
display: flex;
white-space: normal;
font-size: 14px;
align-items: center;
overflow: hidden;
padding: 0px !important;
}
.addImg a {
white-space: normal;
color: #000000;
}
.addImg img {
height: 90px;
border-radius: 5px;
}
.txt_type_ad {
max-width: 730px;
width: 100%;
margin: auto;
text-align: center;
word-wrap: break-word;
background: #ff71a4;
min-height: 90px;
display: flex;
white-space: normal;
font-size: 15px;
align-items: center;
padding: 0px !important;
text-align: center;
border-radius: 6px;
color: #fff !important;
}
.txt_type_ad a {
white-space: normal;
color: #fff;
width: 100%;
}
.txt_type_ad p {
padding: 15px;
}
.popupCBtn {
text-align: center;
display: inline-block;
}
.popupGraybtn {
font-size: 1.6rem;
color: #000 !important;
border-radius: 1rem;
background-color: #c1cde7 !important;
line-height: 1;
padding: 1.3rem 2.5rem;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.homeBannerPop {
max-width: 400px;
}
.tml-login a {
font-weight: 600 !important;
color: #fe2e79 !important;
}
.expert-sub-menu {
color: #fff !important;
margin-top: 8px;
padding-right: 2px !important;
}
.expert-sub-menu:after{ content: "";
width: 0;
height: 0;
display: inline-block;
border-top: solid 8px #fff;
border-right: solid 8px transparent;
border-left: solid 8px transparent;}
.expert-menu .dropdown-item {
padding: 0.6rem 1rem !important;
}
.expert-sub-menu-mob {
color: #000 !important;
margin-top: 8px;
display: inline-block;
font-size: 1.6rem;
padding-left: 12px;
padding-right: 0 !important;
width: 70px !important;
margin-left: 33px !important;
}
.profile-user-name {
border: 1px solid #fddce8;
max-width: 300px;
margin: auto;
border-radius: 30px !important;
width: 100%;
padding: 8px 15px !important;
line-height: 20px !important;
margin-bottom: 15px !important;
background: #fff;
}
.profile-user-name h3 {
margin-bottom: 0 !important;
font-size: 1.7rem !important;
}
.owl-carousel .owl-stage-outer {
overflow: visible !important;
}
.expert-menu-mob.show .dropdown-item {
text-align: left;
width: 100%;
display: inline-block !important;
padding: 0.3rem 1.5rem !important;
font-size: 13px !important;
}
.expert-menu-mob a.dropdown-item {
color: #000 !important;
}
.expert-menu-mob.show {
top: 20% !important;
left: 0 !important;
width: 200px !important;
padding: 8px !important;
}
.menu-item-45 a {
padding-top: 7px !important;
padding-left: 30px !important;
}
.expert-menu a {
color: #000 !important;
}
html {
overflow-x: hidden;
}
/*rule popup*/
.community_rules p {
color: #000;
}
.modal.community_rules .modal-body {
padding: 25px;
}
.modal.community_rules .modal-dialog {
max-width: 700px;
}
.community_rules ul {
display: block;
margin-top: 30px;
}
.community_rules ul li {
display: block;
clear: both;
position: relative;
padding-left: 34px;
line-height: 1.3;
}
.community_rules ul li:before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 12px;
height: 12px;
background: url(../images/check_left_icon.svg) center no-repeat;
background-size: 12px;
}
.community_rules ul li + li {
margin-top: 12px;
}
.video_side {
background: url(../images/video_poster.jpg) top center no-repeat;
background-size: cover;
}
.community_rules .modal-content {
background-color: #d0d9ec;
}
.community_rules li {
font-size: 1.8rem;
}
/* .cropper-container img {
width: 100% !important;
} */
.preview {
margin-left: 0 !important;
}
/* .cropperBodyScroll {
overflow: hidden !important;
} */
@media screen and (max-width: 1400px) {
/* .cropper-container.cropper-bg {
transform: scale(0.8);
-webkit-transform: scale(0.8);
transform-origin: top left;
-webkit-transform-origin: top left;
height: 410px !important;
}
.croppermodalpopup.modal .modal-dialog {
max-width: 1080px !important;
} */
}
@media screen and (max-width: 1199px) {
/* .cropper-container.cropper-bg {
transform: scale(0.6);
-webkit-transform: scale(0.6);
height: 310px !important;
}
.croppermodalpopup.modal .modal-dialog {
max-width: 825px !important;
} */
}
@media screen and (max-width: 991px) {
/* .cropper-container.cropper-bg {
transform: scale(0.4);
-webkit-transform: scale(0.4);
height: 210px !important;
}
.croppermodalpopup.modal .modal-dialog {
max-width: 580px !important;
} */
}
@media screen and (max-width: 767px) {
/* .cropper-container.cropper-bg {
transform: scale(0.3);
-webkit-transform: scale(0.3);
height: 160px !important;
}
.croppermodalpopup.modal .modal-dialog {
max-width: 436px !important;
} */
}
@media screen and (max-width: 575px) {
/* .cropper-container.cropper-bg {
transform: scale(0.2);
-webkit-transform: scale(0.2);
height: 110px !important;
}
.croppermodalpopup.modal .modal-dialog {
max-width: 312px !important;
margin-left: auto;
margin-right: auto;
} */
}
.like_post_btn {
padding: 20px;
text-align: center;
float: left;
width: 100%;
background: #fe2e79;
color: #fff;
border-radius: 10px;
min-height: 100px;
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.like_post_btn img {
width: 2.7rem !important;
height: auto !important;
margin: 10px;
}
.create_post_btn {
padding: 20px;
text-align: center;
float: left;
width: 100%;
background: #fe2e79;
color: #fff;
border-radius: 10px;
min-height: 100px;
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.create_post_btn img {
width: 2.9rem !important;
height: auto !important;
margin: 10px;
}
.like_post_btn:hover,
.create_post_btn:hover {
color: #fff;
background: #e61e66;
}
.mobile-view .sidebar-menu.phone-menubar-sp {
display: flex;
}
.mobile-view .sidebar-menu.phone-menubar-sp li {
background: #ccd3e4;
width: 20%;
}
.mobile-view .sidebar-menu.phone-menubar-sp li.mobile_active {
background: #ff3479;
width: 20%;
}
.mobile-view .sidebar-menu.phone-menubar-sp li a img {
width: 20px !important;
padding: 3px;
}
.mobile-view .sidebar-menu.phone-menubar-sp li img{ width: 24px; padding: 0 !important; height: 18px !important; object-fit: contain; }
.mobile-view .sidebar-menu.phone-menubar-sp li .dropdown{ height: 100%; }
.mobile-view .sidebar-menu.phone-menubar-sp li .dropdown img{ margin-left: auto;
margin-right: auto;
display: block;
margin-top: 0;
width: 100%;
max-width: 100% !important;
padding-top: 10px !important;
height: 40px !important;
padding-bottom: 12px !important; }
.mobile-view .sidebar-menu.phone-menubar-sp li .dropdown .expert-menu-mob.show{ left: auto !important; right: 0 !important; top: 100% !important; transform: translate(0, 0) !important; -webkit-transform: translate(0, 0) !important; }
@media screen and (max-width: 991px) {
/* .cropper-container.cropper-bg {
transform: scale(0.4);
-webkit-transform: scale(0.4);
height: 210px !important;
}
.croppermodalpopup.modal .modal-dialog {
max-width: 580px !important;
} */
.box .mobile-only.row > div {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 991px) {
.desktop-only {
display: none !important;
}
}
@media screen and (min-width: 992px) {
.mobile-only {
display: none !important;
}
}
.applied_user {
background-color: #c1cde7 !important;
pointer-events: none;
color: #000 !important;
}
.verified_user {
background-color: #fff !important;
pointer-events: none;
color: #000 !important;
font-size: 20px !important;
}
.verified_user img {
width: 25px !important;
}
.createpost_userverify_btn {
background-color: #c1cde7;
color: #000;
padding: 20px;
text-align: center;
border-radius: 10px;
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
display: block;
white-space: initial;
word-break: break-word;
}
.createpost_userverify_btn-big {
background-color: #c1cde7;
color: #000;
padding: 20px;
text-align: center;
border-radius: 10px;
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
min-height: 100px;
white-space: initial;
word-break: break-word;
}
.createpost_userverify_btn-big:hover,
.createpost_userverify_btn-big:focus {
white-space: initial;
word-break: break-word;
}
.createpost_userverify_btn:hover,
.createpost_userverify_btn:focus {
white-space: initial;
word-break: break-word;
}
.createpost_userverify_btn:hover {
background-color: #c1cde7;
color: #000;
}
.woocommerce .orderDetails table.shop_table tbody th,
.woocommerce .orderDetails table.shop_table tfoot td,
.woocommerce .orderDetails table.shop_table tfoot th,
.woocommerce .orderDetails table.shop_table th,
.woocommerce .orderDetails b,
.woocommerce .orderDetails strong {
font-weight: 400 !important;
}
.orderDetails .cart-subtotal,
.orderDetails .order-total,
.orderDetails .shipping {
display: none !important;
}
.orderDetails .order-total.recurring-total {
display: table-row !important;
}
/*--video css--*/
.form-1 .form-check .form-check-label {
padding-left: 5px;
margin-bottom: 0px;
}
.video-template-input-row {
display: flex;
flex-wrap: wrap;
}
.video-template-input {
margin-right: 20px;
}
.video-template-input input {
visibility: hidden;
position: absolute;
}
.video-template-input input + label {
border: solid 3px transparent;
border-radius: 8px;
}
.video-template-input input:checked + label {
border: solid 3px #fe2e79;
}
.custom-file {
margin-bottom: 20px;
}
.custom-file .btn {
border: 0px;
}
.custom-file span svg {
display: none;
}
.youtube-input {
position: relative;
}
.youtube-input .yt-icon {
position: absolute;
left: 15px;
top: 12px;
}
.form-group.youtube-input input {
padding-left: 72px;
}
.custom-input-video {
margin-bottom: 20px;
}
.custom-input-video input[type="file"] {
background: #fe2e79;
/* height: 40px; */
border-radius: 1rem;
font-size: 17px;
/* width: 310px; */
padding: 6px 20px;
color: #fff;
}
.file-input-icon {
margin-right: 10px;
}
.video-template-1 {
border: solid 1px #ccc;
position: relative;
border-radius: 10px;
width: 100%;
display: block;
text-align: center;
}
.video-template-1 h3 {
padding: 15px;
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: normal;
margin: 0;
background: #fff;
border-radius: 0 0 10px 10px;
}
.video-template-1 .tem-logo {
position: absolute;
left: 5px;
top: 5px;
z-index: 10;
background: #fff;
border-radius: 10px;
padding: 5px;
}
.video-template {
border: solid 1px #ccc;
position: relative;
border-radius: 10px;
width: 100%;
display: block;
text-align: center;
}
.video-template .video-heading {
display: flex;
align-items: center;
padding: 10px;
border-radius: 0 0 10px 10px;
}
.video-template .video-heading .tem-logo {
background: #fff;
border-radius: 10px;
padding: 5px;
flex: 0 0 auto;
}
.video-template .video-heading h3 {
flex: 1;
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: normal;
margin: 0;
border-radius: 10px 10px 0 0;
padding: 0 10px;
}
.cropper-point {
background-color: #fe2e79 !important;
}
.cropper-line {
background-color: #fe2e79 !important;
}
.cropper-view-box {
outline: 2px solid #fe2e79 !important;
outline-color: #fe2e79 !important;
}
.footerwithoptions {
display: flex;
width: 100%;
justify-content: space-between;
}
.footerwithoptions p {
font-size: 14px;
}
.footerwithoptions p {
margin: 0 0 10px 0 !important;
}
.fOptions {
flex-grow: 1;
padding-right: 30px;
}
.cropLinks {
white-space: nowrap;
}
.cropLinks * {
display: inline-block;
}
@media screen and (max-width: 767px) {
.footerwithoptions {
flex-wrap: wrap;
}
.sidebar-menu.phone-menubar-sp .dropdown .expert-menu-mob a{padding: 1.3rem 1.5rem !important;}
.cropLinks {
order: 1;
white-space: normal;
width: 100%;
}
.fOptions {
order: 2;
width: 100%;
padding-top: 10px;
}
.footerwithoptions p{ font-size: 13px !important; }
}
.article-box.inner iframe,
.article-box.inner video {
display: block;
}
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
cursor: pointer;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.template-footer-logo {
width: 60px;
}
.smImgUpload {
width: 50px;
float: left;
height: 50px;
}
.upload-btn {
background-color: #fe2e79;
border: 1px solid #fe2e79;
font-size: 14px;
color: #fff;
border-radius: 5px 0 0 5px;
cursor: pointer;
box-shadow: 0 3px 6px rgba(188, 188, 188, 0.16);
}
.upload-btn {
position: relative;
}
.upload-btn input {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
}
.showFileView {
border: 1px solid #fe2e79;
padding: 0 8px;
color: #000;
font-size: 14px;
height: 50px;
line-height: 48px;
float: left;
border-radius: 0 5px 5px 0;
max-width: calc(100% - 50px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sumsub-logo {
display: none !important;
}
.videoBtn {
float: left;
}
.videoBtn a {
background: #fe2e79;
padding: 0 15px;
color: #fff !important;
font-size: 1.6rem;
height: 50px;
line-height: 48px;
border-radius: 5px;
margin-left: 5px;
display: inline-block;
}
.messageBlog {
font-size: 12px !important;
color: #000;
font-weight: normal !important;
}
.video-upload-container .upload-btn > label.error {
position: absolute;
width: 280px;
left: 0px;
top: 47px;
}
#cke_1_bottom {
display: none;
}
.subscriptionBadge {
position: absolute;
top: 27px;
left: 0;
right: 0;
text-align: center;
background: #fff;
height: 60px;
width: 60px;
border-radius: 50%;
margin: auto;
}
.verify-tag {
display: inline-block;
width: 20px;
position: relative;
}
.imageArtical{ position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.hometabsscontent{ min-height: 200px; }
.hometabss.nav-tabs{ text-align: center;
border-bottom: 3px solid #fe2e79;
margin: -25px -25px 0 -25px !important; background: #C1CDE7; padding-top: 10px; }
.hometabss.nav-tabs .nav-item.show .nav-link,
.hometabss.nav-tabs .nav-link.active{ color: #fff; background-color: #fe2e79; border-color: #fe2e79 #fe2e79 #fe2e79; }
.hometabss.nav-tabs .nav-link:focus,
.hometabss.nav-tabs .nav-link:hover{ border-color: #fe2e79 #fe2e79 #fe2e79; }
.hometabss.nav-tabs .nav-link.active:focus,
.hometabss.nav-tabs .nav-link.active:hover{ border-color: #fe2e79 #fe2e79 #fe2e79; }
.hometabss li.nav-item{ display: inline-block; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: 3px; margin-right: 3px; }
.hometabss li.nav-item:before{ display: none; }
.hometabss li.nav-item a{ border-color:#fe2e79; padding: 1rem 2rem; background: #fff; border-color: #fe2e79 #fe2e79 #fe2e79; color: #fe2e79; border-radius: 10px 10px 0 0; font-weight: 600; font-size: 14px; border-bottom: 0 !important;}
.hometabsscontent .modalBtns{ min-width: 250px; display: inline-block; background: #fff; border: solid 1px #fe2e79; height: 62px; color: #fe2e79; display: inline-flex; align-items: center; justify-content: center; }
.hometabsscontent .modalBtns:hover{ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 0 0 2px #fe2e79; }
.selectpicker_custom {
display: block;
clear: both;
width: 100%;
position: relative;
z-index: 10;
}
.selectpicker_custom .picker {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
position: relative;
font-weight: 500;
min-height: 38px;
opacity: 1;
box-shadow: none;
outline: none;
border: 1px solid #c1cde7;
border-radius: 8px;
padding-left: 0.5rem;
padding-right: 35px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background: #fff;
}
.selectpicker_custom .picker>.pc-element {
font-size: 14px;
color: #fff;
background-color: #fe2e79;
padding: 5px 28px 5px 10px;
border-radius: 50px;
font-weight: 400;
border: 0;
margin: 3px 8px 3px 0; display: inline-flex; align-items: center;
}
.selectpicker_custom .picker>.pc-element:hover{ background: #e9246b; }
.selectpicker_custom .picker .pc-select {
height: 100%;
display: block;
width: auto;
max-width: 100%;
position: absolute;
z-index: 0;
top: 0;
min-width: 100%;
left: 0;
}
.selectpicker_custom .picker .pc-select .pc-trigger {
margin: 0;
position: absolute;
border: 0;
line-height: 42px;
padding-left: 15px;
color: #6c757d;
border-radius: 4px;
top: 0;
bottom: 0; left: 0; font-weight: 600;
}
.selectpicker_custom .picker .pc-element + .pc-select .pc-trigger {
color: transparent;
}
.selectpicker_custom .picker .pc-select .pc-trigger:after {
content: "";
width: 12px;
height: 12px;
background: url(../images/down.svg) center no-repeat;
position: absolute;
top: 50%;
right: 15px;
z-index: 1;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
background-size: 100%;
}
.selectpicker_custom .picker .pc-select .pc-list {
border-radius: 0px;
border: 0;
top: 100%;
}
.selectpicker_custom .picker .pc-select .pc-list ul {
border: solid 1px #000;
border-radius: 0;
max-height: 175px;
-webkit-overflow-scrolling: touch;
padding: 0 0;
box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.selectpicker_custom .picker .pc-select .pc-list li {
padding: 5px 14px;
color: #000; font-weight: 400;
}
.selectpicker_custom .picker .pc-select .pc-list li:hover {
background: #fe2e79;
color: #fff;
}
#popup_box_body{ height: 26vh !important; }
.selectpicker_custom .picker:focus{ border-color: #86b7fe; }
.picker .pc-element .pc-close:after, .picker .pc-trigger .pc-close:after{ font-size: 0px; }
.picker .pc-element .pc-close, .picker .pc-trigger .pc-close{ vertical-align: middle; right: 1px; width: 20px; height: 20px; font-size: 0; background: url(../images/close-white.svg) center no-repeat; display: inline-block;}
.agree_button:after{ content: ""; width: 16px; height: 16px; display: inline-block; margin-left: 12px; background: url(../images/iagree-icon.svg) center no-repeat; background-size: 100% !important; }
@media screen and (min-width: 400px) and (max-width: 440px)
{
.hometabss li.nav-item a{ font-size: 1.6rem; }
}
@media screen and (min-width: 374px) and (max-width:399px)
{
.hometabss li.nav-item a{ font-size: 1.4rem; }
}
@media screen and (max-width: 374px)
{
.hometabss li.nav-item{ display: block; width: 100%; margin: 10px 0; }
.hometabss li.nav-item a{ border: solid 1px #dee2e6 !important; border-radius: 8px;}
.hometabss{ border-bottom: 0 !important; }
.hometabsscontent .modalBtns{ min-width: 200px; width: 100%; padding-left: 10px; padding-right: 10px; }
.hometabss.nav-tabs{ background: transparent; margin: 0 !important; padding: 0; }
}
.form-authorpage.form-inline .form-control{ border: solid 1px #000; background-color: transparent; color: #000; }
.form-authorpage.form-inline .form-control::placeholder {color: #888;}
.form-authorpage.form-inline .search-btn{ color: #000; }
@media screen and (max-width: 576px)
{
.mediafull{ width: 100%; }
.mediafull form{ width: 100%; }
.mediafull form .form-control{ width: 100%; max-width: 100%; }
}
.profile-box .row
{
margin-left: -0.6rem;
margin-right: -0.6rem; margin-bottom: 0 !important;
}
.profile-box .row > div {
padding-left: 0.6rem;
padding-right: 0.6rem;
}
.box .profile-box .row > div{ margin: 0; }
.form-label-title{ display: block;
font-size: 13px;
font-weight: 500;
padding-bottom: 4px;
line-height: normal;
margin-bottom: 0;
text-align: left; }
.btn-grp .btn.btncancel{ background: #C1CDE7; color: #fff; border-color: #C1CDE7; }
.btn-grp .btn.btncancel:hover{ background: #9AABCE; color: #fff; border-color: #9AABCE; }
.adslogos .owl-nav{ display: none !important; }
.adslogos .owl-nav button{ width: 30px; height: 30px; z-index: 2; background: #fff; border-radius: 50px; display: inline-block; text-align: center; position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.adslogos .owl-nav button.owl-next{ right: -30px; }
.adslogos .owl-nav button.owl-prev{ left:-30px; }
.adslogos .owl-nav button.disabled{ display: none; }
.adslogos .owl-stage-outer{ overflow: hidden !important; }
.adslogos .owl-dots{ display: flex; align-items: center; justify-content: center; margin-top: 1.8rem; }
.adslogos .owl-dots button{ display: inline-block; border: 0; margin: 0 4px; }
.adslogos .owl-dots button span{ display: inline-block; width: 8px; height: 8px; border-radius: 50px; background: rgba(0, 0,0, 0.3); }
.adslogos .owl-dots button.active span{ background: rgba(0, 0, 0, 0.7); }
.adslogos .owl-stage .owl-item .item{ margin-right: 20px; height: 80px; display: flex; align-items: center; justify-content: center; }
.adslogos .owl-stage .owl-item .item a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.adslogos .owl-stage .owl-item .item img{ max-height: 80px; }
@media screen and (max-width: 767px)
{
.adslogos .owl-nav button.owl-next{ right: -15px; }
.adslogos .owl-nav button.owl-prev{ left:-15px; }
}
.s_btns .btn + .btn{ margin-left: 10px; }
.s_btns .btn{ margin-top:5px; margin-bottom: 5px; }
.smtitles{ color: #FE2E79; }
.subscription_left{ display: flex; align-items: start; }
.sl_icon{ min-width: 50px; }
.sl_content{ padding-top: 10px; }
.sl_content h3{ font-weight: 700; }
.s_values{ display: flex; align-items: center; margin-top: 4px;}
.s_values div{ min-width: 34px; }
.s_values span{ padding-top: 3px; }
.s_btns{ text-align: right; }
@media screen and (max-width: 575px)
{
.s_btns{ text-align: left; }
.s_btns .btn{ margin-left: 50px; }
}
@media screen and (max-width: 480px)
{
.s_btns .btn{ display: block !important; margin-left: 0 !important; margin-right: 0 !important; width: 100%; }
}
.toprightFilters .form-group{ display: inline-block; margin-right: 12px;}
.toprightFilters .form-control{ background: #fff !important; width: auto; min-width: 200px; border-color: #C1CDE7 !important; padding-right: 10px;}
.toprightFilters .form-control.form-select{ padding-right: 25px; }
.toprightFilters .form-group:last-child{ margin-right: 0; }
.toprightFilters .btn{ height: 3.7rem; }
@media screen and (max-width: 1250px)
{
.toprightFilters{ width: 100%;
display: block;
margin-top: 10px; }
}
@media screen and (max-width: 575px)
{
.toprightFilters .form-group{ display: block; margin-right: 0; width: 100%; }
.toprightFilters .btn{ width: 100%; display: block; }
}
/*.modal_headerlogo{ display: block; margin: -25px -25px 25px -25px; background: #C1CDE7; border-radius: 1rem 1rem 0 0; padding: 25px; }*/
.modal_headerlogo{ padding-bottom: 20px; }
body.modal-open{ overflow: hidden !important; height: 100vh !important; }
#login_popup_box_body{ padding-top: 30px; text-align: center; display: block; }
#login_popup_box_body + .modal-footer{ padding-bottom: 0 !important; }
#login_popup_box.modal.community_rules .modal-dialog {max-width: 520px;}
.croppermodalpopup.modal .modal-header{ padding: 0 !important; }
.croppermodalpopup .img-container{ margin: 5px auto !important; }
@media screen and (max-width: 1199px)
{
.croppermodalpopup .modal-dialog{ padding: 0rem !important; margin:0 !important; }
.croppermodalpopup .modal-content{ border-radius: 0 !important; border: 0 !important; }
.croppermodalpopup.modal .modal-body{ padding: 2rem 3rem !important; padding-bottom:0 !important; }
.croppermodalpopup.modal .modal-footer{ padding: 1.0rem 3rem 1.0rem !important; position: sticky; bottom: 0; background: #fff; z-index: 3; }
.footerwithoptions p:last-child{ margin-bottom: 0 !important; }
.cropLinks{ display: flex; align-items: center; width: 100%; justify-content: space-between; }
.cropLinks > a, .cropLinks > a + button{ width: 48%; }
.cropLinks > a button{ display: block; width: 100%; }
.fOptions{ display:flex; width: 100%; padding-right: 0; }
.footerwithoptions p{ margin: 0 !important; }
.fOptions p:last-child{ margin-left: 20px !important; }
.footerwithoptions{ margin: 0; }
}
.loginmodalhome .loginOptions a {
display: flex;
width: 100%;
border-radius: 4px;
height: 52px;
align-items: center;
justify-content: flex-start;
margin-bottom: 15px;
cursor: pointer;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.loginmodalhome .loginOptions a.email_social_icon{ background: #e61e66; }
.loginmodalhome .loginOptions a.email_social_icon:hover{ background: #d0185a; }
.loginmodalhome .loginOptions a span {min-width: 40px; text-align: right; }
.loginmodalhome .loginOptions a span img {width: 24px; height: 24px; object-fit: contain; }
.loginmodalhome .loginOptions a label {flex-grow: 1; text-align: center; color: #fff; margin-bottom: 0; cursor: pointer; }
.continuewith{ display: flex; align-items: center; width: 100%; font-size: 14px; justify-content: center;}
.continuewith:before{ content: ""; flex-grow: 1; height: 1px; background: #ddd; display: inline-block; }
.continuewith:after{ content: ""; flex-grow: 1; height: 1px; background: #ddd; display: inline-block; }
.continuewith span{ display: inline-block; padding: 0 20px; white-space: nowrap; }
.loginmodalhome div.mo-openid-app-icons{ display: flex !important; align-items: center; justify-content: center; width: 100%; max-width: 270px; margin-left: auto; margin-right: auto; }
.loginmodalhome div.mo-openid-app-icons a{border: 0 !important; width: 50px !important; max-width: 50px; height: 50px !important; font-size: 0 !important; display: inline-block !important; margin: 0 10px !important; background-size: 50px !important;}
.loginmodalhome div.mo-openid-app-icons a img{ display: none !important; }
.loginmodalhome div.mo-openid-app-icons a.mo_btn-facebook{ background: url(../images/facebookicon.svg) center no-repeat;}
.loginmodalhome div.mo-openid-app-icons a.mo_btn-google{ background: url(../images/googleicon.svg) center no-repeat; }
.loginmodalhome div.mo-openid-app-icons a.mo_btn-linkedin{ background: url(../images/linkediniconnew.svg) center no-repeat; }
body.single .modal-backdrop.fade.show,
body.login_popup_open .modal-backdrop.fade.show { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background: transparent; opacity: 1; }
.adslogos .owl-stage .owl-item .item{ height: 200px; width: 200px; border-radius: 10px; background: #fff; margin-right: 0; }
.adslogos .owl-stage .owl-item .item img{ height: auto; width: auto; max-width: 70%; max-height: 70%; border-radius: 0; }
@media screen and (max-width: 767px)
{
.loginmodalhome div.mo-openid-app-icons a{ width: 40px !important; height: 40px !important;background-size: 40px !important; }
.adslogos .owl-stage .owl-item .item{ height: 110px; width: 110px; }
}
.indexpages .loginOptions a.sigjnupbutton{ background: #fff !important; border: solid 1px #e61e66; }
.indexpages .loginOptions a.sigjnupbutton label{ color: #e61e66; }
.indexpages .loginOptions .mo_btn-social.mo_btn-google:hover,
.indexpages .loginOptions a.sigjnupbutton:hover{ background: #c1cde7 !important; }
.video_mask{ height: auto !important; overflow: auto !important; min-height: 100vh !important; }
.dekstop-view .sidebar-menu li.active a,
.dekstop-view .sidebar-menu li a:hover{ background: #fe2e79; color: #fff; }
.dekstop-view .sidebar-menu li.active a img,
.dekstop-view .sidebar-menu li a:hover img{ filter: invert(1); -webkit-filter: invert(1); }
.mobile-view .sidebar-menu li.active a,
.mobile-view .sidebar-menu li a:hover{ background: #fff; color: #fe2e79; }
.mobile-view .sidebar-menu li.active a img,
.mobile-view .sidebar-menu li a:hover img{ filter: brightness(0) invert(0); -webkit-filter: brightness(0) invert(0); }
#profile-level-dropdown .entered.litespeed-loaded {
width: 16px;
}
.article-box a.tag1 img.mr-3 {
width: 1rem !important;
height: auto !important;
}
/* .header.fixed .form-inline .form-control {
display: none;
} */
.loginmodalhome div.mo-openid-app-icons a{max-width: 50px;}
.homepageLoginModal{ position: fixed; padding: 2rem; z-index: 999999; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); }
.modalBackdrop{ backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
background: transparent;
opacity: 1;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%; }
.homepageLoginModal_inner{ position: relative; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: auto; -webkit-overflow-scrolling:touch; }
.homepageLoginModalBox{ border-radius: 1rem;padding: 25px;background-color: #fff; display: inline-block; width: 100%; max-width: 420px; position: relative;}
body.login_popup_open{ overflow: hidden !important;
height: 100vh !important;}
.homepageLoginModalBox #closeloginPopup{ position: absolute;
background: transparent;
color: #888;
border: 0;
right: 20px;
}
@media screen and (min-width: 992px)
{
.footer .form-inline .emaillist{ display: inline-block; padding-right: 55px; }
}
@media screen and (max-width: 575px)
{
.footer .d-flex.f-list-1 li:first-child{ width: 100%; }
}
.likeicon{ width: 16px; height: 15px; background: url(../images/likeicon.svg) 0 0 no-repeat; display: inline-block; margin-right: 0.3rem !important; vertical-align: middle; position: relative; top: -1px; }
.liked .likeicon{ background-position: left bottom; }
/*body.page-template-login .loginOptions a{ padding-right: 41px !important; }*/
.logo-tagline p + p{ margin-top: 0 !important; }
@media screen and (max-width: 991px)
{
body.page-template-login .continuewith:before,
body.page-template-login .continuewith:after{ background: #fff; }
body.page-template-login .continuewith{ display: none !important; }
}
.language-switcher-menu{ display: inline-block; margin-right: 4rem; }
.language-switcher-menu select{ background-color: #ffffff; outline: none !important; box-shadow: none !important;
display: inline-block;
padding: 0.8rem 1rem;
font-size: 1.6rem;
border-radius: 1rem;
line-height: 1;
font-weight: 400;
border: 0;/* width: 150px;*/
}
.language-switcher-menu select option:first-child{ display: none; }
.gt_float_switcher .gt-selected .gt-current-lang{ padding: 0.66rem 1rem !important;
border-radius: 1rem !important;
line-height: 1;
font-weight: 400 !important;}
.gt_float_switcher img{ width: 22px !important; }
.gt_float_switcher .gt-selected{ border-radius: 1rem !important; }
.gt_float_switcher{ border-radius: 1rem !important; box-shadow: none !important; font:inherit !important; vertical-align: middle; font-size: 1.4rem !important;}
.gt_float_switcher .gt_options a:hover{ background-color: #fe2e79 !important; }
.gt_float_switcher .gt_options{ position: absolute !important; top: 100%; background: #fff; }
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{ transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important; }
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate{ transform: rotate(-180deg) !important; -webkit-transform: rotate(-180deg) !important; }
.gt_float_switcher .gt_options a{ padding-left: 10px !important; padding-right: 10px !important; }
/*.gt_float_switcher .gt_options a[data-gt-lang="zh-CN"]{ font-size: 0; }
.gt_float_switcher .gt_options a[data-gt-lang="zh-CN"]:after{ content: "Chinese"; font-size: 1.4rem; }*/
@media screen and (min-width: 992px) and (max-width: 1450px)
{
.language-switcher-menu{ margin-right: 1rem; }
.header .navbar .right-bar .item:not(:first-child) { margin-left: 1rem !important; }
}
@media screen and (min-width: 992px) and (max-width: 1250px)
{
.navbar-light .navbar-nav .nav-item .nav-link, .navbar-light .navbar-nav .nav-item a{ padding-left: 1rem !important; padding-right: 1rem !important; }
}
@media screen and (max-width: 1100px)
{
.language-switcher-menu{ margin-right: 0; margin-left: 1.5rem; /*height: 45px;border-radius: 100%;min-height: 45px;
min-width: 45px; background: #fff; width: 45px;*/ position: relative; }
.language-switcher-menu select{ height: 45px;
width: 45px;border-radius: 100%;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);min-height: 45px;
min-width: 45px; overflow: hidden;}
.language-switcher-menu:after{ content: ""; width: 100%; height: 100%; pointer-events: none; position: absolute; z-index: 3; /*background: #fff url(../images/language-icon.svg) center no-repeat;*/ background-size: 46%; border-radius: 50%; top: 0; left: 0; }
.gt_float_switcher .gt_options{ min-width: 130px; }
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{ display: none; }
.gt_float_switcher .gt-selected .gt-current-lang{ text-align: center; line-height: 45px; width: 45px; max-width: 45px;
padding: 0 !important;border-radius: 100% !important; }
.gt_float_switcher .gt-selected, .gt_float_switcher{ border-radius: 100% !important; }
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{ display: none !important; }
.gt_float_switcher img{ margin: 0 !important; }
.gt_float_switcher{box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.gt_float_switcher .gt_options{ right: -30px; margin-top: 10px; }
}