html {
scroll-behavior: auto !important;
}
body {
/* background-color: #fbfbfb;*/
background-color: #fff;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Lato', sans-serif;
}
.color-white{
color: #fff !important;
}
.navbar-light {
background: #fff;
box-shadow: 0 2px 15px 0 rgb(0 0 0 / 15%);
}
.main-content{
margin-top: 110px;
min-height: 1000px;
}
.main-content.main_2_content-2 {
margin-top: 80px;
min-height: 1000px;
}
.btn-primary{
background-color: #ff7521;
border-color:#ff7521;
color: #fff;
}
.btn-orange{
background-color: #ff7521;
border-color:#ff7521;
color: #fff;
}
.btn-big {
padding: 10px 30px;
font-size: 1.3rem;
}
.link-color.orange-color:hover{
color: #ff7521 !important;
}
/*.aboutev-des ol, .aboutev-des ul {
padding-left: 1.2rem;
}*/
.services_wrapper .tab-content p {
margin: 10px 0px !important;
}
.et-search-box {
display: flex;
width: 100%;
position: relative;
padding: 0px;
flex-direction: row-reverse;
background-color: #f5f5f5;
}
.et-search-box .form-control {
width: 100%;
border-radius: 0px !important;
padding: 0 20px;
/*font-size: 1vw;
*/
font-size: 14px;
height: auto;
background-color: transparent;
border-color: transparent;
}
.et-search-box .btn-primary {
box-shadow: none;
background-color: transparent !important;
color: #888 !important;
border-radius: 0px;
border: 0px;
padding: 10px 12px 5px;
min-width: 50px;
font-size: 18px;
}
.et-search-box .btn-primary:hover, .et-search-box .btn-primary:focus, .et-search-box .btn-primary:active, .et-search-box .btn-primary:not([disabled]):not(.disabled):active {
box-shadow: none;
background-color: transparent !important;
color: #888 !important;
}
.et-search-box .form-control:focus{
box-shadow: none;
}
.autoSuggestion{
position: fixed;
margin-top: 11px;
background: white;
width: 255px;
border: 1px solid #bfbfbf;
width: 98%;
display: none;
}
#navbar-form-search .text-truncate > a img {
float: left;
}
#navbar-form-search {
position: relative;
}
#navbar-form-search .autoSuggestion {
position: absolute;
top: 100%;
left: 38px;
background-color: #fff;
max-width: 100%;
min-width: 260px;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
border: 1px solid #ddd;
}
#search-box-navbar {
position: relative;
}
#search-box-navbar .autoSuggestion {
position: absolute !important;
top: 100%;
left: 0px !important;
margin-top: 0px !important;
width: 100% !important;
background-color: rgba(255, 255, 255, 0.95) !important;
border: none !important;
box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);
}
.flexItem {
display: flex;
}
.SuggestionItem-image {
width: 45px;
height: 45px;
background-size: cover;
background-position: center;
border-radius: 4px;
margin-right: 10px;
}
.SuggestionItem a {
color: #474747;
text-decoration: none;
}
.SuggestionItem-title {
font-size: 16px;
color: #474747;
font-weight: 500;
}
.SuggestionItem {
padding: 10px 10px;
border-bottom: 1px solid #e7e7e7;
}
.SuggestionItem:last-child {
border-bottom: 0px solid transparent;
}
.SuggestionItem-button a {
display: flex;
justify-content: center;
padding: 10px;
background-color: #000;
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 500;
}
.primary-label {
background-color: #33ac4c;
color: #FFF;
padding: 2px 8px;
border-radius: 3px;
margin-left: 10px;
}
.primary-label {
background-color: #33ac4c;
color: #FFF;
padding: 2px 8px;
border-radius: 3px;
margin-left: 10px;
}
.SuggestionItem-button span {
padding: 4px 15px;
color: #242424;
font-weight: 200;
}
.view {
position: relative;
overflow: hidden;
cursor: default;
}
.view .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-attachment: fixed;
}
.view img {
width: 100%;
}
.custom-caption {
position: absolute;
top: 9%;
display: block;
z-index: 999999999;
left: 65%;
font-size: 20px;
color: #fff;
font-weight: 500;
letter-spacing: 1px;
padding-top: 20px;
}
.starBox .fa {
color: yellow;
font-size: 22px;
}
.carousel-indicators {
bottom: 30px;
z-index: 999999;
}
.carousel .carousel-indicators li {
width: .625rem;
height: .625rem;
cursor: pointer;
border-radius: 50%;
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease;
}
.rgba-indigo-light, .rgba-indigo-light:after {
background-color: #05b0ef45 !important;
}
.carousel-caption.carousel-captionNew {
top: 25%;
}
.carousel-caption {
width: 80%;
margin: 0 auto;
}
.carousel-caption {
position: absolute;
right: 10%;
top: 22%;
left: 10%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #4d4c4c;
text-align: center;
}
.carousel-caption.carousel-captionNew h3.h3-responsive {
max-width: 880px;
text-align: left;
}
.h2-sub {
font-family: 'Lato', sans-serif;
font-size: 60px;
line-height: 1;
}
.sub-bhead {
font-size: 28px;
line-height: 60px;
}
.h2-sub-next {
margin-bottom: 24px;
font-weight: 400;
}
.lead {
font-family: 'Lato', sans-serif;
font-size: 22px;
}
.h3-responsive {
font-size: 6.5rem;
}
.font-weight-bold {
font-weight: 700!important;
}
.orange-color {
color: #ff7521 !important;
}
.orange-color-2 {
color: #ff5000 !important;
}
.light-bg{
background: #CCC;
color: #fff;
}
.light-bg.carousel-inner-pink-bg{
background-color: rgb(70 249 249 / 33%);
color: #fff;
}
.light-blue-bg{
background: #b3ceff;
color: #fff;
}
.fadeInRight .sub-bhead {
font-weight: initial;
text-align: left;
max-width: 700px;
line-height: 36px;
margin: 15px 0;
margin-bottom: 40px;
}
.heroVideo{
margin-top: 60px;
}
.bg-grey {
background: #f7f7f7 !important;
}
.logolist li {
display: inline-flex;
margin-right: 10px;
margin-top: 10px;
}
.logolist li img {
width: 140px;
height: 40px;
}
.banner-list {
display: none;
}
#footer {
background-color: #333 !important;
height: 50px !important;
padding-bottom: 50px !important;
position: fixed;
width: 100%;
z-index: 999;
bottom: 0px !important;
}
.foot-row {
padding: 10px 0px 0px 0px;
}
.footer-reserve p {
margin-bottom: 10px;
}
footer.page-footer#footer {
background-color: #34456a;
position: static !important;
min-height: 60px !important;
height: auto !important;
padding-bottom: 0 !important;
}
.footer-navbar {
width: 100%;
border-bottom: 1px solid #6c757d;
/*padding-bottom: 5px;*/
}
.footer-navbar .foot-ancor {
text-align: left;
padding: 0px;
}
.a1 {
width: auto;
display: inline-block;
position: relative;
z-index: 100;
}
.footer-icons {
text-align: right;
font-size: 15px;
}
footer.page-footer a {
color: #fff;
text-decoration: none;
}
.footer-navbar .foot-info {
left: -10px;
}
footer.page-footer a {
color: #fff;
}
footer.page-footer#footer {
background-color: #242424 !important;
}
.foot-ancor a {
padding-right: 10px;
font-size: 15px;
}
.icon-foot {
border: 1px solid #fff;
padding: 3px 5px 5px;
border-radius: 31px;
transition: 1s;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
.footer-navbar .foot-ancor {
text-align: center;
padding: 0px;
margin-bottom: 0;
}
.logolist li img{
width: 100px !important;
height: 30px !important;
}
ul.ticklist.v1 {
display: none;
}
.banner-list {
display: block;
padding-top: 30px;
padding-bottom: 30px;
}
ul.ticklist li {
font-size: 20px;
}
.embed-responsive-item .getstarted-emailres-bottom{
width: 100% !important;
}
}
.page-footer .foot-ancor .footer-icons.a1{
padding-right: 3px;
padding-bottom: 7px;
}
.footer-reserve {
padding-top: 5px;
color: #fff;
font-size: 14px;
}
.child-content img {
width: 100%;
}
.child-content .child-sub-head{
font-size: 24px;
font-weight: 400;
}
.col-7.feature-row-icon.text-center.child, .feature-row-content {
padding: 5px;
}
.pt20{
padding-top:20px
}
.home-content-img{
margin: 0 auto;width: 85%
}
.cardEvent {
display: inline-block;
width: 100%;
position: relative;
background-color: #fff;
border: 1px solid #e1e1e1;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
height: 100%;
padding-bottom: 60px;
}
.cardEvent .cardEvent--image {
width: 100%;
/*height: 269px;*/
height: 160px;
background-size: cover;
background-position: center
border-top-left-radius: 20px;
}
.cardEvent--video{
height: 160px;
overflow: hidden;
}
.cardEvent--video a img {
width: 100%;
}
.cardEvent--video video {
width: 100%;
height: 160px;
background-color: #000;
}
.cardEvent .has-video {
position: absolute;
top: 10px;
left: 10px;
background-color: #fff;
padding: 5px 9px;
width: 30px;
height: 30px;
border-radius: 99px;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ex-input .input-group-text {
height: 50px;
background: rgba(255,255,255,.7);
color: #000;
text-shadow: 0 0 black;
}
.ex-input .input-group-text-l{
border-radius: .25rem 0px 0 .25rem;
padding: 0px;
}
.ex-input .input-group-text-l span{
margin-left: 12px;
}
.ex-input .input-group-text-r{
border-radius: 0 .25rem .25rem 0;
padding: 4px;
}
input.form-control.profile-rate-price {
border-radius: 0rem;
border: 1px solid #d1d8d6;
}
.cardEvent .has-video > i.fa-play {
margin-left: 3px;
}
.cardEvent--wrap p {
margin-bottom: 0px;
}
.cardEvent--event {
display: flex;
align-items: center;
}
.cardEvent--event .avatar {
width: 42px;
height: 42px;
background-size: cover;
background-position: center;
border-radius: 99px;
position: relative;
margin-right: 0px;
border: 3px solid #ddd;
}
.cardEvent--event .title {
flex-grow: 1;
position: relative;
position: static;
}
.icons svg:hover {
transform: rotate(180deg);
transition: 1s;
}
.cardEvent--event .title .badges {
position: absolute;
bottom: 100%;
right: 0px;
background-color: #fff;
padding: 5px 5px;
border-top-left-radius: 4px;
}
.cardEvent--event {
display: flex;
align-items: center;
position: relative;
padding: 10px 10px 5px 10px;
border-bottom: 1px dashed #ddd;
}
.cardEvent--wrap {
/*text-align: center;*/
text-align: left;
padding: 10px;
}
.cardEvent--footer {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px dashed #ddd;
padding: 10px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
.cardEvent--event .title h3 {
font-weight: 600;
font-size: 17px;
color: #1a1a1a;
margin-bottom: 0;
}
.cardEvent--event .avatar::after {
content: "";
position: absolute;
right: -2px;
bottom: -1px;
width: 12px;
height: 12px;
background-color: #ddd;
border-radius: 10px;
border: 2px solid #fff;
}
.cardEvent.online .avatar::after {
background-color: #00c851;
}
.cardEvent--zoom .btn-primary {
margin: 0px;
background-color: transparent !important;
box-shadow: none;
padding: 0px 5px;
font-size: 20px;
color: #367fa9;
}
.cardEvent--wrap p {
font-size: 14px;
}
.cardEvent--event span{
font-size: 13px;
font-weight: 400;
}
.cardEvent--footer span{
font-size: 16px;
}
.cardEvent .overlay {
background-color: rgba(236,98,14,.7);
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
text-align: center;
padding: 20px;
}
.overlay .title h3 {
font-weight: 500;
font-size: 24px;
padding-bottom: 0px;
}
.overlay .title p {
margin-top: 15px;
border-top: 1px dashed #fff;
padding-top: 10px;
}
.overlay .title,
.overlay .content {
color: #fff;
}
.overlay .content {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 0px 20px 20px;
}
.overlay .content .readmore {
text-transform: uppercase;
color: #fff;
font-weight: normal;
}
.zoomIn{
display: none;
}
.meeting-hidden-ul{
display: none !important;
}
/*.pulse-es-ani-btn {
box-shadow: 0 0 0 0 rgb(21 237 158 / 80%);
-webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
transition: all 300ms ease-in-out;
}*/
.pulse-es-ani-btn:hover {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
}
@-webkit-keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
}
}
@keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
}
}
.progress[data-percentage="0"] .progress-right .progress-bar {
animation: loading-0 1.5s linear forwards;
}
.progress[data-percentage="0"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="1"] .progress-right .progress-bar {
animation: loading-1 1.5s linear forwards;
}
.progress[data-percentage="1"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="2"] .progress-right .progress-bar {
animation: loading-2 1.5s linear forwards;
}
.progress[data-percentage="2"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="3"] .progress-right .progress-bar {
animation: loading-3 1.5s linear forwards;
}
.progress[data-percentage="3"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="4"] .progress-right .progress-bar {
animation: loading-4 1.5s linear forwards;
}
.progress[data-percentage="4"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="5"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="5"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="6"] .progress-right .progress-bar {
animation: loading-6 1.5s linear forwards;
}
.progress[data-percentage="6"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="7"] .progress-right .progress-bar {
animation: loading-7 1.5s linear forwards;
}
.progress[data-percentage="7"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="8"] .progress-right .progress-bar {
animation: loading-8 1.5s linear forwards;
}
.progress[data-percentage="8"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="9"] .progress-right .progress-bar {
animation: loading-9 1.5s linear forwards;
}
.progress[data-percentage="9"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="10"] .progress-right .progress-bar {
animation: loading-10 1.5s linear forwards;
}
.progress[data-percentage="10"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="11"] .progress-right .progress-bar {
animation: loading-11 1.5s linear forwards;
}
.progress[data-percentage="11"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="12"] .progress-right .progress-bar {
animation: loading-12 1.5s linear forwards;
}
.progress[data-percentage="12"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="13"] .progress-right .progress-bar {
animation: loading-13 1.5s linear forwards;
}
.progress[data-percentage="13"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="14"] .progress-right .progress-bar {
animation: loading-14 1.5s linear forwards;
}
.progress[data-percentage="14"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="15"] .progress-right .progress-bar {
animation: loading-15 1.5s linear forwards;
}
.progress[data-percentage="15"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="16"] .progress-right .progress-bar {
animation: loading-16 1.5s linear forwards;
}
.progress[data-percentage="16"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="17"] .progress-right .progress-bar {
animation: loading-17 1.5s linear forwards;
}
.progress[data-percentage="17"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="18"] .progress-right .progress-bar {
animation: loading-18 1.5s linear forwards;
}
.progress[data-percentage="18"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="19"] .progress-right .progress-bar {
animation: loading-19 1.5s linear forwards;
}
.progress[data-percentage="19"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="20"] .progress-right .progress-bar {
animation: loading-20 1.5s linear forwards;
}
.progress[data-percentage="20"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="21"] .progress-right .progress-bar {
animation: loading-21 1.5s linear forwards;
}
.progress[data-percentage="21"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="22"] .progress-right .progress-bar {
animation: loading-22 1.5s linear forwards;
}
.progress[data-percentage="22"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="23"] .progress-right .progress-bar {
animation: loading-23 1.5s linear forwards;
}
.progress[data-percentage="23"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="24"] .progress-right .progress-bar {
animation: loading-24 1.5s linear forwards;
}
.progress[data-percentage="24"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="25"] .progress-right .progress-bar {
animation: loading-25 1.5s linear forwards;
}
.progress[data-percentage="25"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="26"] .progress-right .progress-bar {
animation: loading-26 1.5s linear forwards;
}
.progress[data-percentage="26"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="27"] .progress-right .progress-bar {
animation: loading-27 1.5s linear forwards;
}
.progress[data-percentage="27"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="28"] .progress-right .progress-bar {
animation: loading-28 1.5s linear forwards;
}
.progress[data-percentage="28"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="29"] .progress-right .progress-bar {
animation: loading-29 1.5s linear forwards;
}
.progress[data-percentage="29"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="30"] .progress-right .progress-bar {
animation: loading-30 1.5s linear forwards;
}
.progress[data-percentage="30"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="31"] .progress-right .progress-bar {
animation: loading-31 1.5s linear forwards;
}
.progress[data-percentage="31"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="32"] .progress-right .progress-bar {
animation: loading-32 1.5s linear forwards;
}
.progress[data-percentage="32"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="33"] .progress-right .progress-bar {
animation: loading-33 1.5s linear forwards;
}
.progress[data-percentage="33"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="34"] .progress-right .progress-bar {
animation: loading-34 1.5s linear forwards;
}
.progress[data-percentage="34"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="35"] .progress-right .progress-bar {
animation: loading-35 1.5s linear forwards;
}
.progress[data-percentage="35"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="36"] .progress-right .progress-bar {
animation: loading-36 1.5s linear forwards;
}
.progress[data-percentage="36"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="37"] .progress-right .progress-bar {
animation: loading-37 1.5s linear forwards;
}
.progress[data-percentage="37"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="38"] .progress-right .progress-bar {
animation: loading-38 1.5s linear forwards;
}
.progress[data-percentage="38"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="39"] .progress-right .progress-bar {
animation: loading-39 1.5s linear forwards;
}
.progress[data-percentage="39"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="40"] .progress-right .progress-bar {
animation: loading-40 1.5s linear forwards;
}
.progress[data-percentage="40"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="41"] .progress-right .progress-bar {
animation: loading-41 1.5s linear forwards;
}
.progress[data-percentage="41"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="42"] .progress-right .progress-bar {
animation: loading-42 1.5s linear forwards;
}
.progress[data-percentage="42"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="43"] .progress-right .progress-bar {
animation: loading-43 1.5s linear forwards;
}
.progress[data-percentage="43"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="44"] .progress-right .progress-bar {
animation: loading-44 1.5s linear forwards;
}
.progress[data-percentage="44"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="45"] .progress-right .progress-bar {
animation: loading-45 1.5s linear forwards;
}
.progress[data-percentage="45"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="46"] .progress-right .progress-bar {
animation: loading-46 1.5s linear forwards;
}
.progress[data-percentage="46"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="47"] .progress-right .progress-bar {
animation: loading-47 1.5s linear forwards;
}
.progress[data-percentage="47"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="48"] .progress-right .progress-bar {
animation: loading-48 1.5s linear forwards;
}
.progress[data-percentage="48"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="49"] .progress-right .progress-bar {
animation: loading-49 1.5s linear forwards;
}
.progress[data-percentage="49"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="50"] .progress-right .progress-bar {
animation: loading-50 1.5s linear forwards;
}
.progress[data-percentage="50"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="51"] .progress-right .progress-bar {
animation: loading-51 1.5s linear forwards;
}
.progress[data-percentage="51"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="52"] .progress-right .progress-bar {
animation: loading-52 1.5s linear forwards;
}
.progress[data-percentage="52"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="53"] .progress-right .progress-bar {
animation: loading-53 1.5s linear forwards;
}
.progress[data-percentage="53"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="54"] .progress-right .progress-bar {
animation: loading-54 1.5s linear forwards;
}
.progress[data-percentage="54"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="55"] .progress-right .progress-bar {
animation: loading-55 1.5s linear forwards;
}
.progress[data-percentage="55"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="56"] .progress-right .progress-bar {
animation: loading-56 1.5s linear forwards;
}
.progress[data-percentage="56"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="57"] .progress-right .progress-bar {
animation: loading-57 1.5s linear forwards;
}
.progress[data-percentage="57"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="58"] .progress-right .progress-bar {
animation: loading-58 1.5s linear forwards;
}
.progress[data-percentage="58"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="59"] .progress-right .progress-bar {
animation: loading-59 1.5s linear forwards;
}
.progress[data-percentage="59"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="60"] .progress-right .progress-bar {
animation: loading-60 1.5s linear forwards;
}
.progress[data-percentage="60"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="61"] .progress-right .progress-bar {
animation: loading-61 1.5s linear forwards;
}
.progress[data-percentage="61"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="62"] .progress-right .progress-bar {
animation: loading-62 1.5s linear forwards;
}
.progress[data-percentage="62"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="63"] .progress-right .progress-bar {
animation: loading-63 1.5s linear forwards;
}
.progress[data-percentage="63"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="64"] .progress-right .progress-bar {
animation: loading-64 1.5s linear forwards;
}
.progress[data-percentage="64"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="65"] .progress-right .progress-bar {
animation: loading-65 1.5s linear forwards;
}
.progress[data-percentage="65"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="66"] .progress-right .progress-bar {
animation: loading-66 1.5s linear forwards;
}
.progress[data-percentage="66"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="67"] .progress-right .progress-bar {
animation: loading-67 1.5s linear forwards;
}
.progress[data-percentage="67"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="68"] .progress-right .progress-bar {
animation: loading-68 1.5s linear forwards;
}
.progress[data-percentage="68"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="69"] .progress-right .progress-bar {
animation: loading-69 1.5s linear forwards;
}
.progress[data-percentage="69"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="70"] .progress-right .progress-bar {
animation: loading-70 1.5s linear forwards;
}
.progress[data-percentage="70"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="71"] .progress-right .progress-bar {
animation: loading-71 1.5s linear forwards;
}
.progress[data-percentage="71"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="72"] .progress-right .progress-bar {
animation: loading-72 1.5s linear forwards;
}
.progress[data-percentage="72"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="73"] .progress-right .progress-bar {
animation: loading-73 1.5s linear forwards;
}
.progress[data-percentage="73"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="74"] .progress-right .progress-bar {
animation: loading-74 1.5s linear forwards;
}
.progress[data-percentage="74"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="75"] .progress-right .progress-bar {
animation: loading-75 1.5s linear forwards;
}
.progress[data-percentage="75"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="76"] .progress-right .progress-bar {
animation: loading-76 1.5s linear forwards;
}
.progress[data-percentage="76"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="77"] .progress-right .progress-bar {
animation: loading-77 1.5s linear forwards;
}
.progress[data-percentage="77"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="78"] .progress-right .progress-bar {
animation: loading-78 1.5s linear forwards;
}
.progress[data-percentage="78"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="79"] .progress-right .progress-bar {
animation: loading-79 1.5s linear forwards;
}
.progress[data-percentage="79"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="80"] .progress-right .progress-bar {
animation: loading-80 1.5s linear forwards;
}
.progress[data-percentage="80"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="81"] .progress-right .progress-bar {
animation: loading-81 1.5s linear forwards;
}
.progress[data-percentage="81"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="82"] .progress-right .progress-bar {
animation: loading-82 1.5s linear forwards;
}
.progress[data-percentage="82"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="83"] .progress-right .progress-bar {
animation: loading-83 1.5s linear forwards;
}
.progress[data-percentage="83"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="84"] .progress-right .progress-bar {
animation: loading-84 1.5s linear forwards;
}
.progress[data-percentage="84"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="85"] .progress-right .progress-bar {
animation: loading-85 1.5s linear forwards;
}
.progress[data-percentage="85"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="86"] .progress-right .progress-bar {
animation: loading-86 1.5s linear forwards;
}
.progress[data-percentage="86"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="87"] .progress-right .progress-bar {
animation: loading-87 1.5s linear forwards;
}
.progress[data-percentage="87"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="88"] .progress-right .progress-bar {
animation: loading-88 1.5s linear forwards;
}
.progress[data-percentage="88"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="89"] .progress-right .progress-bar {
animation: loading-89 1.5s linear forwards;
}
.progress[data-percentage="89"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="90"] .progress-right .progress-bar {
animation: loading-90 1.5s linear forwards;
}
.progress[data-percentage="90"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="91"] .progress-right .progress-bar {
animation: loading-91 1.5s linear forwards;
}
.progress[data-percentage="91"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="92"] .progress-right .progress-bar {
animation: loading-92 1.5s linear forwards;
}
.progress[data-percentage="92"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="93"] .progress-right .progress-bar {
animation: loading-93 1.5s linear forwards;
}
.progress[data-percentage="93"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="94"] .progress-right .progress-bar {
animation: loading-94 1.5s linear forwards;
}
.progress[data-percentage="94"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="95"] .progress-right .progress-bar {
animation: loading-95 1.5s linear forwards;
}
.progress[data-percentage="95"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="96"] .progress-right .progress-bar {
animation: loading-96 1.5s linear forwards;
}
.progress[data-percentage="96"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="97"] .progress-right .progress-bar {
animation: loading-97 1.5s linear forwards;
}
.progress[data-percentage="97"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="98"] .progress-right .progress-bar {
animation: loading-98 1.5s linear forwards;
}
.progress[data-percentage="98"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="99"] .progress-right .progress-bar {
animation: loading-99 1.5s linear forwards;
}
.progress[data-percentage="99"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="100"] .progress-right .progress-bar {
animation: loading-100 1.5s linear forwards;
}
.progress[data-percentage="100"] .progress-left .progress-bar {
animation: 0;
}
@keyframes loading-0 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0deg);
}
}
@keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(4);
transform: rotate(4deg);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(7);
transform: rotate(7deg);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(11);
transform: rotate(11deg);
}
}
@keyframes loading-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(15);
transform: rotate(15deg);
}
}
@keyframes loading-5 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(18);
transform: rotate(18deg);
}
}
@keyframes loading-6 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(22);
transform: rotate(22deg);
}
}
@keyframes loading-7 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(26);
transform: rotate(26deg);
}
}
@keyframes loading-8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(29);
transform: rotate(29deg);
}
}
@keyframes loading-9 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(33);
transform: rotate(33deg);
}
}
@keyframes loading-10 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(37);
transform: rotate(37deg);
}
}
@keyframes loading-11 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(40);
transform: rotate(40deg);
}
}
@keyframes loading-12 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(44);
transform: rotate(44deg);
}
}
@keyframes loading-13 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(47);
transform: rotate(47deg);
}
}
@keyframes loading-14 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(51);
transform: rotate(51deg);
}
}
@keyframes loading-15 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(55);
transform: rotate(55deg);
}
}
@keyframes loading-16 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(58);
transform: rotate(58deg);
}
}
@keyframes loading-17 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(62);
transform: rotate(62deg);
}
}
@keyframes loading-18 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(66);
transform: rotate(66deg);
}
}
@keyframes loading-19 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(69);
transform: rotate(69deg);
}
}
@keyframes loading-20 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(73);
transform: rotate(73deg);
}
}
@keyframes loading-21 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(77);
transform: rotate(77deg);
}
}
@keyframes loading-22 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(80);
transform: rotate(80deg);
}
}
@keyframes loading-23 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(84);
transform: rotate(84deg);
}
}
@keyframes loading-24 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(88);
transform: rotate(88deg);
}
}
@keyframes loading-25 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(91);
transform: rotate(91deg);
}
}
@keyframes loading-26 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(95);
transform: rotate(95deg);
}
}
@keyframes loading-27 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(99);
transform: rotate(99deg);
}
}
@keyframes loading-28 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(102);
transform: rotate(102deg);
}
}
@keyframes loading-29 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(106);
transform: rotate(106deg);
}
}
@keyframes loading-30 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(110);
transform: rotate(110deg);
}
}
@keyframes loading-31 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(113);
transform: rotate(113deg);
}
}
@keyframes loading-32 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(117);
transform: rotate(117deg);
}
}
@keyframes loading-33 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(120);
transform: rotate(120deg);
}
}
@keyframes loading-34 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(124);
transform: rotate(124deg);
}
}
@keyframes loading-35 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(128);
transform: rotate(128deg);
}
}
@keyframes loading-36 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(131);
transform: rotate(131deg);
}
}
@keyframes loading-37 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(135);
transform: rotate(135deg);
}
}
@keyframes loading-38 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(139);
transform: rotate(139deg);
}
}
@keyframes loading-39 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(142);
transform: rotate(142deg);
}
}
@keyframes loading-40 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(146);
transform: rotate(146deg);
}
}
@keyframes loading-41 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(150);
transform: rotate(150deg);
}
}
@keyframes loading-42 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(153);
transform: rotate(153deg);
}
}
@keyframes loading-43 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(157);
transform: rotate(157deg);
}
}
@keyframes loading-44 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(161);
transform: rotate(161deg);
}
}
@keyframes loading-45 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(164);
transform: rotate(164deg);
}
}
@keyframes loading-46 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(168);
transform: rotate(168deg);
}
}
@keyframes loading-47 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(172);
transform: rotate(172deg);
}
}
@keyframes loading-48 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(175);
transform: rotate(175deg);
}
}
@keyframes loading-49 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(179);
transform: rotate(179deg);
}
}
@keyframes loading-50 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(183);
transform: rotate(183deg);
}
}
@keyframes loading-51 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(186);
transform: rotate(186deg);
}
}
@keyframes loading-52 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(190);
transform: rotate(190deg);
}
}
@keyframes loading-53 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(193);
transform: rotate(193deg);
}
}
@keyframes loading-54 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(197);
transform: rotate(197deg);
}
}
@keyframes loading-55 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(201);
transform: rotate(201deg);
}
}
@keyframes loading-56 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(204);
transform: rotate(204deg);
}
}
@keyframes loading-57 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(208);
transform: rotate(208deg);
}
}
@keyframes loading-58 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(212);
transform: rotate(212deg);
}
}
@keyframes loading-59 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(215);
transform: rotate(215deg);
}
}
@keyframes loading-60 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(219);
transform: rotate(219deg);
}
}
@keyframes loading-61 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(223);
transform: rotate(223deg);
}
}
@keyframes loading-62 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(226);
transform: rotate(226deg);
}
}
@keyframes loading-63 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(230);
transform: rotate(230deg);
}
}
@keyframes loading-64 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(234);
transform: rotate(234deg);
}
}
@keyframes loading-65 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(237);
transform: rotate(237deg);
}
}
@keyframes loading-66 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(241);
transform: rotate(241deg);
}
}
@keyframes loading-67 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(245);
transform: rotate(245deg);
}
}
@keyframes loading-68 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(248);
transform: rotate(248deg);
}
}
@keyframes loading-69 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(252);
transform: rotate(252deg);
}
}
@keyframes loading-70 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(256);
transform: rotate(256deg);
}
}
@keyframes loading-71 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(259);
transform: rotate(259deg);
}
}
@keyframes loading-72 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(263);
transform: rotate(263deg);
}
}
@keyframes loading-73 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(266);
transform: rotate(266deg);
}
}
@keyframes loading-74 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(270);
transform: rotate(270deg);
}
}
@keyframes loading-75 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(274);
transform: rotate(274deg);
}
}
@keyframes loading-76 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(277);
transform: rotate(277deg);
}
}
@keyframes loading-77 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(281);
transform: rotate(281deg);
}
}
@keyframes loading-78 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(285);
transform: rotate(285deg);
}
}
@keyframes loading-79 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(288);
transform: rotate(288deg);
}
}
@keyframes loading-80 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(292);
transform: rotate(292deg);
}
}
@keyframes loading-81 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(296);
transform: rotate(296deg);
}
}
@keyframes loading-82 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(299);
transform: rotate(299deg);
}
}
@keyframes loading-83 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(303);
transform: rotate(303deg);
}
}
@keyframes loading-84 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(307);
transform: rotate(307deg);
}
}
@keyframes loading-85 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(310);
transform: rotate(310deg);
}
}
@keyframes loading-86 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(314);
transform: rotate(314deg);
}
}
@keyframes loading-87 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(318);
transform: rotate(318deg);
}
}
@keyframes loading-88 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(321);
transform: rotate(321deg);
}
}
@keyframes loading-89 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(325);
transform: rotate(325deg);
}
}
@keyframes loading-90 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(329);
transform: rotate(329deg);
}
}
@keyframes loading-91 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(332);
transform: rotate(332deg);
}
}
@keyframes loading-92 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(336);
transform: rotate(336deg);
}
}
@keyframes loading-93 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(339);
transform: rotate(339deg);
}
}
@keyframes loading-94 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(343);
transform: rotate(343deg);
}
}
@keyframes loading-95 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(347);
transform: rotate(347deg);
}
}
@keyframes loading-96 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(350);
transform: rotate(350deg);
}
}
@keyframes loading-97 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(354);
transform: rotate(354deg);
}
}
@keyframes loading-98 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(358);
transform: rotate(358deg);
}
}
@keyframes loading-99 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(361);
transform: rotate(361deg);
}
}
@keyframes loading-100 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(365);
transform: rotate(365deg);
}
}
.tools-menu img {
width: 30px !important;
display: inline;
margin-right: 5px;
}
.tools-menu {
/*min-width: 260px;*/
padding-left: 0px;
margin-bottom: 0;
}
.tools-menu li {
border-bottom: 1px solid #ddd;
list-style: none;
text-align: left;
padding: 5px 20px;
}
.tools-menu li a {
padding: 5px 0px;
color: #383838;
text-decoration: none;
font-size: 15px;
}
.tools-menu li:last-child {
border-bottom: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
animation: none;
background-color: transparent !important;
border-color: #337ab7;
text-decoration: none !important;
}
a.tools-menu-link:hover {
text-decoration: none;
}
.card-box .card{
min-height: 210px;
background: none;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.card-box .card a{
text-decoration: none;
color:#4c4c4c;
}
.card-box .card p {
margin-bottom: 5px;
}
.card p.icon {
font-size: 56px;
display: grid;
}
.card p.icon .yellow{
color: #eabc6b;
}
.card p.icon .green{
color: #01c26e;
}
.card p.icon .red{
color: #e56353;
}
.carousel-caption .form-control {
background: rgba(255,255,255,0.7);
padding: 10px;
margin-bottom: 10px;
color: #000;
width: 50%;
border-radius: 0px !important;
}
.carousel-caption .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
.carousel-caption .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
.carousel-caption .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.login-btn{
display: block;
min-width: 130px;
padding: 8px;
margin-left: 10px;
}
.btn {
border-radius: 0;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.navbar-light .navbar-nav .nav-link {
color: #000;
}
.header-action-btn{
width: 150px;
}
.modal button.close {
background: none !important;
border: none;
}
.pointer{
cursor: pointer;
}
p.pointer {
margin-bottom: 5px;
}
.mid-content {
margin-top: 10rem !important;
}
.box-shadow{
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
background: #fff;
}
.box-shadow-background{
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.tools-menu-container {
min-height: 325px;
padding: 0!important;
}
.tools-menu-container h5 {
padding: 0 15px;
}
.userurl-edit{
font-size: 24px;
font-weight: 500;
}
.userurl-edit a {
text-decoration: none;
color: #242424;
}
.slick-slide{
margin-right: 15px;
}
.main-head{
font-size: 5rem;
font-weight: 600;
}
.main-head-small{
font-size: 4.3rem;
font-weight: 600;
}
.main-subhead{
font-size: 2rem;
}
.main-bg {
/* The image used */
background-image: url("../img/newhome/home.jpg");
/* Set a specific height */
min-height: 500px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ticklist{
padding-left: 0;
font-size: 26px;
}
.ticklist li:before { content:"\2713\0020"; color: green }
.ticklist { list-style-type: none; }
.offer-sub-title h4 {
font-size: 18px;
margin-bottom: 4px;
font-weight: 700;
}
.offer-sub-title span{
font-weight: 400;
font-size: 16px;
}
.offer-sub-text-color, .offer-sub-text-color p a{
color: #dc3545;
font-weight: 500;
}
.offer-sub-apt-color, .offer-sub-apt-color p a{
color: #dc3545;
font-weight: 500;
}
span.ref-err-name, span.ref-err-email, span.ref-err{
font-size: 12px;
color: red;
}
.feedback-item {
font-size: 26px;
line-height: 36px;
font-style: italic;
}
p.feedback-user {
color: #ff7521;
font-size: 16px;
margin-bottom: 0px;
}
p.feedback-user-job{
font-size: 16px;
margin-bottom: 5px;
}
.dropdown a {
text-decoration: none;
color: #303030;
}
.menu-user p {
margin-bottom: 0;
font-size: 14px;
}
.menu-user p.name {
margin-bottom: 0px;
font-size: 18px;
}
ul.dropdown-menu.dropdown-menu-end.show{
padding:5px 10px;
}
.chatHandlerNotificationCount{
position: absolute;
}
.nav-item i{
display: block;
text-align: center;
}
.ribbon.ribbon-top-right{
position: absolute;
background: rgba(255,255,255,.7);
font-size: 12px;
padding: 2px 5px;
}
.vs-button-e{
width: 186px;
background-position: center;
background-image: url('/img/active_new.png');
background-size: cover;
}
.vs-button-d{
width: 186px;
background-position: center;
background-image: url('/img/inactive_new.png');
background-size: cover;
}
.swiper-container .swiper-slide img {
width: 99%
}
.swiper-container.gallery-thumbs-main .swiper-wrapper,
.swiper-container[class*=gallery-thumbs-modal] .swiper-wrapper {
height: 100px
}
.swiper-container-thumbs .swiper-slide img {
height: 100%;
object-fit: cover
}
.swiper-container .swiper-slide {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 4px
}
.swiper-container.gallery-thumbs-main {
margin-top: 10px
}
.swiper-wrapper{
align-content: center;
align-items: center;
}
.gallery-top-main {
/*background: #f5f5f5 !important;*/
}
/*.swiper-container.gallery-thumbs-main {
margin-top: 0 !important;
}*/
.hidden {
display: none!important;
}
.blur {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
.swiper-container[class*="gallery-top-main"],
.swiper-container[class*="gallery-thumbs-main"] {
width: 99%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.swiper-container[class*="gallery-thumbs-main"] .swiper-slide {
height: 100%;
opacity: 0.4;
}
.swiper-container[class*="gallery-thumbs-main"] .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-container[class*="gallery-thumbs-main-3"] .swiper-slide {
height: 100%;
opacity: 1;
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
font-size: 10px;
--swiper-navigation-color: #ffffff;
background: #000;
margin: 0;
border-radius: 50px;
border: 1px solid #fff;
width: 40px;
height: 40px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 20px;
}
.swal2-popup.swal2-modal.swal2-show {
height: 240px;
width: 380px;
}
p.buyEventLink-title{
font-size: 14px;
font-weight: 400;
}
button.swal2-close {
color: #000;
width: 2em;
}
.panel.panel-dark.panel-colorful.panel-small {
color: #333;
text-shadow: none;
font-weight: 400;
font-size: 18px;
}
.panel.panel-dark.panel-colorful {
text-align: center;
border: 1px solid #eee !important;
}
.panel.panel-dark.panel-colorful .vs-button-d {
margin-bottom: 10px !important;
}
.panel.panel-dark.panel-colorful .text-session {
margin-bottom: 0px;
}
.profile-title .ribbon {
white-space: nowrap;
}
.profile-title .ribbon span {
background-color: rgba(255,255,255,.7);
width: auto;
color: #000;
}
.profile-title .ribbon span:before, .profile-title .ribbon span:after {
background-color: #ea5e00;
}
.profile-title .ribbon::after {
visibility: hidden;
}
.onebox-event .eventItems {
border: 0px solid #ccc;
padding: 15px 3px 10px;
}
@media only screen and (max-width: 768px) {
footer#footer {
display: none;
}
/*#footer .foot-row {
display: none;
}*/
.profile-title.d-flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.profile-title.d-flex {
position: relative;
padding-right: 60px;
}
.profile-title.d-flex .lavel-badge {
position: absolute;
top: 0px;
right: 0px;
max-width: 60px;
}
.lavel-badge > img {
max-width: 100%;
}
.profile-title.d-flex {
padding-top: 20px;
padding-left: 0px;
padding-right: 0px;
}
.profile-title .ribbon {
right: auto;
}
}
@media screen and (max-width: 700px){
.crmview .list-item {
padding: 10px;
}
.crmview .list-item-content {
margin-left: 10px;
}
.crmview a.btn.btn-primary {
padding: 10px;
width: 70px !important;
min-width: 70px;
}
}
.active span{
background: none;
}
.has-video {
position: absolute;
top: 10px;
left: 20px;
background-color: #fff;
padding: 5px 9px;
width: 30px;
height: 30px;
border-radius: 99px;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
cursor: pointer;
}
.has-video-slider {
position: absolute;
top: 50%;
left: 47%;
background-color: #fff;
padding: 2px 18px;
width: 60px;
height: 60px;
border-radius: 99px;
z-index: 99;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
cursor: pointer;
font-size: 38px;
}
.has-video-slider.stop{
top: 20px;
left: 20px;
width: 40px;
height: 40px;
font-size: 22px !important;
padding: 5px 10px;
display: none;
}
.media {
position: relative;
}
#eventsContainer > .row {
display: flex;
flex-wrap: wrap;
}
#eventsContainer > .row > .col-md-4 {
margin-bottom: 30px;
}
@media only screen and (max-width: 480px) {
.has-video-slider{
left: 40% !important;
}
}
.page-no-found {
display: none;
}
.side {
float: left;
width: 15%;
margin-top: 10px;
}
.middle {
margin-top: 10px;
float: left;
width: 70%;
}
.rting_progress {
display: flex;
justify-content: space-between;
}
.rting_progress .side,
.rting_progress .middle {
float: none;
}
.right {
text-align: right;
}
.bar-container {
width: 100%;
background-color: #f1f1f1;
text-align: center;
color: white;
}
.bar-5 {
height: 18px;
background-color: #4CAF50;
}
.bar-4 {
height: 18px;
background-color: #2196F3;
}
.bar-3 {
height: 18px;
background-color: #00bcd4;
}
.bar-2 {
height: 18px;
background-color: #ff9800;
}
.bar-1 {
height: 18px;
background-color: #f44336;
}
.list ul:nth-child(odd) {
background-color:#ddd;
}
.list ul:nth-child(even) {
background-color:#fff;
}
/* big */
@media screen and (min-width:600px) {
.list {
display:table;
margin:1em 0;
width: 100%;
}
.list ul {
display:table-row;
}
.list ul:first-child li {
background-color:#444;
color:#fff;
padding: 0.75em;
font-size: 18px;
}
.list ul > li {
display:table-cell;
padding: 1.5em 1em;
}
}
/* small */
@media screen and (max-width:599px) {
.list ul {
border:solid 1px #ccc;
display:block;
list-style:none;
margin:1em;
padding:.5em 1em;
}
.list ul:first-child {
display:none;
}
.list ul > li {
display:block;
padding:.30em 0;
}
.list ul:nth-child(odd) > li + li {
/* border-top:solid 1px #ccc;*/
}
.list ul:nth-child(even) > li + li {
/* border-top:solid 1px #eee;*/
}
.list ul > li:before {
color:#4c4f52;
content:attr(data-label);
display:inline-block;
font-size:100%;
font-weight:bold;
text-transform:capitalize;
vertical-align:top;
width:50%;
font-size: 16px;
}
.list ul > li.custhide:before {
display: none;
}
/* .list p {
margin:-1em 0 0 50%;
} */
}
/* tiny */
@media screen and (max-width:349px) {
.list ul > li:before {
display:block;
}
.list p {
margin:0;
}
}
.swal2-actions button {
/*border: 2px solid #ff7521!important;*/
border-radius: 999px !important;
line-height: 26px;
font-size: 16px!important;
/*background: #ff7521 !important;
color: #fff !important;*/
background-color: transparent!important;
border: 1px solid #4c4f52!important;
color: #4c4f52!important;
}
.swal2-actions button:hover {
/*border: 2px solid #ff7521!important;*/
/*border-radius:4px !important;*/
line-height: 26px;
font-size: 16px!important;
/*background: #ff7521 !important;
color: #fff !important;*/
background-color: transparent!important;
border: 1px solid #4c4f52!important;
color: #4c4f52!important;
background-image:unset!important;
}
.swal2-actions .swal2-styled{
padding: .375rem .75rem !important;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%),
0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}
.grey-bg {
background: #f3f3f3;
padding: 10px 20px;
}
.nav.nav-pills {
background: #444;
color: #fff;
}
.nav.nav-pills .nav-item .nav-link{
color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background: #00348F;
border-radius: 0;
}
/*#pills-tab{
margin-left: -20px;
margin-right: -20px;
}*/
#pills-about p small,#pills-about h5{
font-size: 16px;
color: #333;
font-weight: 700;
/*border-bottom: 1px solid #ccc;*/
display: inline;
}
#pills-about p span{
font-weight: 400;
color: #333;
}
#pills-about p{
color: #5a5959;
}
.shareSec{
padding:20px 0;
}
.shareSec h6{
text-align: center;
font-size: 16px;
padding: 10px 0;
color: #666;
position:relative;
}
.shareSec h6 span {
background:#fff;
position: relative;
z-index: 2;
padding: 0 5px;
}
.shareSec h6:before{
content: '';
width: 100%;
height: 1px;
display: block;
background: #ccc;
top: 17px;
position: absolute;
z-index: 1;
}
.socialIcons{
text-align:center;
}
.socialIcons .fa, .socialIcons .fab {
padding: 10px;
font-size: 30px;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
}
.socialIcons .fa-facebook, .socialIcons .fa-facebook-f {
background: #3B5998;
color: white;
}
.socialIcons .fa-twitter {
background: #55ACEE;
color: white;
}
.socialIcons .fa-whatsapp {
background: #25D366;
color: white;
}
.socialIcons .fa-linkedin {
background: #007bb5;
color: white;
}
.socialIcons .fa-google {
background: #dd4b39;
color: white;
}
.whiteBg{
/*background:#164498;*/
background:#fff;
border-radius:4px;
padding:10px 0;
border:1px solid #eee;
box-shadow:0 0 0;
}
.whiteBg h3 {
font-size: 18px;
text-transform: uppercase;
color: #333;
text-align: left;
padding: 0px 0 0 0;
margin:10px 0 0 0;
width: 100%;
text-align:center;
}
.whiteBg h3 span {
display: block;
color: #666;
font-size: 15px;
text-transform: capitalize;
}
a.profile {
position: relative;
width: 60%;
display: block;
border:0;
outline:0;
margin: 0 auto;
}
a.profile:active, a.profile:focus{
border:0;
outline:0;
}
.status-dv{
width: 130px;
height: 10px;
margin:0 auto;
position:relative;
}
a.profile .status{
bottom: 15px;
right: 20px;
width: 15px;
height: 15px;
}
.whiteBg .photo.rounded {
margin-bottom: 0;
width: 130px;
height: 130px;
border-radius: 4px 4px 0 0 !important;
border-radius: 100% !important;
border: 4px solid #fff;
box-shadow: 0 2px 4px #ccc;
outline:0;
border-image: none !important;
}
p.location {
padding-top: 20px;
font-size: 14px;
color: #303f9f;
}
.action {
padding: 10px 20px;
border-radius:0 0 4px 4px;
}
.profile-title{
width: 100%;
padding: 0 20px;
position: relative;
}
.profile-title h6{
font-weight: 600;
color: #1259a3;
font-size: 28px;
line-height: 2.2rem;
margin-bottom: 0;
}
.profile-title #rateYo {
margin-top: 0px;
padding: 0;
}
.profile-title .ribbon.ribbon-top-right {
right: 0;
}
.profile-title span{
/*padding: 5px 10px;*/
color: #fff;
}
.meeting-card .cardEvent{
height: auto !important;
}
#toast {
visibility: hidden;
max-width: 50px;
height: 50px;
margin: auto;
background-color: #00a65a;
color: #fff;
text-align: center;
border-radius: 2px;
position: fixed;
z-index: 99999999;
left: 0;right:0;
bottom: 30px;
font-size: 17px;
white-space: nowrap;
}
#toast #img{
width: 50px;
height: 50px;
float: left;
padding-top: 16px;
padding-bottom: 16px;
box-sizing: border-box;
background-color: #018448;
color: #fff;
}
#toast #desc{
color: #fff;
padding: 16px;
overflow: hidden;
white-space: nowrap;
}
#toast.show {
visibility: visible;
-webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}
@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes expand {
from {min-width: 50px}
to {min-width: 350px}
}
@keyframes expand {
from {min-width: 50px}
to {min-width: 350px}
}
@-webkit-keyframes stay {
from {min-width: 350px}
to {min-width: 350px}
}
@keyframes stay {
from {min-width: 350px}
to {min-width: 350px}
}
@-webkit-keyframes shrink {
from {min-width: 350px;}
to {min-width: 50px;}
}
@keyframes shrink {
from {min-width: 350px;}
to {min-width: 50px;}
}
@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 60px; opacity: 0;}
}
@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 60px; opacity: 0;}
}
.text-muted {
font-weight: 400;
color: #838383!important;
font-size: 12px;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.animated-chart g:nth-of-type(3) {
transition: 1s;
transform: scaleX(1);
transform-origin: 70px 0;
}
.animated-chart.animated-chart-start g:nth-of-type(3) {
transform: scaleX(0);
}
.chart-box{
box-shadow: 0 1px 2.94px 0.06px rgb(4 26 55 / 16%);
border-radius: 5px;
padding: 20px 5px;
}
.chart-box h3{
margin-left: 20px;
}
ul.tools-menu i {
font-size: 20px;
}
.modal-content.crm-model {
background-color: #fff;
border-radius: 15px !important;
}
.crm-model .modal-body {
padding: 35px 35px 50px 35px!important;
}
.crm-img {
float: left;
margin-right: 10px;
}
.crm-img img {
width: 80px;
height: 80px;
object-fit: cover;
}
.crm-content {
overflow: hidden;
}
.crm-content p {
font-size: 17px;
text-align: left;
}
.crm-btn {
margin-top: 40px;
}
.crm-btn a.pro-btn {
background-color: #ffc000;
padding: 12px 50px;
font-size: 25px;
border-radius: 10px;
text-transform: uppercase;
font-weight: 500;
color: #000;
}
.crm-btn a.pro-btn:hover {
text-decoration: none;
}
a.btn-not{
width: 100%;
display: inline-block;
margin-top: 20px;
color: #a2bfef;
text-decoration: none;
font-size: 12px;
font-weight: 600;
color: #CCC;
}
#popEvt .modal-dialog, #popEvt2 .modal-dialog {
-webkit-transform: translate(0,-50%) !important;
transform: translate(0,-50%) !important;
top: 50%;
/*margin: 0 auto !important;*/
}
.alert-title {
font-weight: 700;
line-height: 20px;
}
.alert-title span {
color: #ffc107 !important;
}
@media(max-width: 500px){
.crm-model .modal-body {
padding: 10px 10px 10px 10px!important;
}
.crm-img {
float: none;
margin-right: 0;
}
#popEvt .modal-dialog .modal-content, #popEvt2 .modal-dialog .modal-content {
text-align: center;
}
.crm-img img{
width: 50px;
height: 50px;
}
.crm-btn {
margin-top: 10px;
}
a.btn-not{
margin-top: 10px;
}
.crm-content p {
font-size: 15px;
text-align: center;
}
.crm-content h2{
font-size: 24px;
margin-bottom: 5px;
}
.crm-btn a.pro-btn {
padding: 5px 30px;
font-size: 20px;
}
}
.img-month-plane {
margin: 0 auto;
max-width: 260px;
text-align: left;
width: 100%;
padding-top: 15px;
}
.img-month-plane img {
padding-right: 5px;
float: left;
width: 50px;
}
.img-month-plane p.month-plane {
font-size: 14px;
font-weight: 500;
color: #4285f4;
line-height: 19px;
margin-top: 4px;
}
.month-plane {
font-weight: 500;
font-size: 12px;
color: 343434;
}
select.form-control{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
height: 40px;
}
.pac-container {
min-width: 20em;
z-index: 10000000;
}
.hide{
display: none!important;
}
.input-group-prepend .input-group-text {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-height: 40px;
height: 100%;
}
.input-group-append .input-group-text{
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-height: 40px;
height: 100%;
}
.select2-container .select2-selection--single{
height: 40px;
}
.cardEvent--wrap p {
word-break: break-word;
}
a.filepond--credits{
display: none;
}
.select2-container--default .select2-selection--single {
border: 1px solid #ced4da !important;
min-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 5px;
}
ul.cards-list {
list-style: none;
padding-left: 0;
}
ul.cards-list li {
display: inline-block;
}
.vodiapicker{
display: none !important;
}
#a{
padding-left: 0px;
}
#a img, .btn-select img{
width: 12px;
}
#a li {
list-style: none;
padding-top: 2px;
padding-bottom: 2px;
}
#a li:hover{
background-color: #F4F3F3;
}
#a li img{
margin: 5px;
}
#a li span, .btn-select li span{
margin-left: 5px;
}
/* item list */
.b{
display: none;
width: 100%;
max-width: 560px;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
border: 1px solid rgba(0,0,0,.15);
border-radius: 5px;
}
.open{
display: show !important;
}
.input-group.input-group_select {
width: 100%;
}
.btn-select{
width: 100%;
height: 45px;
background-color: #fff;
border: 1px solid #ccc;
display: flex;
align-items: center;
}
.btn-select li{
list-style: none;
float: left;
padding-bottom: 0px;
margin-left: 10px;
margin-top: -1px;
}
.btn-select:hover li{
margin-left: 0px;
}
.btn-select:hover{
background-color: #F4F3F3;
border: 1px solid transparent;
box-shadow: inset 0 0px 0px 1px #ccc;
}
.btn-select:focus{
outline:none;
}
.lang-select {
position: relative;
display: inline-block;
float: right;
width: 91%;
margin-left: 0px;
z-index: 8;
}
.btn-select li img {
max-height: 42px;
width: 40px;
border-radius: 4px;
object-fit: cover;
margin-left: 2px !important;
}
.btn-select li span {
color: #9e9e9e;
font-weight: 500;
}
.lang-select > .b {
background-color: #ffffff;
position: absolute;
top: 100%;
left: 0px;
right: 0px;
overflow-x: hidden;
height: 215px;
margin-top: -20px;
}
.lang-select .b ul li img {
width: 45px !important;
height: 40px;
border-radius: 4px;
object-fit: cover;
}
.lang-select ul li span {
margin-left: 0px !important;
color: #9e9e9e;
font-weight: 500;
}
.btn-select:hover li {
margin-left: 10px;
}
.lang-select ul li:nth-child(1) {
text-align: center;
height: 45px;
display: flex;
align-items: center;
padding-left: 15px;
}
.lang-select ul li:nth-child(1) img {
display: none;
opacity: 0;
}
.input-group_select .input-group-addon,
.input-group_select .vodiapicker {
display: none;
}
.inputradio{
border: 1px solid #ccc;
padding: 10px;
height: 40px;
}
/* Right side Tool menu (pramod)*/
.tools-menu-container .tools-menu li {
/*background-color: #b3ceff;*/
background-color: #fbfbfb;
}
.tools-menu-container .tools-menu li:hover {
background-color: #2159bd;
}
.tools-menu-container .tools-menu li.active {
background-color: #ebe7e7;
transition: all .3s ease;
color: #fff;
}
.tools-menu-container .tools-menu li a:hover,
.tools-menu-container .tools-menu li.active a,
.tools-menu li:hover a {
/*color: #fff;*/
}
.tools-menu-container.whiteBg.tools-menu-container h5 {
background-color: #00348F;
color: #fff;
padding: 10px;
margin: 0px;
}
.tools-menu-container.whiteBg.tools-menu-container {
padding: 0px;
}
.meeting-pass label {
display: contents;
margin-right: 20px;
}
.meeting-pass .password_meeting{
margin-left: 12px;
}
.otperror{
outline: 1px solid red!important;
}
#email_otp, #emailotp{
/*height: 55px;*/
width: 80%;
text-align: center;
}
/*#modal-edety-email .modal-dialog{
max-width: 700px;
top: 22%;
} */
#modal-edety-otp .form-control, #modal-edety-email .form-control{
display: initial!important;
}
#modal-edety-otp .modal-content, #modal-edety-email .modal-content{
color: #5a5959;
}
#modal-edety-otp .modal-header{
padding-top: 8px;
padding-bottom: 8px;
}
.mycardnew .list-group-item {
background-image: url('../img/card-img.jpg');
background-size: cover;
background-repeat: no-repeat;
color: #ffffff;
max-width: 350px;
padding: 20px 25px;
width: 100%;
float: left;
border: 0px;
border-radius: 5px !important;
}
.mycardnew .list-group-item * {
color: #ffffff;
}
.mycardnew .card-holder {
font-size: 20px;
margin-bottom: 5px;
}
.mycardnew .list-group-item .card-holder span {
display: block;
}
.mycardnew .exp-date {
margin: 0 0 10px;
}
.mycardnew .cardDefultTag {
color: #fff!important;
padding: 2px 0px;
}
.mycardnew .deleteCard {
position: absolute;
top: 10px;
right: 15px;
}
.mycardnew button.btn.btn-primary {
float: right;
}
.appointments-section .vodiapicker{
margin-top: 12px;
display: none !important;
}
.appointments-section .prosearch{
float: right;
margin-bottom: 15px;
}
.authorimg {
width: 40px;
height: 40px;
border-radius: 50%;
}
/* Right side Tool menu end (pramod) */
/* (shameem) */
/* ========== Common Css ======== */
.mt-160 {
margin-top: 160px;
}
.mb-100 {
margin-bottom: 100px;
}
.common-mar-1{
margin-top: 160px;
margin-bottom: 100px;
}
.common-mar-2{
margin-top: 120px;
margin-bottom: 30px;
}
/* Footer Pages */
.paddingtop{
margin-top: 120px;
margin-bottom: 30px;
}
/* Faq Page */
.fag-accordion .accordion-button::after {
width: auto;
height: auto;
margin-left: auto;
background-image: none !important;
content: "\002B";
font-size: 30px;
transform: rotate(0deg);
background-size: auto;
font-weight: bold;
}
.fag-accordion .accordion-button:not(.collapsed)::after {
background-image: none !important;
transform: rotate(0deg) !important;
content: "\2212";
}
.fag-accordion .accordion-button:not(.collapsed) {
color: #333333;
}
.fag-accordion .accordion-button,
.fag-accordion .accordion-button:not(.collapsed) {
font-size: 20px;
font-weight: 700;
color: #333333;
}
.fag-accordion .accordion-button:focus {
box-shadow: none;
}
.fag-accordion .accordion-button:not(.collapsed) {
box-shadow: none;
background-color: transparent;
}
/* Support Page */
section.inner-heading.bg-white-real {
margin-top: 60px;
}
.contactbg{
background-image: url('{{asset("img/contactbg.jpg")}}');
min-height: 300px;
background-size: cover;
background-position: center;
justify-content: center;
display: flex;
filter: grayscale(60%);
background-attachment: fixed;
}
.contactbgtitle{
justify-content: center;
align-items: center;
display: flex;
}
.contactbgtitle h1{
font-size: 42px;
color: #fff;
}
.bg-light-grey {
margin-top: 10px;
background-color: #eee;
padding: 20px;
font-size: 15px;
}
.help-form .form-control,
.help-form select.form-control {
height: 40px;
}
.help-form .form-group {
margin-bottom: 15px;
}
.help-form .form-group .btn-orange {
border-radius: 5px;
text-transform: uppercase;
}
.help-form .form-group .btn:hover,
.help-form .form-group .btn:focus,
.help-form .form-group .btn:active {
color: #fff;
outline: 0;
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
.contact-bx i {
color: #00348F;
}
/* ========== Plans Page ============ */
.pricing-wrapper .col-md-4 {
margin-bottom: 1.5rem;
}
.pricing-item {
background: #fbfbfb;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
position: relative;
height: 100%;
border: 1px solid #e3e3e3;
margin-bottom: 0px;
display: flex;
flex-flow: column nowrap;
}
.pricing-item .pricing-free {
position: absolute;
top:90px;
display: block;
}
.pricing-item li {
text-align: center;
padding: 20px 10px;
font-size: 16px;
position: relative;
display: inline-block;
width: 100%;
min-height: 30px;
}
li.text-center.removeline > p {
color: #666170;
}
.pricing-item li:after {
content: "";
position: absolute;
width: 20%;
height: 1px;
bottom: 0;
left: 40%;
border-bottom: 1px solid #d8d8d8;
}
.pricing-item .fas.fa-check{
color: green
}
.pricing-item .fas.fa-times{
color: grey;
}
.form-group.try-input-ede {
width: 100%;
max-width: 410px;
margin: 0 auto;
margin-top: 15px;
}
.form-group.try-input-ede input {
box-shadow: none;
height: 50px !important;
padding: 10px 20px !important;
}
.pricing-item li.removeline:after {
height: 0px !important;
display: none;
}
.pricing-item li.head {
background: #ececec;
color: #000;
font-weight: 700;
padding: 15px 18px;
text-align: center;
font-size: 26px !important;
}
.pricing-item .price span {
font-size: 50px;
font-weight: 400;
letter-spacing: 1px;
}
.pricing-item .price sup,
.pricing-item .price sub {
font-size: 22px;
}
.pricing-item .price p {
line-height: 5px;
color: #909090;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
}
.pricing-btn {
margin-top: auto;
}
.pricing-btn .btn-orange{
width: 97% !important;
background: #ff7521;
font-size: 18px;
font-weight: 700;
padding: 14px 40px;
margin-top: 0px;
border:0;
color: #fff;
}
.pricing-btn .btn-primary{
width: 97% !important;
background: #303f9f;
font-size: 18px;
font-weight: 700;
padding: 14px 40px;
margin-top: 0px;
border:0;
color: #fff;
}
.videosection iframe{
height: 500px;
}
.h2-sub-next {
margin-bottom: 24px;
}
.bg-purple-700 {
--tw-bg-opacity: 1;
background-color: rgba(0,90,197,var(--tw-bg-opacity)) !important;
}
.corner-ribbon {
width: 200px;
background: #e43;
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
color: #f0f0f0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* Custom styles */
.corner-ribbon.sticky{
position: fixed;
}
.corner-ribbon.shadow{
box-shadow: 0 0 3px rgba(0,0,0,.3);
}
/* Different positions */
.corner-ribbon.top-left{
top: 25px;
left: -50px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right{
top: 25px;
right: -50px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left{
top: auto;
bottom: 25px;
left: -50px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right{
top: auto;
right: -50px;
bottom: 25px;
left: auto;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* Colors */
.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}
.alert-title {
font-weight: 700;
line-height: 20px;
}
.alert-title span {
color: #ffc107;
}
li.price.removeline span.reg-p {
color: #ff0000;
text-decoration: line-through;
font-size: 18px;
margin-right: 15px;
}
li.price.removeline span.b-month {
font-size: 20px;
font-weight: normal;
position: relative;
left: -10px;
}
li.price.removeline p.b-limited {
display: block;
font-size: 16px;
color: #518e51;
text-decoration: underline;
margin-top: 25px;
font-weight: normal;
}
sup.supb{
font-size: 18px !important;
position: relative;
top: -29px;
left: -12px;
}
.img-month-plane {
margin: 0 auto;
max-width: 260px;
text-align: left;
width: 100%;
padding-top: 15px;
}
.img-month-plane img {
padding-right: 5px;
float: left;
width: 50px;
}
.img-month-plane p.month-plane {
font-size: 14px;
font-weight: 500;
color: #4285f4;
line-height: 19px;
margin-top: 4px;
}
.month-plane {
font-weight: 500;
font-size: 12px;
color: 343434;
}
.removeline-size {
padding: 0px !important;
font-size: 40px !important;
font-weight: bold;
}
#modal-edety-signup button.close span {
font-size: 26px;
line-height: 0px;
}
.pricing-item .ribbon {
position: absolute;
right: -5px; top: -5px;
z-index: 1;
overflow: hidden;
width: 75px; height: 75px;
text-align: right;
}
.pricing-item .ribbon span {
font-size: 12px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 100px;
display: block;
background: linear-gradient(#FF8C00 0%, #DE7A00 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px; right: -21px;
}
.pricing-item .ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #DE7A00;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #DE7A00;
}
.pricing-item .ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #DE7A00;
border-bottom: 3px solid transparent;
border-top: 3px solid #DE7A00;
}
/* ========== Palns upgradem account page ============ */
section.ua-section {
margin-top: 120px;
margin-bottom: 100px;
}
.ua-section {
margin-top: 120px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.img-month-plane {
margin: 0 auto;
max-width: 260px;
text-align: left;
width: 100%;
padding-top: 15px;
}
.img-month-plane img {
padding-right: 5px;
float: left;
width: 50px;
}
.img-month-plane p.month-plane {
font-size: 14px !important;
font-weight: 500;
color: #4285f4;
line-height: 19px;
margin-top: 4px;
}
.ua-form-box {
/* background: #f5f5f5;*/
padding: 20px 15px;
}
.ua-form-box .form-control {
border: 0;
padding: 9px 15px;
height: auto;
}
.ua-form-box h3.mb-3 {
font-size: 28px;
margin-bottom: 24px !important;
}
h3.pay_ment-title{
margin-top: 12px;
/*border-bottom: 1px solid #ddd;*/
margin-bottom: 20px;
font-size: 24px;
}
h3.pay_ment-title img {
display: inline-block;
max-width: 30px;
float: right;
}
.pay_meth-box {
padding: 10px;
border: 2px solid #4285f4;
border-radius: 6px;
margin-bottom: 15px;
}
.pay_meth-box label {
margin-bottom: 0;
}
.pay_meth-box input[type="radio"] {
border-color: #4285f4;
}
.pay_meth-box input[type="radio"]:checked:before {
background-color: #4285f4;
}
.ua-form-box form .input-group span.input-group-addon {
border-right: 1px solid #ddd;
}
.ua-form-box .form-control {
background: #fff !important;
}
.ua-form-box .btn-primary {
background: #4285f4 !important;
color: #fff;
border-color: #4285f4;
border-radius: 4px;
padding: 4px 12px;
font-size: 20px;
font-weight: 700;
}
.ua-form-box .btn-primary:hover {
border-color: #4285f4 !important;
color: #000;
background: transparent !important;
}
.card_imgBox {
display: inline-block;
float: right;
}
.card_imgBox img {
max-width: 35px;
display: inline-block;
height: 26px;
}
.my-cards-new .list-group-item{
width: 47% !important;
}
.invalid-feedback{
display: none;
}
.pay-info-box {
padding: 20px 15px;
min-height: 200px;
}
.bgg .pay-info-box{
background: #f5f5f5;
/*min-height: 364px;
height: 365px;*/
}
.bgw .pay-info-box{
background: #fff;
min-height: 280px;
}
.pay-info-box p {
/*font-size: 16px;*/
margin-bottom: 10px;
}
.pay-info-box h3 {
font-size: 24px;
margin-bottom: 12px;
}
.secur_img img {
margin: 0 auto;
display: inline-block;
margin-right: 10px;
max-width: 44px;
}
.secur_img {
text-align: center;
margin-top: 25px;
font-size: 16px;
}
.pay-info-box .pay-total {
border-top: 1px solid #ddd;
padding-top: 10px;
font-weight: 700;
text-align: right;
}
.pay-info-box .pay-total p {
font-size: 20px;
}
.ua-form-box .pay-info-box {
background: #fff;
margin-bottom: 20px;
}
/*.pay-info-box p {
font-size: 14px;
}*/
.pay-info-box p.pay-det{
font-size: 16px;
font-weight: 700;
}
.pay-info-box p.pro span.cross-p{
color: red;
font-size: 15px;
margin-left: 0px;
margin-right: 15px;
text-decoration: line-through;
}
.pay-info-box p.pro span.right-p{
color: #474848;
font-size: 15px;
font-weight: 500;
}
.ua-form-box label {
font-size: 14px;
font-weight: 500;
}
.select2-container--default .select2-selection--single{
height: 38px;
}
.ua-form-box hr.mb-4 {
border-top: 1px solid #c1bfbf;
}
.payment-card-detl .input-lg {
margin-left: 1px !important;
}
/* ========== Features page ============ */
.feature-row p {
font-size: 18px;
}
.feature-row {
padding: 30px;
border-radius: 10px;
margin: 40px 15px !important;
}
.feature-row-icon img {
width: 200px;
max-width: 100%;
}
.feature-row .child {
display: flex;
justify-content: center;
}
.feature-row h2 {
font-size: 40px;
}
.feature-row .url-text {
color: #325a93;
}
#allClassrooms .main-title {
font-size: 36px;
}
.chat-app{
min-height: 500px;
}
.chat .chat-history {
padding: 20px;
border-bottom: 2px solid #fff;
height: 500px !important;
}
/* ========== Chat page ============ */
.action.chatwithus .btn-contact-author {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
padding: 10px;
box-shadow: none;
font-size: 18px;
background-color: #013895;
border-color: #FFF;
color: #fff;
text-transform: none;
}
/*.action.chatwithus .btn-contact-author:last-child {
color: #fff !important;
}*/
.action.chatwithus .btn-contact-author:hover,
.action.chatwithus .btn-contact-author:focus,
.action.chatwithus .btn-contact-author:active {
background-color: #e1e3e7 !important;
border-color: #FFF !important;
color: #fff;
}
.action.chatwithus .btn-contact-author > svg {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.chatwithus-bx {
background-color: #f5f5f5;
height: auto;
}
.chatwithus-bx .profile-title > .name-sets h5 {
color: #808080;
margin-bottom: 0px;
}
.name-sets a,
.whiteBg a.profile {
text-decoration: none;
}
.profile-detail-page .col-cus-2{
min-height: 305px;
}
.navbar-light .navbar-toggler {
border: 0px;
}
.chat-icon {
display: none;
}
a.tool-url {
display: block;
padding-bottom: 10px;
}
.user-edit-url small {
padding-right: 5px;
}
.user-progress .progress {
background-color: #edeaea;
}
.action-profile {
padding: 10px 0px;
}
.filter-btns .btn-primary {
/* margin-right: 13px;
margin-bottom: 10px;
box-shadow: 0 0px 7px #ccc;
color: #666 !important;
min-width: 90px;
font-weight: bold;
padding: 13px 2.14rem;
background: #fff !important;*/
}
.filter-btns button.navbar-toggler {
margin: 10px 0px 0px 10px;
height: 35px;
width: 100%;
}
.filter-btns button.navbar-toggler:focus {
outline: none;
box-shadow: none;
}
.filter-btns button.navbar-toggler span {
border: 1px solid #000 !important;
padding: 8px 10px;
border-radius: 4px;
}
.filter-btns button.navbar-toggler span.navbar-toggler-icon {
margin: 0 auto;
margin-right: 9px;
}
.all-profile-list.common-mar-1 {
margin-bottom: 0px;
}
.upcoming-events-menus {
padding: 0px 10px;
min-width: 220px;
}
.upcoming-events-menus a {
font-family: 'bradley_hand_itcregular';
font-weight: 700;
color: #f44336 !important;
text-decoration: none;
font-size: 18px;
}
.upcoming-events-menus .count-evt {
background-color: #f44336;
height: 18px;
min-width: 22px;
display: inline-block;
border-radius: 22px;
padding: 2px 7px;
color: #fff;
position: relative;
top: -12px;
left: 1px;
font-size: 10px;
font-family: Roboto,sans-serif!important;
}
.et-filter a {
font-size: 22px;
color: #666666;
margin-right: 10px;
margin-left: 15px;
}
.et-filter i {
vertical-align: middle;
}
.et-filter.v2 {
display: none;
}
.navbtn-list {
display: none;
padding-left: 0px;
margin-bottom: 0px;
width: 100%;
}
.navbtn-list li {
display: inline-block;
float: left;
/*width: 50%;*/
}
.navbtn-list .upcoming-events-menus {
min-width: auto;
float: right;
}
.navbtn-list li a {
color: #000;
padding-bottom: 0px;
}
.navbtn-list li.btnlink > a {
background-color: #ff7521;
color: #fff !important;
display: inline-block;
border-radius: 22px;
padding: 10px 12px !important;
border-radius: 40px;
}
.navbtn-list li.btnlink > a:hover {
color: #fff !important;
}
/*.navbtn-list li:nth-child(1) > a:hover {
background-color: #0b5ed7;
}*/
.nav-link:focus, .nav-link:hover {
color: initial !important;
}
.menu-icons li a {
display: flex;
}
.menu-icons li img {
width: 20px;
margin-right: 5px;
display: none;
}
.slider.slider-horizontal {
margin-top: 5px;
margin-left: 10px;
width: 97%!important;
height: 20px;
}
.range .slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal .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;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
border-radius: 4px;
height: 10px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0;
}
.slider.slider-horizontal .slider-selection {
position: absolute;
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;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-high,
.slider.slider-horizontal .slider-track-low {
height: 100%;
top: 0;
bottom: 0;
}
.slider.slider-horizontal .slider-track-high,
.slider.slider-horizontal .slider-track-low {
position: absolute;
background: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
.slider.slider-horizontal .tooltip.top {
margin-top: -36px;
}
.slider.slider-horizontal .tooltip {
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.slider-handle {
position: absolute;
top: 0;
width: 20px;
height: 20px;
background-color: #337ab7;
border-radius: 50%;
background-image: -webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);
background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
background-repeat: repeat-x;
filter: none;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
border: 0 solid transparent;
}
.slider.slider-horizontal .slider-handle,
.slider.slider-horizontal .slider-tick {
margin-left: -10px;
}
.price-rangeslide .slider.slider-horizontal:nth-child(2) {
display: none;
}
a#start_session, a#start_session:hover{
color: #FFF;
}
span.sm-text-red{
font-size: 12px;
width: 100%;
display: flex;
color: #000
}
.list-wrapper {
max-width: 100%;
/*margin: 50px auto;*/
}
.list {
background: #fff;
border-radius: 2px;
list-style: none;
padding-left: 0;
}
.list-item {
display: flex;
margin-top: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px;
border-radius: 8px;
align-items: center;
}
/*.list-item:last-child {
border-bottom: none;
}*/
.list-item-image {
border-radius: 50%;
width: 80px;
}
.list-item-content {
margin-left: 20px;
}
.list-item-content h4,
.list-item-content p {
margin: 0;
}
.list-item-content h4 {
margin-top: 10px;
font-size: 18px;
}
.list-item-content p {
margin-top: 5px;
color: #aaa;
}
.flex-float-right{
margin-left: auto;
order: 2;
}
.crmview .bottom-bar ul {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
/* Admin dashboard Page */
.slick-next, .slick-prev {
position: absolute;
font-size: 0;
line-height: 0;
top: 32%;
width: 40px;
height: 40px;
margin-top: -10px\9;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background: 0 0;
}
.slick-prev:before {
content: '←';
}
.slick-next:before, .slick-prev:before {
font-size: 20px;
line-height: 1;
opacity: .75;
color: #fff;
}
.slick-next {
right: -25px;
}
.slick-prev {
left: -21px;
z-index: 1;
}
.slick-dots li button:before, .slick-next:before, .slick-prev:before {
font-family: slick;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.progress-bar.bg-info {
background: #640C0D;
color: #000;
}
.user-progress .progress{
height: 35px;
}
.progress-bar.bg-info {
background: #4285f4;
}
.progress-percent{
position: absolute;
left: calc(100% - 142px - 27%);
top: 25%;
}
.eventGrid-carousel .slick-list .slick-track {
display: flex;
}
.eventGrid-carousel .slick-slide {
height: inherit;
}
.cardEvent--event .title-slider h3 {
font-weight: 600;
font-size: 17px;
color: #1a1a1a;
margin-bottom: 0;
}
/* User header */
#menuToggle{
display: none;
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
}
#menuToggle input{
display: block;
width: 40px !important;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none;
}
#menuToggle span{
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #303f9f;
border-radius: 3px;
z-index: 1;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#menuToggle span:first-child{
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2){
transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span{
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}
#menuToggle input:checked ~ span:nth-last-child(3){
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2){
opacity: 1;
transform: rotate(-45deg) translate(0, -1px);
}
#menu{
position: absolute;
width: 300px;
margin: -100px 0 0 0;
padding: 0px;
padding-top: 50px;
right: -50px;
background: #fff;
list-style-type: none;
-webkit-font-smoothing: antialiased;
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
min-height: 900px;
box-shadow: -7px 0px 16px -8px rgba(0,0,0,0.66);
-webkit-box-shadow: -7px 0px 16px -8px rgba(0,0,0,0.66);
-moz-box-shadow: -7px 0px 16px -8px rgba(0,0,0,0.66);
}
#menu li {
padding: 7px 0 7px 15px;
font-size: 15px;
border-bottom: 1px solid #ddd;
}
#menu li:last-child {
padding: 7px 0 7px 15px;
font-size: 15px;
border-bottom: 0;
}
#menu li a{
color: #292929;
text-decoration: none;
}
#menuToggle input:checked ~ ul{
transform: scale(1.0, 1.0);
opacity: 1;
}
.onclick-menu-content.open{
opacity: 1;
visibility: visible;
display: inherit;
}
.onclick-menu-content {
display: none;
opacity: 0;
visibility: hidden;
padding-left: 0px;
transition:visibility 0.3s linear,opacity 0.3s linear;
}
.onclick-menu-content li {
list-style: none;
}
#menu li img {
width: 20px;
width: 20px;
object-fit: cover;
margin-right: 3px;
display: inline-block;
}
#menu li img.profile-img {
width: 60px;
border-radius: 50%;
height: 60px;
}
.menu-img h5{
display: inline-block;
}
#menu li a:focus, #menu li a:hover {
text-decoration: none;
}
a.chaticonmobile{
position: absolute;
right: 61px !important;
top: 16px;
font-size: 24px;
line-height: 1px !important;
color: #303f9f!important
}
a.chaticonmobile .badge.badge-pill {
height: 15px !important;
/*background: #777 !important;*/
background: red !important;
width: 15px !important;
line-height: 14px !important;
padding: 0 !important;
position: absolute !important;
top: -6px !important;
right: -8px !important;
font-size: 12px;
}
a.chaticonmobile.deskicon05{
top: 11px!important;
}
a.notificationlinkmobile{
position: absolute;
right: 63px !important;
top: 11px;
font-size: 24px;
line-height: 1px !important;
color: #303f9f!important
}
a.notificationlinkmobile.mngspace-1{
right: 68px!important;
}
span.badge.badge-pill.badge-danger.count.linkmobile {
position: absolute;
top: -8px;
width: 15px;
height: 15px;
line-height: 0;
padding: 7px 0;
right: -5px;
font-size: 12px;
}
li.onclick-menu-li {
position: relative;
}
li.onclick-menu-li:after {
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
content: "\f054";
position: absolute;
left: 250px;
top: 10px;
color: #525252;
font-size: 12px;
}
li.onclick-menu-li.open:after {
content: "\f078" !important;
}
.filter-modal .modal-title {
font-size: 25px;
font-weight: 600;
}
.filter-modal .modal-header span {
font-size: 28px;
}
.filter-modal input[type='checkbox'] {
-webkit-appearance: checkbox;
margin-top: 0.5rem;
position: absolute;
}
.filter-modal b, .filter-modal strong {
font-weight: 600;
}
/* Profile User */
.profile-userInfo {
display: flex;
align-items: center;
justify-content: center;
}
.profile-userInfo img {
width: 90px !important;
height: 90px !important;
object-fit: cover;
}
.profile-userInfo .profile-userContent {
padding-left: 15px;
text-align: left;
}
.greybg-inner {
background: #fff;
border-radius: 0 10px 10px 0;
position: relative;
padding: 20px;
top: 8px;
box-shadow: 2px 2px 5px #ddd;
height: 100px;
}
.greybg-inner .btn {
border-radius: 50px;
text-transform: uppercase;
font-size: 13px;
padding: 5px 40px;
}
.events.events-mgm .filter-btns .btn-primary {
margin-right: 13px;
}
.events .gallery_product {
float: left;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
.profile-display-ttl{
/*width: 200%;*/
display: block;
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
}
.searchCard .dropdown.drop-options {
position: absolute;
top: 50%;
right: 0;
width: auto;
transform: translateY(-50%);
margin-top: 0;
height: 100%;
z-index: 99;
}
.searchCard .drop-options .dropdown-toggle {
border-radius: 0!important;
border: none!important;
margin-right: 0!important;
width: auto;
height: 100%;
padding: 0 5px!important;
background-color: #383333!important;
}
.searchCard .drop-options .dropdown-toggle i {
font-size: 15px;
line-height: 29px;
color: #fff;
transform: rotate(90deg);
}
.searchCard .drop-options .dropdown-toggle::after {
display: none;
}
.searchCard .cardEvent--rating .jq-ry-group>svg {
width: 12px;
margin-right: 2px;
}
.searchCard .EventDates svg, .EventScheduled svg {
margin-right: 10px;
}
.searchCard .cardEvent--wrap p {
margin-bottom: 15px;
}
.myItem:last-child {
border-bottom: none;
}
.myItem img, .upcomming-event-list .myItem video {
max-width: 70px;
height: 50px;
}
.myItemList td.title-td a {
word-break: break-word;
}
.myItem p.by {
color: #666;
}
a:focus-visible {
outline: none !important;
}
.button-td p.ettext {
font-weight: 500;
text-transform: capitalize;
color: #2064e1;
}
.myItem p.by {
color: #666;
/*word-break: break-all;*/
margin-bottom: 0px;
}
.schedule-td .by svg {
max-width: 42px;
margin-right: 10px;
}
td.action-td, div.action-td {
text-align: right;
width: 35px;
}
.grey-bg.upcomming-event-list {
width: 100%;
max-width: 100%;
float: left;
border-radius: 25px 0 25px 0;
}
a.action-close {
float: right;
}
.upcomming-event-list .head p {
font-size: 24px;
font-weight: 400;
/*text-transform: capitalize;*/
color: #2f3033 !important;
}
.myItem a {
text-decoration: none;
}
img.img-circle {
border-radius: 50px;
}
.bottom-bar ul {
list-style: none;
}
.bottom-bar ul li a {
color: #686868;
text-decoration: none;
font-size: 14px;
}
.bottom-bar ul li a .fa {
padding-right: 5px;
}
.customUploader{
height: 600px !important;
}
/* .nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
background: #00308a;
color: #fff;
}*/
.uppy-Dashboard-poweredBy{
display: none !important;
}
.uppy-Dashboard-inner {
margin: 0 auto;
}
.markFeatured, .chooseThumbnail, .bottom-bar label{
display: block;
cursor: pointer;
}
.updateMediaContainer.row {
max-height: 580px;
overflow: auto;
}
.changeThumb {
margin-top: 0px;
}
video{
display: block;
}
#thumbnailModal .modal-body {
padding: 10px !important;
}
.deleteMedia{
position: absolute;
right: 20px;
top: 0;
font-size: 22px;
}
.deleteMedia i{
color: red !important;
}
.markFeatured{
cursor: pointer;
}
video.selectMedia{
width: 100% !important;
}
.hidden{
display: none;
}
.mediaItem img {
width: 100%;
height: 100% !important;
min-height: 195px;
object-fit: cover;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.markFeatured.active{
color: #f60;
font-weight: bold;
}
ul label {
margin-bottom: 0;
}
ul label {
margin-bottom: 0;
color: #666;
font-size: 16px;
font-weight: 400;
margin-left: 10ox;
}
li label input{
margin-right: 4px !important;
}
ul.mediaList li {
border: 1px solid #ccc;
/*padding: 10px;*/
margin-bottom: 20px;
border-radius: 0px;
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
.col-md-3.mediaItem {
margin-bottom: 25px;
min-height: 230px;
}
/*ul.mediaList li:hover{
border:4px solid grey;
/*padding: 7px;*/
/*}*/
/*ul.mediaList li:hover .selectMedia{
padding: 10px;
}*/
.tab-pane ul li{
padding-top: 0px !important;
}
ul.mediaList li.selected{
border:4px solid green;
}
ul.thumbListView li img {
width: 150px;
height: 100px;
}
ul.thumbListView {
border: none;
}
ul.thumbListView li {
border: none;
display: inline;
}
ul.thumbListView li:hover {
background: none !important;
}
ul.thumbListView li {
border: none;
display: inline-block;
margin-right: 0;
/* border: 1px solid; */
margin-bottom: 10px;
width: 150px;
border: 1px solid #ccc;
padding: 5px;
cursor: pointer;
margin-right: 5px;
}
ul.thumbListView li.active {
border: 4px solid green !important;
}
.modal-dialog.modal-lg{
width: 80%;
max-width: 800px;
}
.upload-btn-wrapper {
position: relative;
display: inline-block;
margin-top: 10px;
border: 1px solid #ccc;
margin: 10px -5px -5px 0px;
width: 100%;
text-align: center;
}
.uploadBtn {
border: none;
background-color: white;
padding: 8px 20px;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
height: 100px;
width: 130px;
border: none !important;
color: #000 !important;
}
.upload-btn-wrapper input[type=file] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
margin: 0 auto;
}
.imgcontainer { position: relative; }
.imgcontainer i {
position: absolute;
top: 5px;
right: 10px;
color: red;
font-size: 24px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
.selectMedia{
height: 100%;
}
}
.is-selected {
position: absolute;
top: 5px;
right: 5%;
background-color: #11bf5c;
padding: 5px 9px;
width: 30px;
height: 30px;
border-radius: 99px;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
cursor: pointer;
color: #fff;
font-size: 22px;
}
.selectMedia {
position: relative;
/*padding: 10px;*/
}
.selectMedia .featured {
position: absolute;
top: 2px;
right: 10px;
color: #3a3a3a;
font-size: 24px;
}
.featured {
position: absolute;
top: 0;
color: #fff;
background: #f60;
padding: 2px 12px;
display: none;
right: 12px;
font-size: 16px;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.featured.active{
display: block;
}
.bottom-bar {
/* background: #ececec; */
padding: 5px;
min-height: 70px !important;
max-height: 130px !important;
}
.bottom-bar ul {
margin-bottom: 0;
padding-left: 0;
}
.bottom-bar ul li {
/* padding: 10px 0; */
height: 20px;
font-size: 15px;
/*border-bottom: 1px solid #cac9c9;*/
margin-top:10px !important;
}
.bottom-bar ul li:first-child{
margin-top: 0px !important;
}
.bottom-bar ul li:last-child{
border-bottom: none !important;
}
.selectMedia .featured:hover{
color: #FFD700;
}
.mediaItem {
position: relative;
}
.loading {
position: fixed;
z-index: 999999999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 150ms infinite linear;
-moz-animation: spinner 150ms infinite linear;
-ms-animation: spinner 150ms infinite linear;
-o-animation: spinner 150ms infinite linear;
animation: spinner 150ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.more-menu {
width: 100px;
}
/* More Button / Dropdown Menu */
.more-btn,
.more-menu-btn {
background: none;
border: 0 none;
line-height: normal;
overflow: visible;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
width: 100%;
text-align: left;
outline: none;
cursor: pointer;
}
.more-dot {
background-color: #aab8c2;
margin: 0 auto;
display: inline-block;
width: 7px;
height: 7px;
margin-right: 1px;
border-radius: 50%;
transition: background-color 0.3s;
}
.more-menu {
position: absolute;
top: 100%;
z-index: 900;
float: left;
padding: 10px 0;
margin-top: 9px;
background-color: #fff;
border: 1px solid #ccd8e0;
border-radius: 4px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
opacity: 0;
transform: translate(0, 15px) scale(.95);
transition: transform 0.1s ease-out, opacity 0.1s ease-out;
pointer-events: none;
}
.more-menu-caret {
position: absolute;
top: -10px;
left: 12px;
width: 18px;
height: 10px;
float: left;
overflow: hidden;
}
.more-menu-caret-outer,
.more-menu-caret-inner {
position: absolute;
display: inline-block;
margin-left: -1px;
font-size: 0;
line-height: 1;
}
.more-menu-caret-outer {
border-bottom: 10px solid #c1d0da;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
height: auto;
left: 0;
top: 0;
width: auto;
}
.more-menu-caret-inner {
top: 1px;
left: 1px;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
}
.more-menu-items {
margin: 0;
list-style: none;
padding: 0;
}
.more-menu-item {
display: block;
}
.more-menu-btn {
min-width: 100%;
color: #66757f;
cursor: pointer;
display: block;
font-size: 13px;
line-height: 18px;
padding: 5px 20px;
position: relative;
white-space: nowrap;
}
.more-menu-item:hover {
background-color: #489fe5;
}
.more-menu-item:hover .more-menu-btn {
color: #fff;
}
.more-btn:hover .more-dot,
.show-more-menu .more-dot {
background-color: #516471;
}
.show-more-menu .more-menu {
opacity: 1;
transform: translate(0, 0) scale(1);
pointer-events: auto;
}
#notifications {
cursor: pointer;
position: fixed;
right: 0px;
z-index: 9999;
top: 0px;
margin-bottom: 22px;
margin-right: 15px;
/*max-width: 400px; */
min-width: 200px ;
}
.stepper-content-inner .tab-content > .tab-pane:not(.active):not(.in), .stepper-content-inner .tab-content > .tab-phiddenane:not(.active):not(.in) {
display: none;
}
.stepper-content .nav-tabs {
width: 100%;
display: flex;
justify-content: center;
margin: 20px 0 10px;
border-bottom-color: #3f51b5;
}
.stepper-content .nav-tabs .nav-item .nav-link {
background-color: #3f51b5;
border-color: #3f51b5;
color: #fff;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 0px;
padding: 12px 20px;
border-bottom: 0px;
}
.stepper-content .nav-tabs .nav-item .nav-link.active.stepper-content .nav-tabs .nav-item .nav-link.active, .stepper-content .nav-tabs .nav-item.active .nav-link {
background-color: #fff;
color: #3f51b5;
}
.features-media{
display: none;
color: red;
}
.drop-options .dropdown-menu
{
padding: 0;
}
.drop-options .dropdown-menu li {
padding: 2px 10px;
border-bottom: 1px solid #ddd;
}
.drop-options .dropdown-menu li:last-child{
border-bottom: none;
}
.drop-options .dropdown-menu li .fa{
margin-right: 5px;
}
@media (min-width: 767px) {
#page-author {
margin-bottom: 0;
}
.flex-column-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
}
.action.chatwithus .btn-contact-author {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
padding: 10px;
box-shadow: none;
font-size: 18px;
background-color: #e1e3e7;
border-color: #080000;
color: #000;
text-transform: none;
}
/*.action.chatwithus .btn-contact-author:last-child {
color: #fff !important;
}*/
/*.action.chatwithus .btn-contact-author:hover,
.action.chatwithus .btn-contact-author:focus,
.action.chatwithus .btn-contact-author:active {
background-color: #013895 !important;
border-color: #FFF !important;
color: #fff;
}*/
.action.chatwithus {
padding-left: 0px;
padding-right: 0px;
}
.virt-new-event-time h6 {
padding: 15px;
color: #fff;
/* text-transform: capitalize;*/
border-bottom: 1px solid #fff;
margin-bottom: 13px;
}
.virt-new-event-time{
background-color: #00a4ef;
}
.virt-new-event-time h6 i {
margin-right: 7px;
}
.action.chatwithus .btn-contact-author > svg {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.virt-new-event-detl ul{
padding-left: 4px;
margin-bottom: 0;
}
.virt-new-event-detl ul li {
list-style: none;
line-height: 30px;
}
.panel-body .apt > a {
display: flex;
align-items: center;
font-weight: 700;
color: #fff;
font-size: 15px;
margin-top: 10px;
}
.panel-body .apt > a svg{
fill: currentColor;
margin-right: 5px;
}
.panel-body .apt > a svg{fill: currentColor;
margin-right: 5px;}
.detail .center-svg{
display: flex;
align-items: center;
}
.center-svg svg{
max-width: 42px;
margin-right: 10px;
}
.profile-title.d-flex {
display: flex;
justify-content: space-between;
}
.profile-title > .name-sets {
flex-grow: 1;
}
.profile-title > .name-sets h5 {
color: #808080;
margin-bottom: 0px;
}
.lightgreybg {
/*background-color: #f5f5f5;*/
}
.profile-title #rateYo, .profile-title #rateYo .jq-ry-group {
display: flex;
}
.gallery-top-main{
/*background: #f5f5f5;*/
}
.myItem a:not(.btn) {
/*color: #4c4f52 !important;*/
}
.status{
width: 12px;
height: 12px;
border-radius: 50%;
background: #ccc;
display: block;
position: absolute;
right: 0;
bottom: 0px;
border: 2px solid #fff;
padding:0;
}
.status.online{
background:#20a150;
}
.ribbon-pricing {
position: relative;
width: 170px;
height: auto;
padding: 20px 0;
background: #15AE26;
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ribbon-pricing__image {
width: 55px;
margin-left: -10px;
}
.ribbon-pricing__label {
color: #000;
display: block;
margin-top: 0;
margin-left: 10px;
font-weight: 500;
}
.btn.btn-square {
border-radius: 6px !important;
padding: 8px 24px;
}
/*@media (min-width: 1000px) {*/
.ribbon-pricing {
position: relative;
width: 170px;
background: #15AE26;
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-direction: column;
padding: 0;
}
.ribbon-pricing::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 10px 13px 52px;
border-color: transparent #ffffff transparent transparent;
}
.ribbon-pricing__image {
width: 75px;
margin-left: -10px;
}
.ribbon-pricing__label {
}
#dashboard .card-body{
padding: 10px;
}
#dashboard .card-box{
padding: 5px;
}
#dashboard .card-body p.h2{
font-size: 23px;
}
.btn.orange-btn {
width: 100%;
background: #ff5722;
color: #fff;
}
.chatHandlerNotificationCount {
position: absolute;
background: red;
border-radius: 50%;
top: 10px;
font-family: 'Lato', sans-serif;
}
.videoRequest .count{
position: absolute;
background: red;
/*top: 0px; */
border-radius: 50%;
font-family: 'Lato';
}
.notifcations-dropdown .user-img{
width: 40px;
}
.notifcations-dropdown {
width: 280px;
padding: 0px !important;
}
.notifcations-dropdown h6 {
font-size: 14px;
padding-left: 5px;
color: #364138;
}
.notification-item p {
font-size: 14px;
margin-bottom: 2px;
line-height: 20px;
color: #364138;
/*word-break: break-all;*/
}
.notification-item .details p.wob {
word-break: break-word;
}
#view-active-notification:empty {
display: none;
}
.notification-item .btn-primary, .notification-item .btn-success, .notification-item .btn-danger{
color: #fff !important;
padding: 5px 10px;
font-size: 14px;
}
.notification-item {
margin: 10px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.notification-item:last-child {
border-bottom: none;
}
.notification-item.review-notification {
text-align: center;
}
.cursor{
cursor: pointer;
}
.messageInput:focus{
outline: none !important;
border: none !important;
}
.message .image {
width: 70% !important;
}
#view-active-notification-mobile {
position: absolute;
background: #fff;
top: 55px;
z-index: 999999;
}
#view-active-notification-mobile.notifcations-dropdown{
width: 100%;
}
.notificationlinkmobile.dropdown-toggle::after {
display: none;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.search-bar{
width: 45%;
}
.plainlist {
padding-left: 0;
list-style-type: none;
font-size: 26px;
}
.time-zonefont {
border: 0;
}
h2#swal2-title {
display: block !important;
}
#swal2-title p {
font-size: 16px;
margin-top: 10px;
font-weight: 500;
}
#swal2-title ul{
padding-left: 0 !important;
}
#swal2-title li {
list-style: none;
display: inline-block;
margin-right: 20px;
font-size: 48px;
}
#swal2-title li .fb{
color: #4267B2;
}
.copylink{
cursor: pointer;
}
#swal2-title li .wa{
color: #075e54;
}
#swal2-title li .tw{
color: #00acee;
}
span.share {
background: #383333;
color: #fff;
border-radius: 50%;
}
.cardEvent--footer .cardFoot {
justify-content: unset;
display: flex;
align-items: center;
}
.cardFoot > span:first-child {
width: 70%;
display: block;
}
span.clipboard.mr-3 {
margin-right: 10px;
}
.cardEvent--footer .cardFoot .fa-share{
cursor: pointer;
}
span.edit a{
color: #fff !important;
}
span.edit {
background: #383333;
color: #fff;
border-radius: 50%;
}
.btn-grey {
background: #dbdbdb;
}
.getstarted-email::placeholder, .getstarted-emailres-bottom::placeholder,
.getstarted-emailres::placeholder { /* Most modern browsers support this now. */
color: #ff7521 !important;
}
.eventGrid{
color: #212529;
}
#getstartedbutton-res-bottom{
position: relative;
}
#getstartedbutton-res-bottom .getarrow {
right: 35px;
position: absolute;
}
.getstarted-emailres-bottom{
margin-top: 30px;
padding-top: 10px;
width: 80%!important;
border: 1px solid #ced4da;
display: initial!important;
border-radius: 2px!important;
text-align: center;
color: #555;
height: 63px;
background: #fff;
font-size: 19px;
}
.cardEvent{
border: 0px;
}
.btn-social{
padding-left: 25px;
padding-right: 25px;
}
.btn.social-login{
background-color: #fff;
border: 1px solid #ccc;
box-shadow: none;
min-width: 250px;
}
.btn.social-login span{
margin-right: 10px;
}
.btn.social-login .fa-google{
color : #DB4437;
}
button#loginsub, button#regform_submit_btn, button#showloginform, button#showregisterform{
min-width: 250px;
font-size: 1.2rem;
/* font-family: tiempos, Georgia, Cambria, Palatino, "Times New Roman", Times, serif !important;*/
font-weight: 700;
border-radius: 8px!important;
background-image: linear-gradient(90deg, #22d3ee, #a855f7);
border: unset!important;
}
.modal-content{
border-radius: 1rem;
}
#modal-edety-login .modal-dialog, #modal-edety-signup .modal-dialog{
/*max-width: 400px;*/
}
.ortext{
font-size: 16px;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
color: rgb(132, 132, 132);
margin-top: 16px;
}
.ortext::before, .ortext::after {
position: relative;
width: calc(50% - 16px);
height: 1px;
content: " ";
background-color: rgb(132, 132, 132);
}
th.fc-col-header-cell {
background: #00348f;
color: #fff;
}
th.fc-col-header-cell a{
color: #fff !important;
text-decoration: none;
text-transform: capitalize;
}
.fc .fc-button{
text-transform: capitalize !important;
}
.fc-daygrid-event-harness {
cursor: pointer;
}
.logo img {
/*width: 150px;*/
width: 109px;
}
.editylogo-cen img {
width: 150px;
}
input.selectDay {
float: right;
margin-right: 10px;
margin-top: 5px;
}
.vrt-sharable-title{
padding-left: 0px;
}
span.vrt-sharable-price {
float: right;
font-size: 18px;
font-weight: 700;
}
.vrt-p-title p {
font-size: 16px;
font-weight: 400;
}
.vrt-p-select select.form-control.evtab {
width: 200px !important;
}
.vrt-p-select a {
margin-left: 12px;
}
.vrt-sharable-title h3 {
font-size: 17px;
margin: 0px 0px 4px 10px;
}
.vrt-sharable-title p{
color: #6b6b6b;
margin-left: 10px;
margin-bottom: 0px;
}
span.vrt-sharable-more {
margin-left: 10px;
font-size: 14px;
font-weight: 500;
}
p.vrt-sharable-price {
margin-bottom: 2px;
font-size: 16px;
font-weight: 500;
}
.vrt-sharable-img .edit .profoffer .fa-edit {
font-size: 24px !important;
}
.whiteBg h3 span.text-break.virt-profile-url-blue {
font-size: 12px;
text-transform: lowercase;
color: #0d6efd;
}
p.location.virt-profile-location {
padding-top: 4px;
font-size: 12px;
color: #303f9f;
}
.slick-track{
float: left;
}
.media-up-event-mobilebox {
display: flex;
align-items: flex-start;
}
.content-body-event-mobilebox p {
font-size: 14px;
font-weight: 400;
margin-bottom: 2px;
line-height: 16px;
}
.content-body-event-mobilebox {
padding: 9px 9px 0px 8px;
}
.vir-r-box-mob-evt{
margin: 0px 0px;
}
.body-tag-title {
margin-bottom: 2px;
font-weight: 700;
font-size: 14px;
color: #2275d7;
}
.body-tag--title {
margin-bottom: 2px;
font-size: 14px;
font-weight: 500;
}
.media-up-event-mbx{
padding: 1px 9px;
border: 1px #ccc solid;
margin-bottom: 10px;
}
.body-e-mobilebox-btn {
text-align: right;
margin-top: 2px;
}
.media-eup-img{
padding-top: 10px;
}
.vrt-p-title.head h3 {
margin-bottom: 10px;
}
.event-up-show-more {
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
.content-body-event-mobilebox a {
text-decoration: none;
}
.media-body-event-mobilebox {
width: 100%;
}
p.col-blu-desc {
margin: 0;
font-weight: 700;
color: #2275d7;
}
a.more-info-record-acti {
margin-left: 12px;
}
a.more-info-record-acti i {
font-size: 24px;
font-weight: 600;
/*color: #2275d7;*/
}
a.more-info-record-acti.mira-virt {
margin-left: 0;
vertical-align: middle;
}
.text-green{
color: #198754!important;
}
.text-red{
color:red!important;
}
.vrt-p-title .vrt-pvt-url{
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
}
.vrt-p-title .vrt-pvt-url a.vrt-pvt-url-a{
text-decoration: none;
text-align: center;
color: green;
font-weight: 400;
}
.vrt-p-title .vrt-pvt-url i{
font-size: 17px;
color: #f56a15;
}
.activities-btn-dtl .dpi-btn, .activities-btn-dtl .dpi-btn-1{
background-color: #4285f4;
border: none;
border-radius: 5px;
/* width: 200px; */
padding: 14px;
font-size: 16px;
color: white;
/*box-shadow: 0px 6px 18px -5px #0d6efd;*/
text-decoration: none;
cursor: pointer;
}
.activities-btn-dtl.text-center {
margin-bottom: 40px;
}
p.dpi-info{
text-align: center;
font-size: 24px;
font-weight: 600;
}
p.dpi-info-1 {
text-align: center;
font-size: 24px;
font-weight: 600;
padding-bottom: 10px
}
#more-activities-details .modal-dialog{
top: 28%!important;
}
#more-activities-details .modal-dialog .modal-content .modal-header{
border: none !important;
}
.edety-new-profiles .list p.body-tag-title {
margin: 4;
}
span.body-tag--title {
width: 100%;
display: block;
}
span.body-tag-title {
width: 100%;
display: block;
}
.activity--mob--layout {
margin-bottom: 20px;
}
.activity--mob--layout .activity-mob--layout span {
font-size: 16px;
font-weight: 700;
color: #4c4f52;
}
.activity--mob--layout .activity-mob--layout {
padding-bottom: 10px;
}
.activity-mob-layout-bord {
padding: 9px;
}
.activity-mob-layout {
border: 1px #ccc solid;
}
span.body-tag---title a {
margin-left: 10px;
}
span.body-tag---title a:first-child {
margin-left: 0px;
}
.content-body-event-mobilebox span.subject-tag--title {
font-size: 12px;
font-weight: 700;
}
.content-body-event-mobilebox.meeting-event--title-mobilebox {
padding: 0px 9px 0px 8px;
}
.body-tag--title a.service-tag--title {
text-decoration: none;
color: #0d6efd;
}
span.virt-mmeting--ser-pg a:nth-child(3), span.virt-mmeting--ser-pg a:nth-child(2) {
margin-right: 4px;
}
span.virt-mmeting--ser-pg a:nth-child(4){
cursor: pointer;
}
span.virt-mmeting--ser-pg a:first-child {
margin-right: 10px;
}
.ev--del-red i{
color: red;
}
.ev--del-gray i{
color: #212529;
}
ul.list-deatl.pay-list-deatl.hideOnPhone.pay-f1-dark {
background-color: #f5f5f5;
}
.upgrade-account p.fw7--stl{
font-size: 19px;
/*font-weight: 700;*/
}
.swiper-slide span.bundle_cnt__text {
display: inline-block;
width: 100%;
}
.swiper-slide span.bundle_cnt__text_ {
font-size: 17px;
display: inline-block;
width: 100%;
font-weight: 500;
/* color: #198754;*/
margin-bottom: 10px;
}
#servis-subs h4{
font-size: 18px;
text-align: center;
padding-top: 20px;
}
#servis-subs h5{
padding-bottom: 10px;
text-align: center;
padding-top: 10px;
font-size: 14px;
}
.swiper-container.gallery-thumbs-main-3 .swiper-pagination-fraction{
top: 0px;
left: 0;
width: 100%;
z-index: 1;
bottom: inherit;
}
.gallery-thumbs-main-3.swiper-free-mode>.swiper-wrapper, .swiper-container.gallery-thumbs-main-3>.swiper-wrapper{
transition-timing-function: ease-out;
margin: 32px 0px 0px 0px;
}
.swiper-container.gallery-thumbs-main-3 .swiper-button-prev {
left: -7px;
right: auto;
top: 48px;
}
.swiper-container.gallery-thumbs-main-3 .swiper-button-next {
right: -7px;
left: auto;
top: 48px;
}
.swiper-container.gallery-thumbs-main-3 span.swiper-pagination-current {
font-size: 20px;
/*color: #ff7521;*/
font-weight: 700;
}
.bundle__cnt__title {
margin-top: 0.25rem!important;
}
.btn-text-bundle{
text-decoration: none;
font-size: 14px;
font-weight: 600;
}
.pro--p-text{
margin-bottom: 0px;
font-size: 12px;
}
.pro--p-mbt{
margin-bottom: 0px;
font-size: 20px;
}
.FW700{
font-weight: 700;
}
.one-serv-connect .Fsz20 {
padding-top: 30px;
font-size: 20px;
}
.one--serv--connect {
padding-bottom: 30px !important;
}
.offer-sub-title p.bundle-sub-title-1 {
text-align: center;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
}
.offer-sub-title p.bundle-sub-title-2 {
text-align: center;
font-size: 18px;
font-weight: 500;
}
.bund-cost-t1 p.vst-p-1 {
text-align: center;
font-size: 16px;
margin-bottom: 0px;
}
.bund-cost-t1 p.vst-p-2 {
text-align: center;
font-weight: 500;
font-size: 16px;
}
.section-connect p.fc-green-stl{
font-size: 12px;
font-weight: 500;
color: #01880d !important;
}
.section-connect p.fc-red-stl{
font-size: 12px;
font-weight: 500;
color: #f90f0f!important;
}
.watch-underline{
text-decoration: underline;
}
.video-page-frame {
padding: 0px 8px;
border: 1px #efeeee solid;
border-radius: 8px;
background-color: #fafafa;
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.video-page-text{
border-top: 1px #ccccccad solid;
margin-top: 4px;
}
.video-page-text p{
font-weight: 500;
font-size: 14px;
margin-top: 6px;
}
.paddingtop80 {
margin-top: 80px;
}
.accordion-button.upg-page-collapse{
flex-direction: column-reverse;
padding: 1.5rem 1.25rem;
}
.fag-accordion .accordion-button.upg-page-collapse::after{
width: 10px;
height: 10px;
margin-left: 78px;
text-align: right;
width: 100%;
}
.vrtuallybot-btn {
height: 35px;
border: 2px solid #00348F;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
margin-right: 10px;
background: transparent;
color: #000;
}
.vrtualbot-btn{
top:10px;
position: absolute;
}
.row.position-relative.pt-3 .vrtualbot-btn{
top:0px;
}
.icon-img{
width:30px;
margin-right: 4px;
}
.modal-title .icon-img{
margin-right: 0px;
border-radius: 25px
}
.row-spl-bordered{
border: 1px solid #ccc;
padding: 5px 5px;
margin: 0;
}
.generate-btn{
border-radius: 5px !important;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: #198754;
border: 0;
height: 30px;
}
.generate-btn img{
width:20px;
}
.no-border-resize {
resize: none; /* Disable resizing */
border: none; /* Remove border */
overflow: auto; /* Add scrollbars if content overflows */
}
.no-border-resize:focus {
outline: none; /* Remove the default focus outline */
box-shadow: none; /* Remove any focus-related box shadow */
}
.generatedbio h1{
font-size: 22px;
}
.generatedbio h2{
font-size: 20px;
}
.generatedbio h3{
font-size: 18px;
}
.generatedbio h4{
font-size: 16px;
}
.generatedbio h5{
font-size: 14px;
}
.generatedbio h6{
font-size: 13px;
}
.generatedbio p{
font-size: 12px;
}
.stepper-content-inner .nav {
flex-wrap: nowrap !important;
}
.page-txt {
color: #333 !important;
}
h5.modal-title{
font-size:20px !important;
}
.about_1 h1, .eventabout h1, .about_1short h1 {
font-size: 26px;
}
.about_1 h2, .eventabout h2, .about_1short h2 {
font-size: 24px;
}
.about_1 h3, .eventabout h3, .about_1short h3 {
font-size: 22px;
}
.about_1 h4, .eventabout h4, .about_1short h4{
font-size: 20px;
}
.about_1 h5, .eventabout h5, .about_1short h5{
font-size: 18px;
}
.about_1 h6, .eventabout h6, .about_1short h6{
font-size: 16px;
}
#pills-about p, .eventabout p, .about_1short p {
margin-bottom: 12px;
}
.message-icon .icon_3 {
width: 7% !important;
float: left;
display: flex;
justify-content: center !important;
align-items: center !important;
}
.bioscroll1 {
height: 500px !important;
}
.chat-about h6 {
display: flex !important;
align-items: center !important;
}
.chat-history ul{
height: 95% !important;
overflow-y: auto;
overflow-x: hidden;
}
@media only screen and (max-width: 520px) {
.updateMediaContainerNew.row, .updateMediaContainerSell.row,.updateMediaContainer.row {
max-height: 380px !important;
}
.modal-content {
/* max-height: 580px !important;*/
}
.bottom-bar {
min-height: 60px !important;
max-height: 130px !important;
}
.bottom-bar label {
font-size: 12px !important;
}
.bottom-bar a,.bottom-bar i {
font-size: 11px !important;
}
.is-selected {
position: absolute;
top: 1px !important;
left:unset !important;
right: 5% !important;
background-color: #11bf5c;
padding: 5px 2px;
width: 25px;
height: 25px;
border-radius: 99px;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
cursor: pointer;
color: #fff;
font-size: 14px;
}
.bottom-bar ul li {
margin-top: 3px !important;
}
.col-md-3.mediaItem {
min-height: 180px !important;
}
.mediaItem img {
min-height: 95px !important;
}
.card.chat-app{
display: flex;
align-items: center;
justify-content: center;
}
.chat-app .people-list {
width: 100%;
position: absolute;
left: 0;
top: 0;
padding: 0px;
z-index: 7;
overflow-x: auto;
height: 70px !important;
}
.chat-app .chat {
margin-left: 0px !important;
border-left: 1px solid #eaeaea;
overflow: hidden;
width: 100% !important;
}
.chat .chat-history {
height: 360px !important;
overflow: hidden;
}
.msgInput {
width: 65% !important;
}
.message-icon {
padding-left: 0px !important;
}
.message-input {
position: absolute;
width: 100%;
overflow: hidden;
bottom: 0;
border-radius: 10px;
}
.chat-app .chat {
margin-top: -70px !important;
}
}
@media only screen and (max-width: 776px) {
.fag-accordion button{
width: 90%;
}
.col-6.mediaItem {
margin-bottom: 0px
}
}
.introjs-tooltip {
max-width: 350px !important;
width: 100% !important;
}
.introjs-bullets {
text-align: center;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.introjs-tooltiptext {
padding: 10px 20px !important;
}
#scrollToTopLink {
scroll-behavior: auto !important;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% + -1rem) !important;
}
/* New Hero Banner */
.heroBanner {
padding-top: 60px;
padding-bottom: 20px;
}
.hero_caption {
text-align: center;
font-weight: initial;
font-size: 20px;
line-height: 26px;
color: #fff;
}
.hero_caption .h4-sub {
font-family: tiempos, Georgia, Cambria, Palatino, "Times New Roman", Times,Montserrat, serif !important;
color: #000;
}
.hero_caption #getstartedbutton1 {
font-family: var(--bs-body-font-family);
width: 44%;
height: 50px;
font-size: 1.3rem;
background-color: #ee9312;
border-color: #ee9312;
font-weight: bold;
max-width: 400px;
}
.hero_caption #getstartedbutton1:focus,
.hero_caption #getstartedbutton1:hover {
color: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.heroBanner .col-md-6 {
padding-left: 29px;
padding-right: 29px;
}
@media only screen and (max-width: 767px) {
.hero_caption #getstartedbutton1 {
width: 50%!important;
}
.social-media-item.col-md-2.col-sm-2.col-xs-2 {
width: 45%;
}
.section-social-media-generator {
max-height: 450px !important;
overflow: auto;
}
}
.page-txt ul {
margin-top: 25px;
}
.page-txt ul li {
margin-top: 10px;
}
ul.subscription-details-list {
list-style: none;
padding-left: 5px;
}
ul.subscription-details-list li {
margin-bottom: 5px;
}
ul.subscription-details-list li span {
font-weight: 600;
}
/*}*/
.section-social-media-generator {
padding: 20px;
background: #fff;
border-radius: 5px;
max-height: 600px;
overflow: auto;
}
ul.social-categories-list, ul.social-prompts-list {
padding-left: 0;
list-style: none;
}
.social-categories-list div:hover, .social-categories-list div.active, .select-social-media-prompt:hover {
/*background: #eaeaea;*/
background-color: #f38d50;
color: #000;
}
.social-categories-list div {
display: inline-block;
padding: 20px;
border: 2px solid #eeeeee;
margin: 5px;
cursor: pointer;
border-radius: 5px;
text-align: center;
}
.social-categories-list div i {
font-size: 30px;
}
.social-categories-list div span {
display: block;
margin-top: 5px;
}
.social-prompts-list li {
padding: 20px;
border: 2px solid #eeeeee;
margin: 5px 0px;
cursor: pointer;
border-radius: 5px;
}
#social-media-form label {
margin: 10px 0;
font-weight: 500;
}
#social-media-form .form-group {
margin: 10px 0;
}
#social-media-form .tag {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
display: inline-block;
margin-top: 10px;
}
#social-media-form .tag.selected {
background: #f38d50;
}
.generated-results .result-card, .generated-image{
padding: 20px;
border: 2px solid #eeeeee;
margin: 5px;
cursor: pointer;
border-radius: 5px;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 700px;
margin: 1.75rem auto;
}
.modal-dialog.modal-xl {
max-width: 840px;
}
#secureUrlModal .modal-dialog{
max-width: 500px;
}
}
.result-card a {
word-wrap: break-word;
}
body .cke_panel_list li:first-child{
display: none !important;
}
.ai-usage .tab-pane ul li{
padding: 0.5em 1em !important;
}
.ai-usage .nav-link{
color: #00348F;
}
.alert.alert-success.gpt-token-alert{
padding: 5px 10px;
font-size: 0.9rem;
}
.ElementsApp input{
font-size: 1.1em !important;
}
.grey-text{
color: #787878;
}
span.lbl-sm {
font-weight: normal;
font-size: 14px;
}
.secure-row-gpt img {
width: 15px;
}
.secure-row-gpt img.stripe-img {
width: 90px;
}
div.campaign-conainter {
margin-top: 15px;
padding: 20px;
border: 2px solid #eeeeee;
border-radius: 5px;
}
.save-campaign-button {
margin-top: 15px;
}
.suggested-pricing span {
font-size: 50px;
font-weight: 600;
}
.suggested-pricing{
font-size: 18px;
}
.pricerangeslider-container {
width: 600px;
position: relative;
text-align: center;
}
.pricerangeslider-track {
position: relative;
width: 100%;
height: 12px;
background: #ddd;
border-radius: 5px;
margin-bottom: 40px;
}
.pricerangeslider-steps {
display: flex;
justify-content: space-between;
position: absolute;
width: 100%;
top: -12px;
}
.pricerangeslider-step {
position: relative;
width: 35px;
height: 35px;
background: #bbb;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: bold;
color: white;
cursor: pointer;
transition: background 0.3s ease-in-out;
}
.pricerangeslider-step.active {
background: #ff7521;
}
.pricerangeslider-step::after {
content: attr(data-value);
position: absolute;
top: -25px;
font-size: 14px;
font-weight: bold;
color: black;
display: none;
}
.pricerangeslider {
width: 100%;
appearance: none;
background: transparent;
position: absolute;
top: -6px;
left: 0;
display: none;
}
.pricerangeslider::-webkit-slider-runnable-track {
width: 100%;
height: 10px;
background: transparent;
}
.pricerangeslider::-webkit-slider-thumb {
appearance: none;
width: 35px;
height: 35px;
background: #ff7521;
border-radius: 50%;
cursor: pointer;
margin-top: -5px;
position: relative;
}
.pricerangeslider::-moz-range-thumb {
width: 35px;
height: 35px;
background: #ff7521;
border-radius: 50%;
cursor: pointer;
}
.free-trial-banner{
margin-top: -13px !important;
width: 100% !important;
margin-left: 0 !important;
display: none;
cursor: pointer;
}
.step-label {
position: absolute;
top: 40px;
font-size: 14px;
/* width: 80px;*/
text-align: center;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
color: #000;
}
.btn.btn-orange{
border-radius: 3px !important;
}
@media only screen and (max-width: 775px) {
.free-trial-banner{
margin-top: -19px !important;
}
.pricing-table.w-50
{
width: 100% !important;
}
.pricerangeslider-container{
width: 95% !important;
}
.step-label{
font-size: 12px !important;
}
#customers-testimonials .item{
padding: 10px 0px 5px 0px !important;
}
}
.shadow-effect {
background: #fff;
padding: 10px;
border-radius: 4px;
text-align: center;
border:1px solid #ECECEC;
box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
/*font-family: inherit;
font-size: 16px;*/
line-height: 1.5;
margin: 0 0 17px 0;
/*font-weight: 300;*/
}
.testimonial-name {
margin: -17px auto 0;
display: table;
width: auto;
background: #3c3939;
padding: 9px 35px;
border-radius: 12px;
text-align: center;
color: #fff;
box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
font-weight: 600;
}
.testi-subbtn-txt{
font-size: 13px;
margin-bottom: 0px!important;
font-style: italic;
}
#customers-testimonials .item {
text-align: center;
padding: 10px 50px 10px 50px;
margin-bottom:20px;
opacity: .5;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
opacity: 1;
-webkit-transform: scale3d(1.0, 1.0, 1);
transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
/*max-width: 225px;*/
margin: 0 auto 7px;
}
.owl-carousel .owl-item img.img-circle{
border-radius: 4px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
background: #3c3939;
transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
background: #3c3939;
display: inline-block;
height: 20px;
margin: 0 2px 5px;
transform: translate3d(0px, -50%, 0px) scale(0.3);
transform-origin: 50% 50% 0;
transition: all 250ms ease-out 0s;
width: 20px;
}
button.btn-close.token {
position: absolute;
right: 12px;
}
.gpt-title-input .subtitle{
margin: 0 auto;
color: #393939;
}
.sercrsesion-but .btn:hover {
color: #393939 !important;
}
.mediaTabs {
margin: 0 0px 10px 0 !important;
}
.mediaImage>div, .mediaItem>div {
border: 1px solid #eeeeeecc;
border-radius: 5px;
/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); */
}