@import "bootstrap.min.css";
@import 'owl.carousel.min.css';
@import 'owl.theme.default.min.css';
@import 'fontawesome.min.css';
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Open+Sans:300,400,600,700,800|Raleway:400,500,700|Roboto+Condensed:400,700&display=swap|Roboto:100,300,400,500,700,900&display=swap|Poppins:100,200,300,400,500,600,700,800,900&display=swap');
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?boaizm');
    src: url('../fonts/icomoon.eot?boaizm#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?boaizm') format('truetype'), url('../fonts/icomoon.woff?boaizm') format('woff'), url('../fonts/icomoon.svg?boaizm#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cross:before {
    content: "\e900";
}

.icon-envelope:before {
    content: "\e901";
}

.icon-heart:before {
    content: "\e902";
}

.icon-passage-of-time:before {
    content: "\e903";
}

.icon-facebook-logo:before {
    content: "\e904";
}

.icon-twitter-black-shape:before {
    content: "\e905";
}

.icon-pinterest-letter-logo:before {
    content: "\e906";
}

.icon-camera:before {
    content: "\e907";
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    color: #3d3d3d;
    line-height: 1.2;
}

a.active,
a:focus,
button:focus,
button.active {
    outline: none;
}

a {
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    box-shadow: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
    color: #000;
    font-weight: 700;
}

a {
    text-decoration: none;
    transition: all .5s ease-in-out;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    list-style: none;
}

p {
    margin: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

img {
    border-style: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.btn {
    border-radius: 5px;
    height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 18px;
}

.btn-red {
    color: #fff;
    background-color: #f03235;
    border-color: #f03235;
    padding: .375rem 1.45rem;
}

.btn-red:hover{
    background-color: #f35a5d;
    border-color: #f35a5d;
    color: #fff;
    box-shadow: none;
}
.btn-red:focus{
    background-color: #fff;
    border: 1px solid #f03235;
    color: #f03235;
    box-shadow: none;
}
.btn-round-small {
    background-color: #f03235;
    border-color: #f03235;
    color: #fff;
    height: 32px;
    font-size: 14px;
    min-width: 94px;
}

.btn-round-small:hover {
    background-color: #f35a5d;
    border-color: #f35a5d;
    color: #fff;
    box-shadow: none;
}
.btn-round-small:focus{
    background-color: #fff;
    border: 1px solid #f03235;
    color: #f03235;
    box-shadow: none;
}
/***************STYLE CSS****************/

.offer-message {
    background-color: rgb(61, 61, 61);
    padding: 16px 0;
}

.note-offer {
    position: relative;
    display: flex;
}

.note-offer p {
    color: #fff;
    flex: 1;
    margin: 0 auto;
    font-size: 18px;
}

.note-offer p strong {
    font-weight: 700;
}

.close-btn i:before {
    color: #fff;
}

.navbar-holder {
    padding: 18px 0;
}

header.sticky {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid rgb(225, 225, 225);
}

header .navbar-brand {
    padding: 0;
    margin: 0;
}

header .navbar-brand img {
    height: 38px;
}

header .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 26px;
}

header .navbar-nav .nav-item .nav-link:hover {
    color: #f03235;
}

.right-link ul {
    display: flex;
    align-items: center;
}
.right-link li {
    position: relative;
}
.right-link li a {
    display: inline-block;
    margin-left: 17px;
}

.right-link .notify {
    position: relative;
}

.right-link .notify i {
    font-size: 20px;
}

.right-link .notify i:before {
    color: #3d3d3d;
}

.right-link .notify span {
    border-radius: 50%;
    background-color: #062c52;
    position: absolute;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 12px;
    right: -8px;
    top: -8px;
}

.right-link .user-av {
    border-radius: 50%;
    background-color: rgb(15, 15, 15);
    width: 38px;
    height: 38px;
}

.right-link .user-av img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-user-page .right-link{
    margin-left: 10px;
}
.right-link .login-btn{
    color: #3d3d3d;
    font-weight: 700;
    font-size: 14px;
}
.right-link .sign-up-btn{
    color: #0072bc;
    font-weight: 700;
    font-size: 14px;
    width: 72px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7eb8dd;
    border-radius: 50px;
}
.mail-dropdown{
    min-width: 315px;
    width: 100%;
    position: absolute;
    right: -60px;
    border: 1px solid #f3f3f3;
    z-index: 100;
    top: 42px;
    background-color: #fff;
}
.mail-dropdown:after{
    position: absolute;
    content: "";
    right: 64px;
    top: -9px;
    background: url(../images/dropdown-shape.png) no-repeat;
    width: 11px;
    height: 10px;
}
.mail-dropdown .nav {
    background-color: #f3f3f3;
    padding: 0 11px;
}
.mail-dropdown .nav .nav-item .nav-link{
    padding: 11px 7px;
    color: #787878;
    font-size: 12px;
    font-weight: 700;
    margin-left: 0;
    position: relative;
    margin-right: 25px;
}
.mail-dropdown .nav .nav-item .nav-link span{
    position: absolute;
    background-color: #f03235;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    right: -1px;
    top: 8px;
}
.mail-dropdown .nav .nav-item .nav-link:after{
    position: absolute;
    content: "";
    left: 0;
    bottom: -2px; 
    height: 4px;
    background-color: #07335f;
    width: 0;
}
.mail-dropdown .nav .nav-item .nav-link.active{
    color: #3d3d3d;
    background-color: transparent;
}
.mail-dropdown .nav .nav-item .nav-link.active:after{
    width: 100%;
}
.mail-dropdown-inner{
    padding: 0 10px;
    overflow-y: scroll;
    height: 360px;
}
.mail-dropdown-box{
    border-bottom: 1px dotted #ececec;
    display: flex;
    padding: 18px 0 12px;
}
.mail-dropdown-box .image-holder{
    max-width: 38px;
    width: 100%;
}
.mail-dropdown-box .text-box{
    width: calc(100% - 38px);
    padding-left: 10px;
}
.mail-dropdown-box .text-box h3{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}
.mail-dropdown-box .text-box p{
    color: #848484;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 2px;
}
.mail-dropdown-box .text-box span{
    color: #d2d2d2;
    font-size: 9px;
    font-weight: 400;
    line-height: 14px;
}
.mail-dropdown-box .text-box p a{
    padding-left: 0;
    color: #ef432b;
    margin: 0;
}

.profil-dropdown{
    background-color: #f5f5f5;
    min-width: 203px;
    width: 100%;
    position: absolute;
    right: -20px;
    z-index: 10;
    top: 51px;
}
.profil-dropdown:after{
    position: absolute;
    content: "";
    right: 35px;
    top: -8px;
    background: url(../images/dropdown-shape.png) no-repeat;
    width: 11px;
    height: 10px;
}
.profil-dropdown ul{
    display: block;
}
.profil-dropdown ul li a{
    color: rgba(61, 61, 61, 0.60);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 10px 11px 22px;
    margin: 0;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
.profil-dropdown ul li a img{
    max-width: 13px;
}
.profil-dropdown ul li.active a{
    border-top-color: #efefef; 
    border-bottom-color: #efefef; 
    background-color: #fff;
}
/***********************************/

.banner-hero {
    background-color: #072f55;
    padding: 80px 0;
}

.banner-hero .text-holder h1 {
    font-size: 33.59px;
    line-height: 1.2;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.text-holder p {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 46px;
}

.plan-holder {
    background-color: #313131;
    color: #fff;
    padding: 58.5px 0;
    display: flex;
    justify-content: space-around;
    margin-top: -58px;
    position: relative;
}

.plan-holder li {
    padding: 0 56px;
    position: relative;
}

.plan-holder li:after {
    height: 100%;
    width: 1px;
    content: '';
    background-color: #3b3633;
    position: absolute;
    right: 0;
    top: 0;
}

.plan-holder li:last-child:after {
    content: none;
}

.plan-holder p {
    font-weight: 300;
    font-size: 18px;
    color: #999999;
}

.plan-holder a.link {
    color: #f03235;
    text-decoration: underline;
}

.plan-holder strong {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}
/*********************/

.info-get {
    padding: 60px 0 110px;
    background-image: url(../images/bg-slider.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.get-slider-text {
    max-width: 875px;
    margin: 0 auto;
}

.get-slider-text h2 {
    font-size: 34px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 1.2;
    margin-bottom: 15px;
}

.get-slider-text p {
    font-size: 30px;
    font-weight: 300;
    color: #2b2b2b;
    line-height: 1.2;
    margin-bottom: 33px;
}
.get-slider-text a{
    font-size: 24px;
    color: #e5412a;
    font-family: 'Lato', sans-serif;
    text-decoration: underline;
}
.home-subscribed-page .get-slider-text a{
    color: #fff; 
    text-decoration: none;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 42px;
}

.owl-theme .owl-dots .owl-dot span {
    height: 16px;
    background: #e6e6e6;
    width: 16px;
    margin: 0 4.5px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
/******************HOW WORKS START CSS***************************/

.title h2 {
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    margin-bottom: 8px;
    font-weight: 700;
}

.title p { 
    font-size: 18px;
    color: #999999;
}

.how-works {
    background-color: #f6f6f6;
    padding: 60px 0 76px;
}

.how-works .title {
    margin-bottom: 68px;
}

.step-holder {
    display: flex;
    flex-wrap: wrap;
    max-width: 526px;
    margin: 0 -15px;
}

.step-holder li {
    width: 50%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    position: relative;
}

.step-holder li:nth-child(even) {
    top: 124px;
}

.card-step {
    text-align: center;
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    position: relative;
    padding: 20px 15px;
    height: 100%;
    min-height: 215px;
}

.card-step .count {
    font-family: 'Open Sans', sans-serif;
    background-color: #f03235;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.card-step img {
    margin-bottom: 18px;
}

.card-step p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #848484;
    line-height: 1.2;
    text-align: center;
}

.video-holder {
    position: relative;
    display: block;
}
.video-holder img{
    width: 100%;
}
.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#modalYT .modal-dialog{
    max-width: 800px;
}
#modalYT .modal-dialog .modal-body{
    padding: 20px !important;
}
/******************Ask Question**************************/

.ask-questions {
    padding: 100px 0;
}

.ask-questions .title {
    margin-bottom: 40px;
}

.tabs-nav {
    justify-content: center;
    align-items: flex-end;
    min-height: 65px;
}

.tabs-nav li a {
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    height: 55px;
    font-size: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 179px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
}

.tabs-nav li a.active {
    color: #fff;
    height: 65px;
}

.tabs-nav li a:before {
    transition: all 0.5s;
    background-color: transparent;
    height: 13px;
    width: 100%;
    top: -13px;
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    opacity: 0;
}

.tabs-nav li a.virtual {
    background-color: #072f55;
}

.tabs-nav li a.virtual.active:before {
    background-color: #00adf2;
    opacity: 1;
}

.tabs-nav li a.presential {
    background-color: #f7941d;
}

.tabs-nav li a.presential.active:before {
    background-color: #f7f700;
    opacity: 1;
}

.tabs-nav li a.experties {
    background-color: #f03235
}

.tabs-nav li a.experties.active:before {
    background-color: #ff8ec7;
    opacity: 1;
}

.ask-questions .tab-content #virtual.active .mobile-wrapper {
    background-color: #072f55;
}

.ask-questions .tab-content #presencial.active .mobile-wrapper {
    background-color: #f7941d;
}

.ask-questions .tab-content #experts.active .mobile-wrapper {
    background-color: #f03235;
}

.ask-questions .tab-content #experts.active .tabs-list li:before {
    background-color: #ff8ec7;
}

.ask-questions .tab-content #presencial.active .tabs-list li:before {
    background-color: #f7f700;
}

.ask-questions .tab-content #virtual .card-box .label {
    background-color: #062849;
}

.ask-questions .tab-content #presencial .card-box .label {
    background-color: #f7941d;
}

.ask-questions .tab-content #experts .card-box .label {
    background-color: #f03235;
}

.ask-questions .tab-content .mobile-wrapper {
    padding: 40px 0 0;
}

.img-mobile {
    max-width: 232px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 75px;
}

.chat-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 60px 12px 20px 24px;
}

.chat-box ul li p {
    display: inline-block;
    font-size: 11px;
    color: #0f0f0f;
    line-height: 1.2;
    padding: 5px 15px;
    border-radius: 12px;
}

.chat-box ul li {
    margin-bottom: 17px;
}

.chat-box ul li.sender p {
    background-color: #e3ffc8;
}

.chat-box ul li.reciever p {
    background-color: #fff;
}

.chat-box ul li.sender {
    padding-right: 10px;
}

.chat-box ul li p span {
    text-align: right;
}

.chat-box ul li span {
    display: block;
    color: #999999;
}

.tabs-list {
    padding: 64px 0 0;
}

.tabs-list li {
    font-size: 18px;
    color: #fff;
    line-height: 2;
    padding-left: 42px;
    max-width: 600px;
    margin-bottom: 22px;
    position: relative;
}

.tabs-list li:before {
    content: '';
    border-radius: 50%;
    background-color: #00adf2;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 11px;
}

.card-box {
    position: relative;
}

.card_body {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(223, 223, 223);
    border-top: none;
}

.card-box .label {
    position: absolute;
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    top: -1px;
    padding: 8.5px 15px;
    left: 0px;
    background-color: #062849;
}

.card-box .card-header-box,
.card-footer-box {
    display: flex;
    justify-content: space-between;
}

.card-header-box,
.card-body-box,
.card-footer-box {
    padding: 12px 15px;
}

.card-body-box {
    font-size: 13px;
    color: #131313;
}

.card-body-box {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 34px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 22px;
}

.catlog-slider .item img {
    width: auto;
}
.catlog-slider .item .card-image-holder img {
    /*height: 240px;*/
    object-fit: cover;
}
.response {
    font-family: 'Lato', sans-serif;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #f03235;
    line-height: 1.2;
}

.response i {
    font-size: 16px;
    margin-right: 8px;
}
.like a{
    color: #000;
}
.like a img{
    max-width: 16px;
    width: 16px !important; 
}
.like a img.with-fill{
    display: none;
}
.like a img.without-fill{
    display: block;
}
.like.active a{
    color: #f03235;
}
.like.active a img.with-fill{ 
    display: block;
}
.like.active a img.without-fill{
    display: none;
}
.card-footer-box .p-box {
    flex: 1;
}

.card-footer-box .p-box strong {
    display: block;
    font-size: 13px;
    color: #999999;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.card-footer-box .p-box p {
    font-size: 13px;
    color: #131313;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.catlog-main {
    padding: 150px 0 17px;
}

.ask-questions .catlog-main .title {
    margin-bottom: 60px;
}

.catlog-slider {
    margin-bottom: 72px;
}

.contact-text h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 33px;
    color: #000;
    font-weight: 700;
}

.contact-text {
    padding: 44px 0;
}

.contact-text h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 33px;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px;
}

.newsletter {
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    background-color: rgb(250, 250, 250);
    position: relative; 
}

.newsletter .container {
    position: relative;
}

.newsletter-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
/*************Footer Css**************/

footer {
    background-color: #fbfbfb;
}
.dashboard-control .footer,
.dashboard-control .copy-rights{
    padding-left: 335px;
}
.public-profile-page .footer, .public-profile-page .copy-rights {
    padding-left: 365px;
}
.footer {
    padding: 80px 0 28px;
    background-color: rgb(250, 250, 250);
    position: relative;
    border-bottom: 1px solid #edf4fa;
}

.footer-logo {
    margin-bottom: 40px;
}
.footer-logo a img{
    max-width: 170px;
}
.q-links li a {
    font-size: 16px;
    color: #848484;
}

.q-links li a:hover {
    color: #000;
}

.q-links li {
    margin-bottom: 10px;
}

footer h3 {
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 40px;
    font-size: 24px;
    padding-top: 11px;
}

.copy-rights {
    padding: 35px 0;
}

.copy-rights p {
    color: #000;
    font-size: 16px;
    line-height: 1.875;
}

.footer-social {
    display: flex;
    align-items: center;
    margin-top: 34px;
}

.footer-social li a {
    font-size: 16px;
    color: #848484;
    margin-right: 5px;
}

.footer-social li a:hover i:before {
    color: #000;
}
/* @keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.chat-box ul li {
    -webkit-animation: flickerAnimation 5s infinite;
    -moz-animation: flickerAnimation 5s infinite;
    -o-animation: flickerAnimation 5s infinite;
    animation: flickerAnimation 5s infinite;
}

.animate-1 {
    animation-delay: 1s;
}

.animate-2 {
    animation-delay: 2s;
}

.animate-3 {
    animation-delay: 3s;
}

.animate-4 {
    animation-delay: 4s;
} */

.catlog-slider.owl-theme .owl-nav [class*=owl-] {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
}

.ask-questions .catlog-slider.owl-theme .owl-nav [class*=owl-] {
    background: #072f55;
}
.catalog-ask-questions.ask-questions .catlog-slider.owl-theme .owl-nav [class*=owl-] {
    background: #072f55;
}


.ask-questions .tab-content #presencial.active .catlog-slider.owl-theme .owl-nav [class*=owl-] {
    background: #f7941d;
}

.ask-questions .tab-content #experts.active .catlog-slider.owl-theme .owl-nav [class*=owl-] {
    background: #f03235;
}

.catlog-slider .owl-nav button img {
    height: 15px;
    filter: brightness(0) invert(1);
}

.sidebar.show .modal-dialog.modal-right {
    left: 0;
}

.sidebar .modal-full-height {
    position: absolute;
    top: 0;
    left: -400px;
    display: flex;
    width: 400px;
    height: auto;
    min-height: 100%;
    margin: 0;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.sidebar.fade.right:not(.show) .modal-dialog {
    transform: translate3d(25%, 0, 0);
}

.sidebar .modal-dialog {
    -webkit-transform: none;
    transform: translate(-100%, 0) !important;
}

.sidebar.show .modal-dialog {
    transform: translate(0, 0) !important;
}

.sidebar .modal-content {
    border: none;
    border-radius: 0;
}

.avatar-holder {
    border-radius: 50%;
    background-color: rgb(15, 15, 15);
    width: 45px;
    height: 45px;
    margin-right: 15px;
}

.avatar-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-profile {
    display: flex;
    align-items: center;
    padding: 15px;
}

.user-profile .p-text p {
    font-size: 12px;
    line-height: 16px;
}
.user-profile .p-text h3{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px;
}
.user-profile .p-text a.grade{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 4px;
    display: block;
    color: #f03235;
    margin-bottom: 0;
    text-decoration: none;
}
.user-profile .p-text a{
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 4px;
    display: block;
    color: #000;
}
.user-profile .p-text a.grade{
    color: #f03235;
    text-decoration: none;
    margin: 0;
}
.user-profile h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
}

.sidebar-title h4 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    padding: 7.5px 0;
}

.sidebar-title {
    padding: 0 15px;
}

.sidebar-content .sidebar-title h4 {
    border-bottom: 1px solid #3d3d3d;
}

.sidebar-link {
    margin-top: 7.5px;
    margin-bottom: 15px;
}

.sidebar-link li a {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 700;
    line-height: 1.2;
    padding: 8px 15px;
    display: inline-block;
    border-left: 2px solid transparent;
}

.sidebar-link li.active a,
.sidebar-link li a:hover {
    border-left: 2px solid #f03235;
    color: #f03235;
}
.chatlink {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.16);
    position: fixed;
    right: 30px;
    bottom: 36px;
    width: 60px;
    height: 60px;
    z-index: 100;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.chatlink .chatlink-close{
    display: none;
}
.chatlink.active .chatlink-close{
    display: block;
}
.chatlink.active .chatlink-open{
    display: none;
}
.chatlink.active .chatlink-close img{
    max-width: 20px;
}
/*************Payment Process Css**************/
.payment-nav{
    background-color: #fafafa;
    border-top: 1px solid #e1e1e1;
    padding: 22px 0;
}
.payment-nav .nav .nav-item {
    margin: 0 35px;
}
.payment-nav .nav .nav-item .nav-link { 
    color: #848484;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    position: relative; 
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-nav .nav .nav-item .nav-link span{
    border: 3px solid #f03235;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; 
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-right: 18px;
}
.payment-nav .nav .nav-item .nav-link.active {
    background-color: transparent;
    color: #2b2b2b;
}
.payment-nav .nav .nav-item .nav-link.active span{
    background-color: #f03235;
}
/***** Payment Detail ******/
.payment-method-independent .payment-process-sec{
    border-top: 1px solid #e1e1e1; 
}
.payment-method-independent .payment-resumen{
    background-color: #fafafa;
}
.payment-detail{
    padding:  65px 0 35px 0;
}
.return{
    margin-bottom: 23px;
}
.return a{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    background-color: #efeeee;
    max-width: 110px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
}
.return a:hover{
    background-color: #f03235;
    transition: all 0.5s ease-in-out;
    color: #fff;
}
.resumen-payment-card{
    background-color: #fafafa; 
    padding-top: 28px;
    padding-left: 33px;
    padding-right: 48px;
    padding-bottom: 50px;
}
.resumen-payment-card .title{
    border-bottom: 1px dotted #e8e8e8;
}
.resumen-payment-card .title h1{
    color: #f03235;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    padding-bottom: 25px;
}
.resumen-payment-card form{
    padding-top: 30px;
    padding-right: 56px;
    padding-left: 36px;
}
.visa-card{
    margin-bottom: 40px;
}
.visa-card ul{
    display: flex;
    align-items:  center;
}
.visa-card ul li{
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    margin-right: 23px;
}
.visa-card ul li a{
    position: relative;
}
.visa-card ul li a:after{
    position: absolute;
    content: "";
    left: -36px;
    top: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #f03235;
    transform: translate(0,-50%);
}
.resumen-payment-card .form-group{
    margin-bottom: 44px;
}
.resumen-payment-card .form-group label{
    color: #484747;
    font-weight: 700;
    display: block;
    margin: 0 0 8px 0;
}
.resumen-payment-card .form-group label img{
    max-width: 15px;
    width: 100%;
    margin-left: 5px;
}
.resumen-payment-card .form-group .form-control{
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    height: 45px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.form-control:focus{
    box-shadow: none;
    outline: none;
    color: #b4b8bb;
}
.resumen-payment-card h3{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 39px;
}
.resumen-payment-card .form-group .check {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 0;
    padding-right: 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 0 0;
    color: #000000; 
}
/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 0;
    padding-right: 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400; 
    color: #000000; 
}

/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff ;
    border-color:#d7d7d7;
    border-style:solid;
    border-width:1px;
}
/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #f03235 !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid ;
    border-color:#fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-default{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    background-color: #ef2d31;
    border-radius: 5px;
    max-width: 174px;
    width: 100%;
    height: 49px;
    display: flex;
    align-items: center;
    border: none;
    justify-content: center;
    border: 1px solid transparent;
    transition:  all 0.15s ease-in-out;
}
.btn-default:hover{
    background-color: #f35a5d;
    border-color: #f35a5d;
    color: #fff;
    box-shadow: none;
    transition:  all 0.15s ease-in-out;
}
.btn-default:focus{
    background-color: #fff;
    border: 1px solid #f03235;
    color: #f03235;
    box-shadow: none;
}
/***** Payment Detail Right ******/
.payment-summary{
    background-color: #fafafa; 
    padding-top: 35px; 
    padding-left: 25px;
    padding-bottom: 52px;
    padding-right: 30px; 
}
.payment-summary .title {
    border-bottom: 1px dotted #e8e8e8;
    padding-bottom: 22px;
}
.payment-summary .title h2{
    color: #ef2d31;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 700;
}
.payment-summary .title p{
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.payment-summary ul{
    margin-top: 15px;
}
.payment-summary ul li{
    color: #000000;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    padding: 13px 0;
}
.payment-summary ul li.grand-total{
    color: #f03235;
    border-top: 1px dotted #e8e8e8;
    padding: 25px 0 0;
    margin: 35px 0 0 0;
}
.payment-summary ul li span{
    font-weight: 700;
}
.summary-confirmer{
    text-align: center;
    margin: 56px 0 0 0;
}
.summary-confirmer .btn-default{
    margin: 0 auto;
}
.summary-confirmer p{
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    margin-top: 20px;
}
.payment-question{
    background-color: #fafafa; 
    padding-top: 67px; 
    padding-left: 25px;
    padding-bottom: 120px;
    padding-right: 30px; 
    position: relative;
    margin-top: 35px;
}
.payment-question h3{
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    max-width: 250px;
    width: 100%;
    margin-bottom: 22px;
}
.payment-question .image-holder{
    position: absolute;
    bottom: 0px;
    right: -15px;
}
.payment-question .image-holder img{
    max-width: 151px;
    width: 100%;
}

.plan-gerencial .heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}
.plan-gerencial .heading h3{
    color: #2b2b2b;
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin: 0;
}
.plan-gerencial{
    padding: 22px 0 0 0;
}
.plan-gerencial .heading  a{
    color: #f03235;
    font-size: 16px; 
    font-weight: 400;
}
.plan-gerencial .heading  a i{
    color: #2b2b2b;
    margin-left: 10px;
}
.plan-gerencial .card{
    border: none;
    border-radius: 0;
}
.plan-gerencial .card-header{
    border-bottom: none;
    border-radius: 0;
    padding: 0;
    background-color: #ffeae7;
}
.payment-detail-page .plan-gerencial .card-header{
    background-color: #fff;
}
.plan-gerencial .card-header .btn-link{
    padding: 21px;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    text-decoration: none;
    height: auto;
    width: 100%;
    text-align: left;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}
.plan-gerencial .card-header .btn-link[aria-expanded="true"] {
    background-color: #ffeae7;
}
.plan-gerencial .card-header .btn-link span{
    display: flex;
    align-items: center;
}
.plan-gerencial .card-header .btn-link span img{
    position: absolute;
    right: 20px;
}
.plan-gerencial .card-header .btn-link .plus-icon{
    max-width: 13px;
    display:  none;
}
.plan-gerencial .card-header .btn-link[aria-expanded="false"] .plus-icon{
    display:  block;
}
.plan-gerencial .card-header .btn-link[aria-expanded="false"] .minus-icon{
    display:  none;
}
.plan-gerencial .card-header .btn-link[aria-expanded="true"] .minus-icon{
    display:  block;
}
.plan-gerencial .card-header .btn-link[aria-expanded="true"] .plus-icon{
    display:  none;
}

.payment-detail-page .plan-gerencial .card-header .btn-link[aria-expanded="false"] .plus-icon{
    display:  none;
}
.payment-detail-page .plan-gerencial .card-header .btn-link[aria-expanded="false"] .minus-icon{
    display:  block;
}
.payment-detail-page .plan-gerencial .card-header .btn-link[aria-expanded="true"] .minus-icon{
    display:  none;
}
.payment-detail-page .plan-gerencial .card-header .btn-link[aria-expanded="true"] .plus-icon{
    display:  block;
}


.plan-gerencial .card-body{
    padding: 31px 28px 25px 24px;
}
.plan-gerencial .card-body .text-box{
    margin-bottom: 15px;
}
.plan-gerencial .card-body .text-box:last-child{
    margin-bottom: 0;
}
.plan-gerencial .card-body .text-box h3{
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 3px;
}
.plan-gerencial .card-body .text-box p{
    color: #3d3d3d;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}
.credit-include{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    margin-top: 15px;
    padding: 15px 20px;
}
.credit-include h3{
    margin: 0;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}
.credit-include span{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
}
.credit-include span img{
    margin-right: 12px;
}
.plan-gerencial ul{
    margin-top: 20px;
}
.plan-gerencial ul li{
    color: #3d3d3d;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    max-width: 480px;
    position: relative;
    margin-bottom: 20px;
    padding-left: 12px;
}
.plan-gerencial ul li:after{
    position: absolute;
    content: "";
    left: 0;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #f03235;
}
.plan-gerencial ul li:last-child{
    margin-bottom: 0;
}

.plan-extra{
    border-top: 1px dotted #e8e8e8;
    margin-top: 35px;
    padding-top: 40px;
}
.plan-extra h3{
    margin: 0 0 15px 0;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.family-plan{
    display: flex; 
    margin-bottom: 40px;
}
.family-plan .check{
    margin-top: 8px;
}
.family-plan:last-child{
    margin-bottom: 0;
}
.family-plan-check{
    max-width: 48px;
    width: 100%;
}
.family-plan .text-box{
    width: calc(100% - 48px);
    display: flex;
    align-items: center;
}
.family-plan .text-box .image-holder{
    max-width: 65px;
    width: 100%;
}
.family-plan .text-box .text-inner{
    display: flex;
    align-items: center;
    width: calc(100% - 65px);
    justify-content: space-between;
}
.family-plan .text-box .text-inner .text-inne-family h3{
    margin: 0;
}
.family-plan .text-box .text-inner .text-inne-family h3 a{
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 8px;
    display: block;
}
.family-plan .text-box .text-inner .text-inne-family p{
    color: #848484;
    font-size: 14px;
    font-weight: 400; 
}
.family-plan .text-box .text-inner span{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.family-plan .text-box .text-inner span img{
    margin-right: 12px;
}
.payment-credits-list ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}
.payment-credits-list ul li{
    width: 33.3%;
    padding: 0 6px;
    transition: all 0.15s ease-in-out;
}
.payment-credits-list ul li .text-box{
    text-align: center;
    background-color: #fff;
    padding: 25px 15px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
.payment-credits-list ul li h4{
    color: #000;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    margin: 0 0 7px 0;
}
.payment-credits-list ul li p{
    color: #000;
    font-weight: 400;  
    font-size: 16px;
    margin-bottom: 15px;
}
.payment-credits-list ul li span{
    width: 15px;
    height: 15px;
    border: 3px solid #e1e1e1;
    border-radius: 50%;
    display: inline-block;
    transition: all 0.15s ease-in-out;
    margin: 0 auto;
}
.payment-credits-list ul li.active .text-box,
.payment-credits-list ul li.active .text-box span{
    border-color: #f03235; 
    transition: all 0.15s ease-in-out;
}
/***** MODAL ******/
.modal-dialog {
    max-width: 560px;
    margin: 1.75rem auto;
}
.close {
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 30px;
}
.modal-body{
    padding: 85px 15px 55px;
}
.family-members-modal .text-box h2{
    text-align: center;
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 40px;
}
.family-members-modal .text-box p{
    font-weight: 700;
    font-size: 14px;
    color: #484747;
    text-align: center;
    margin-bottom: 10px;
}
.family-members-modal .text-box .team-form{
    max-width: 306px;
    margin: 0 auto;
}
.family-members-modal .text-box .team-form .form-group .form-control{
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background-color: #f6fafb;
    height: 45px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.family-members-modal .text-box .team-form .form-group select.form-control{
    background: #f6fafb url(../images/down-arrow.png) 95% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control::placeholder{
    color: #b4b8bb !important;
}
.family-members-modal .text-box .team-form .form-group ul{
    display: flex;
    align-items: center;
    margin: 33px 0 39px 0;
    justify-content: space-between;
}
.family-members-modal .text-box .team-form .form-group ul li a{
    color: #f03235;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    display: flex;
    align-items: center;
}
.family-members-modal .text-box .team-form .form-group ul li a img{
    margin-right: 10px;
}
.family-members-modal .text-box .team-form .form-group ul li .attachment-btn [type="file"] + label{
    display: inline-block;
}
.team-form-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-form-btn a{
    border-radius: 5px;
    background-image: -moz-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    width: 162px;
    height: 49px; 
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    margin: 0 15px;
    transition: all 0.5s ease-in-out;
}
.team-form-btn a:hover{
    background-color: #f35a5d;
    border-color: #f35a5d;
    color: #fff;
    box-shadow: none;
    background-image: none;
    transition:  all 0.15s ease-in-out;
}
.team-form-btn a:focus{
    background-color: #fff;
    border: 1px solid #f03235;
    color: #f03235;
    box-shadow: none;
    background-image: none;
}
.team-form-btn a.saltar-btn{
    color: #000000;
    border-color: #000000;
    background: none;
}
.team-form-btn a.saltar-btn:hover{
    background: no-repeat;
    border-color: #f03839;
    color: #f03839;
    transition: all 0.5s ease-in-out;
}
/***** ORDER TASK MODAL ******/
.request-task{
    padding: 0 43px;
}
.request-task h2{
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    text-align: center;
}
.request-task span{
    font-size: 24px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.request-task .text-box{
    margin-bottom: 18px;
}
.request-task .text-box:last-child{
    margin-bottom: 0;
}
.request-task .text-box h3{
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
}
.request-task .text-box p{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #999999;
}
.request-task .text-box textarea.form-control{
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background-color: #f6fafb;
    height: 145px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 40px;
}
.request-task .text-box textarea.form-control::placeholder{
    color: #b4b8bb;
}
/***** CONFIRMATION PROCESS PAGE ******/
.money-back-sec{
    background: url(../images/money-back-img.png) no-repeat;
    background-size: 100%;
    height: 412px;
    display: flex;
    align-items: center;
}
.money-back-sec .text-box h3{
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 15px;
}
.money-back-sec .text-box p {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    max-width: 570px;
}
/***** PHONE VERIFY MODAL ******/
.phone-verify-modal .modal-body {
    padding: 68px 15px 55px;
}
.phone-verify-modal .text-box h2{
    margin-bottom: 15px;
}
.phone-verify-modal .text-box p{
    font-size: 14px;
    font-weight: 300;
    color: #000000;
}
.phone-verify-modal .text-box .team-form{
    margin-top: 45px;
}
.phone-verify-modal .text-box .team-form .form-group label{
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
    color: #484747;
}
.phone-verify-modal .text-box .team-form .form-group .form-control{
    padding-left: 50px;
    padding-right: 35px;
}
.phone-verify-modal .text-box .team-form .form-group select.form-control{
    padding-left: 10px;
}
.phone-verify-modal .text-box .team-form .form-group .phone-dial{
    position: relative;
}
.phone-verify-modal .text-box .team-form .form-group .phone-dial span{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #f03839;
    max-width: 43px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 0 0 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.phone-verify-modal .text-box .team-form .form-group .phone-dial a{
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translate(0, -50%);
}
.phone-verify-modal .team-form-btn {
    margin: 40px 0 0 0;
}

/***** HOME PAGE CSS ******/
.sponsor-logos{
    background-color: #f8f8f8;
    padding: 70px 0;
    text-align: center;
}
.sponsor-logos .sponsor-inner a img{
    width: auto;
    margin: 0 auto;
}
/***** HOME Info Get sec CSS ******/
.home-user-page .info-get {
    padding: 68px 0 130px;
    background-image: url(../images/bg-slider.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-user-page .info-get .get-slider-text {
    max-width: 735px;
    margin: 0 auto;
}
.home-user-page .info-get  .get-slider-text h2 {
    font-size: 33px;
    margin-bottom: 18px;
}
.home-user-page .info-get .get-slider-text p{
    font-size: 18px;
    margin-bottom: 37px;
    line-height: 36px;
}
.home-user-page .info-get .get-slider-text a{
    font-size: 24px;
    color: #e5412a;
    font-family: 'Lato', sans-serif;
    text-decoration: underline;
}
/***** HOME Attention CSS ******/
.attention-sec{
    padding: 80px 0 104px;
}
.attention-sec .title {
    margin-bottom: 135px;
}
.attention-sec .title h2 {
    text-align: center;
    font-size: 33px;
}
.attention-inner{
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}
.attention-box{
    display: flex;
}
.attention-box .image-holde{
    max-width: 400px;
    width: 100%;
}
.attention-box .text-box{
    width: calc(100% - 400px);
    padding: 34px 0 0 100px;
}
.attention-box .text-box h3{
    color: #000000;
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: 'Roboto Condensed', sans-serif;
}
.attention-box .text-box p{
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}
.attention-box .text-box p a{
    color: #f03235
}
.arrow-btn .carousel-control-next, .carousel-control-prev {
    width: auto;
    height: auto;
    opacity: 1;
}
.arrow-btn .carousel-control-next-icon{
    background: none;
    width: auto;
    height: auto;
}
.arrow-btn .carousel-control-prev-icon{
    background: none;
    width: auto;
    height: auto;
}
.arrow-btn .carousel-control-prev {
    left: -45px;
}
.arrow-btn .carousel-control-next {
    right: 20px;
}
.carousel-indicators {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    margin-top: 36px;
    left: 48%;
}
.carousel-indicators li{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #e6e6e6;
    margin: 0 5px;;
    opacity: 1;
}
.carousel-indicators li.active{
    background-color: #b6b6b6;
    opacity: 1;
}
.home-user-page .ask-questions {
    padding: 100px 0 20px;
}
.home-user-page .catlog-slider {
    margin-bottom: 0;
}
/***** WORK PLAN CSS ******/
.work-plan-sec{
    background-color: #fafafa;
    padding-top: 100px;
    padding-bottom: 62px;
    padding:100px 15px;
}
.work-plan-sec .title h2{
    font-size: 36px; 
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}
.work-plan-inner{
    padding-top: 25px;
}
.work-plan-inner .nav{
    justify-content: center;
    padding-bottom: 85px;
}
.work-plan-inner .nav .nav-item {
    margin: 0 51px;
}
.work-plan-inner .nav .nav-item .nav-link{
    padding: 0 0 13px 0;
    color: #999999;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 5px solid transparent;
    border-radius: 0
}
.work-plan-inner .nav .nav-item .nav-link.active{ 
    background-color: transparent;
    color: #083662;
    border-color: #083662;

}
.work-plan-inner .tab-content{
    margin: -91px 0 0 0;
}
.work-plan-tabs{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 90px 0 0 0;
}
.work-plan-left{
    max-width: 275px;
    width: 100%;
}
.work-plan-tabs .table-responsive{
    width: calc(100% - 275px);
    padding: 40px 0 0 0;
    margin: -40px 0 0 0;
}
.work-plan-right{
    display: flex;
    flex-wrap: wrap;
}
.work-plan-right .basic-plan{
    width: 25%;
    max-height: 809px;
}
.basic-plan{
    padding: 0 5px; 
    position: relative;
}
.basic-plan-box{
    border: 1px solid #ebebeb;
    background-color: #fff;
    height: 100%;
    padding: 40px 0;
}
.basic-plan-box.creditos-plan{
    padding: 0;
}
.basic-plan-box.creditos-plan .image-holder {
    max-width: 199px;
    transform: rotate(45deg);
    margin: -100px 0 96px 0;
}
.basic-plan-box .text-box{
    margin-bottom: 30px;
    min-height: 190px;
}
.basic-plan-box.creditos-plan  .text-box{
    margin: 0;
}
.basic-plan-box.creditos-plan  .text-box ul {
    text-align: center;
    margin: 0;
}

.basic-plan-box.creditos-plan .text-box ul li {
    margin-bottom: 27px;
    min-height: 50px;
    margin-top: 0;
}
.basic-plan-box.creditos-plan  .text-box ul li h3{
    color: #113b66;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px;
}
.basic-plan-box.creditos-plan  .text-box ul li p{
    color: #113b66;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
}
.basic-plan-box{
    text-align: center;
}
.basic-plan-box h3{
    font-size: 30px;
    color: #113b66;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 11px;
}
.basic-plan-box h2{
    font-size: 30px;
    color: #0f0f0f;
    margin-bottom: 10px;
}
.basic-plan-box h2 span{
    font-size: 24px;
    color: #0f0f0f;
    font-weight: 700;
}
.basic-plan-box p{
    font-size: 16px;
    color: #848484;
    font-weight: 400;
    margin-bottom: 32px;
}
.coin-plan{
    display: flex;
    max-width: 130px;
    margin: 0 auto 0;
    min-height: 50px;
}
.coin-plan .coin-holder{
    max-width: 30px;
    width: 100%;
    padding: 5px 0 0 0;
}
.coin-plan .text-inner{
    width: calc(100% - 30px);
    text-align: left;
    padding-left: 6px;
}
.coin-plan .text-inner h4{
    color: #000000;
    font-size: 28px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.coin-plan .text-inner span{
    color: #000000;
    font-size: 18px; 
    font-weight: 400;
}
.basic-plan-box ul {
    margin-top: 0;
}
.basic-plan-box ul li {
    margin-bottom: 0;
    min-height: 50px;
    margin-top: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.basic-plan-box ul li img{
    max-width: 30px;
}
.business-mismo{
    height: calc(100% - 320px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.business-mismo p{
    color: #0f0f0f;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.comparar-plan{
    text-align: center;
    padding-top: 60px;
}
.comparar-plan p{
    color: #999;
    margin-bottom: 48px;
    font-size: 18px;
}
.employees-number{
    background-color: #113b66; 
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -35px;
    width: 97%;
    transform: translate(-50%, 0);
}
.employees-number p{
    color: #fafafa;
    font-size: 14px;
    font-weight: 400;
}
/***** TESTIMONIAL CSS ******/
.testimonial-sec{
    padding: 60px 0;
}
.testimonial-inner{
    padding: 72px 0 0 0;
}
.testimonial-inner .owl-carousel .owl-stage-outer {
    padding: 40px 0 0 0;
}
.testimonial-box{
    background-color: #eef1f4;
    padding: 0 15px;
}
.testimonial-box .image-holder {
    position: relative;
    top: -40px;
}
.testimonial-box .image-holder img{
    width: auto;
}
.testimonial-box .text-box{
    padding: 0 10px 22px;
    margin: -30px 0 0 0;
}
.testimonial-box .text-box p{
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 330px;
    min-height: 120px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.testimonial-box .text-box h3{
    color: #000000;
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-top: 10px;
}
.testimonial-box .text-box span{
    color: #2e2e2e;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
.testimonial-box .text-box img.quote-img{
    width: 100%;
    position: absolute;
    max-width: 72px;
    bottom: -20px;
    right: 24px;
}
.testimonial-inner .owl-theme .owl-nav [class*=owl-]{
    margin: 0;
}
.testimonial-inner .owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent;
}
.testimonial-inner .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    width: 100%;
    margin: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.testimonial-inner .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -70px;
}
.testimonial-inner .owl-theme .owl-nav  .owl-next{
    position: absolute;
    right: -70px;
}
/***** LOGIN MODAL CSS ******/
.login-modal .modal-dialog {
    max-width: 907px; 
}
.login-modal .modal-body {
    padding: 0;
}
.login-modal-inner{
    display: flex;
}
.login-modal-inner .image-holder{
    max-width: 470px;
    width: 100%;
}
.login-modal-inner .image-holder img{
    border-radius: .3rem 0 0 .3rem;
}
.login-modal-inner .text-box{
    width: calc(100% - 470px);
    padding: 60px 15px 38px;
}
.login-modal-inner .text-box .title{
    text-align: center;
}
.socail-btn{
    margin-top: 28px;
}
.socail-btn a{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    background-color: #335a9e;
    min-width: 223px;
    max-width: 223px;
    height: 47px;
    width: 100%;
    border-radius: 3px;
    display: flex;
    margin: 0 auto;
    align-items: center; 
    margin-bottom: 18px;
    padding: 0 12px;
}
.socail-btn a img{
    height: 30px;
    max-width: 20px;
    width: 100%;
}
.socail-btn a.google-btn{
    background-color: #f03b2c;
}
.socail-btn a.google-btn img{
    max-width: 20px;
    width: 100%;
}
.socail-btn a p{
    display: block;
    margin: 0 auto;
}
.socail-btn a span {
    display: inline-block;
    width: 20px;
    text-align: right;
}
.text-box-inner {
    min-width: 307px;
    margin: 0 auto;
    max-width: 307px;
}
.text-box-inner .or {
    text-align: center;
    position: relative;
    margin: 61px 0 23px;
}
.text-box-inner .or:after{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    background-color: #ebebeb;
    height: 4px;
    width: 100%;
}
.text-box-inner .or span{
    color: #848484;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 0 12px;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.text-box-inner .form-group{
    margin-bottom: 20px;
}
.text-box-inner .form-group label{
    color: #484747;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}
.text-box-inner .form-group label span{
    color: #ef432b;
}
.modal-dialog .form-control{
    background-color: #f6fafb;
    color: #000;
    font-size: 14px;
    border: 1px  solid #ebebeb;
    border-radius: 5px;
    height: 45px;
}
.modal-dialog select.form-control{
    background: #f6fafb url(../images/down-arrow.png) 96% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.login-modal-inner .text-box .text-box-inner .form-group .check {
    color: #848484;
    font-size: 14px;
    padding: 4px 27px;
    margin: 32px 0 0 0;
    font-weight: 600;
}
.login-modal-inner .text-box .text-box-inner .form-group .checkmark{
    width: 19px;
    height: 19px;
    background-color: #eef1f4;
}
.login-modal-inner .text-box .text-box-inner p{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    margin: 25px 0 0 0;
}
.login-modal-inner .text-box .text-box-inner p a{
    color: #f03235;
}

/***** SIGN UP MODAL CSS ******/

.signup-modal .title p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #b4b8bb;
}
.signup-modal .btn-red{
    margin-top: 25px;
}
.social-signup-modal .text-box p{
    color: #848484;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    max-width: 340px;
    margin: 30px auto 0;
}
.social-signup-modal .btn-red{
    margin-top: 25px;
    max-width: 122px;
    height: 51px;
    width: 100%;
    padding: 0;
}
.email-signup-modal .text-box-inner .form-group ul{
    display: flex;
    margin-top: 2px;
    margin-bottom: 38px;
}
.email-signup-modal .text-box-inner .form-group ul li{
    background-color: #f03235;
    height: 5px;
    width: 46px;
    margin: 0 1px;
}
.email-signup-modal .text-box-inner .form-group ul li:nth-child(2){
    background-color: #f36523;
}
.email-signup-modal .text-box-inner .form-group ul li:nth-child(3){
    background-color: #3ab54a;
}
/***** SEETING CSS ******/
.dashboard-control header{
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}
.dashboard-control .offer-message{
    position: relative;
    z-index: 100;
}
.dashboard-control .navbar-holder{
    position: relative;
    z-index: 100;
    background-color: #fff;
}
.dashboard-control header.sticky {
    position: fixed;
}
.setting-sidebar{
    max-width: 300px;
    width: 100%;
    background-color: #fff;
    padding: 75px 0 34px;
    z-index: 10;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    top: 0;
}
#checkout-sidebar{
    background-color: #fff;
    padding-top: 35px;
}
.setting-sidebar .close-icon-sidebar {
    display: none;
    text-align: right;
    padding: 0 20px 20px;
}
.setting-sidebar .close-icon-sidebar img{
    max-width: 15px;
}
.setting-sidebar .profile-user{
    text-align: center;
}
.setting-sidebar .profile-user h3{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px;
}
.setting-sidebar .profile-user h3 a{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}
.setting-sidebar .profile-user p{
    color: #f03235;
    font-size: 14px;
    font-weight: 400;
}
.dashboard-nav{
    margin-top: 28px;
}
.dashboard-nav ul li a{
    display: flex;
    align-items: center;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding: 13px 10px 13px 56px;
    border-right: 5px solid transparent;
    transition: all 0.5s ease-in-out;
}
.dashboard-nav ul li a:hover{
    background-color: #ffeae7;
    border-color: #ef432b;
    transition: all 0.5s ease-in-out;
    color: #ef432b;
}
.dashboard-nav ul li.active a{
    background-color: #ffeae7;
    border-color: #ef432b;
    transition: all 0.5s ease-in-out;
    color: #ef432b;
}
.dashboard-nav ul li.active a img{
    filter: brightness(1);
    transition: all 0.5s ease-in-out;
}
.dashboard-nav ul li a:hover img{
    filter: brightness(1);
    transition: all 0.5s ease-in-out;
}
.dashboard-nav ul li a img{
    height: 17px;
    margin-right: 20px;
    filter: brightness(0);
    transition: all 0.5s ease-in-out;
}
.setting-rightside{
    width: 100%;
    background-color: #fafafa;
    padding: 115px 35px 57px 335px;
}
.setting-rightside .title h2{
    font-size: 33px;
}
.setting-detail {
    background-color: #fff;
    max-width: 990px;
    width: 100%;
    margin-top: 40px;
}
.setting-detail .nav{
    border-bottom: 1px solid #e1e1e1;
}
.setting-detail .nav .nav-item{
    margin: 0 40px;
}
.setting-detail .nav .nav-item:first-child{
    margin-left: 30px;
}
.setting-detail .nav .nav-item .nav-link{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    padding: 30px 0 27px;
    position: relative;
}
.setting-detail .nav .nav-item .nav-link:after{
    position: absolute;
    content: "";
    left: 0;
    height: 8px;
    width: 0;
    background-color: #07335f;
    bottom: -2px;
    right: 0;
    transition: all 0.5s ease-in-out;
}
.setting-detail .nav .nav-item .nav-link:hover:after,
.setting-detail .nav .nav-item .nav-link.active:after{
    width: 100%;
    transition: all 0.5s ease-in-out;
}
.setting-detail .nav .nav-item .nav-link.active{
    background-color: transparent;
    color: #000000;
}
/***** ACCOUNT INFO CSS ******/
.account-info{
    padding: 38px 50px;
}
.account-info-inner{
    display: flex;
}
.account-info-inner .image-holder{
    max-width: 150px;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}
.account-info-inner .image-holder .account-prfile{
    position: relative;
}
.account-info-inner .account-prfile a {
    position: absolute;
    right: 14px;
    bottom: -10px;
}
.account-info-inner .image-holder p{
    color: #848484;
    font-size: 12px;
    font-weight: 400;
    margin-top: 25px;
}
.account-info-inner .text-box{
    width: calc(100% - 150px);
    padding-left: 40px;
}
.account-info-inner .text-box .text-edit{
    margin-bottom: 5px;
}
.account-info-inner .text-box .text-edit a{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    background-color: #f03436;
    width: 99px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-left: auto;
}
.account-info-inner .text-box .text-edit a img{
    height: 14px;
    margin-right: 10px;
}
.account-info-inner .text-box table{
    width: 100%;
}
.account-info-inner .text-box tbody tr td{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px dotted #efefef;
    padding: 10px 5px;
}
.account-info-inner .text-box tbody tr td span{
    border: 1px solid transparent;
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.account-info-inner .text-box tbody tr td span:focus{
    outline: none;
    box-shadow: none;
}
.account-info-inner .text-box.editable tbody tr td span{
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.account-info-inner .text-box tbody tr td a{
    color: #000000;
}
.account-info-inner .text-box tbody tr td p{
    color: #848484;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px;
}
.account-info-inner .text-box tbody tr:last-child td{
    border-bottom: none;

}
/***** SECURITY INFO CSS ******/
.Security-info{
    padding: 100px 32px  30px 32px;
}
.Security-info-inner .text-box h2{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 20px;
}
.Security-info-inner .text-box .security-detail {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.security-detail-inner{
    max-width: 680px;
    width: 100%;
}
.security-detail-inner table{
    width: 100%;
}
.security-detail-inner table tbody tr td{
    color: #000000;
    font-size: 16px;
    border-bottom:  1px dotted #eeeeee;
    font-weight: 400;
    padding: 20px 0;
}
.Security-info-inner.editable .security-detail-inner table tbody tr td a span{
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.Security-info-inner .text-box.box3.editable  .security-detail-inner table tbody tr td a span{
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.security-detail-inner table tbody tr td img{
    max-width: 22px;
    margin-left: 10px;
}
.security-detail-inner table tbody tr td a{
    color: #000000;
}
.security-detail-inner table tbody tr td p{
    color: #848484;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px;
}
.security-detail-inner table tbody tr td span .form-control{
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.security-detail-inner table tbody tr td span .form-control:focus,
.security-detail-inner table tbody tr td span:focus{
    box-shadow: none;
    outline: none;
}
.security-detail-inner table tbody tr td span .form-control:disabled{
    background-color: transparent;
    border: none;
}
.security-detail-inner table tbody tr td.color-red{
    color: #ef432b;
}
.security-detail .verify-btn{
    width: calc(100% - 680px);
    text-align: right;
}
.security-detail .verify-btn .btn-red {
    border-radius: 50px;
    height: auto;
    padding: 5px 20px; 
    font-size: 14px;
}
.Security-info-inner .text-box:last-child .security-detail .security-detail-inner table tbody tr:last-child td{
    border-bottom: 0;
}
/***** PAYMENT BILLING CSS ******/
.payment-billing {
    padding: 95px 33px 40px;
}
.payment-billing-inner h2{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.payment-billing-card{
    padding-right: 72px;
    margin-top: 32px;
}
.payment-billing-card ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.payment-billing-card ul li{
    width: 33.3%;
    padding: 0 8px;
}
.payment-billing-card ul li .text-box{
    background-color: #ef432b;
    border-radius: 5px;
    padding: 8px 15px 20px;
    height: 100%;
}
.payment-billing-card ul li .text-box .dropdown{
    text-align: right;
}
.payment-billing-card ul li .text-box .visa-logo{
    padding: 31px 0 0 0;
}
.payment-billing-card ul li .text-box a{
    display: inline-block;
    text-align: right;
}
.payment-billing-card ul li .text-box .dropdown .dropdown-menu{
    border: none;
    border-radius: 0;
    padding: 0 0;
    max-width: 160px;
    width: 100%;
    right: 0;
    left: auto !important;
    transform: translate3d(0, 20px, 0) !important;
}
.payment-billing-card ul li .text-box .dropdown .dropdown-menu a.dropdown-item {
    text-align: left;
    padding: 10px 5px;
    font-size: 14px;
}
.payment-billing-card ul li .text-box .dropdown .dropdown-menu a.dropdown-item:hover{
    background-color: #07335f;
    color: #fff;
}
.payment-billing-card ul li .text-box p{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-top: 15px;
}
.payment-billing-card ul li .text-box span{
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
    display: block;
}
.payment-billing-card ul li .add-payment{
    height: 100%;
}
.payment-billing-card ul li .add-payment a{
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
.payment-billing-card ul li .add-payment a span{
    color: #9f9f9f;
    font-size: 54px;
    font-weight: 400;
    display: block;
    line-height: 27px;
}
.payment-billing-card ul li .add-payment a p{
    color: #8e8e8e;
    font-size: 14px; 
    font-weight: 400;
    margin: 17px 0 0 0;
}
.billing-info{
    padding-top: 41px;
}
.billing-info h2{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 21px;
}
.billing-info ul{
    display: flex;
    margin: 0 -7px;
}
.billing-info ul li{
    width: 33.3%;
    padding: 0 7px;
}
.billing-info ul li .form-group{
    margin-bottom: 44px;
}
.billing-info ul li .form-group label{
    display: block;
    color: #484747;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.billing-info ul li .form-group label span{
    color: #ef432b;
}
.billing-info ul li .form-group .form-control{
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 5px;
    height: 45px;
    color: #000;
}
/***** NOTIFICATION CSS ******/
.notification{
    padding: 100px 30px;
}
.notification-inner h2{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 21px;
}
.notification-inner table{
    width: 100%;
}
.notification-inner table thead tr th{
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px dotted #ededed;
    padding: 26px 0;
    text-align: center;
}
.notification-inner table thead tr th:first-child{
    text-align: left;
}
.notification-inner table tbody tr td{
    border-bottom: 1px dotted #ededed;
    padding: 23px 0 19px;
    text-align: center;
}
.notification-inner table tbody tr td:first-child{
    text-align: left;
}
.notification-inner table tbody tr td h3{
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}
.notification-inner table tbody tr td p{
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.notification-inner table tbody tr td .check{
    display: inline-block;
    padding: 0;
}
.notification-inner table tbody tr:last-child td{
    border-bottom: none;
}
/***** REQUEST HISTORY SEC CSS ******/
.request-history-sec{
    padding: 25px 0 0 0;
}
.request-history-filter{
    display: flex;
    align-items: center;
}
.history-filter-dropdown{
    max-width: 135px;
    width: 100%;
}
.history-filter-dropdown a {
    color: #b4b8bb;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    display: block;
    position: relative;
}
.history-filter-dropdown a.dropdown-toggle::after {
    border-top: .3em solid #b4b8bb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.history-filter-dropdown a img{
    max-width: 15px;
    margin-right: 8px;
}
.history-filter-dropdown .dropdown-menu{
    background-color: #f2f2f2;
    border: none;
    border-radius: 2px;
    width:  100%;
    min-width: 100%;
}
.history-filter-dropdown .dropdown-menu .dropdown-item{
    padding: 0;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ebebeb;
    padding: 8px 18px;
}
.history-filter-price{
    width: calc(100% - 135px);
}
.history-filter-price ul {
    display: flex;
    margin: 0 -8px;
    justify-content: flex-end;
}
.history-filter-price ul li{
    padding: 0 8px;
    text-align: center;
}
.history-filter-price ul li:nth-child(2) .text-box{
    background-color: #f03235;
}
.history-filter-price ul li .text-box{
    border: 1px solid #e1e1e1;
    background-color: #39b54a;
    padding: 12px 23px;
}
.history-filter-price ul li p{
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 5px;
}
.history-filter-price ul li h3{
    color: #fff;
    font-weight: 700;
    font-size: 23px;;
}
.request-history-inner{
    margin-top: 30px;
}
.request-history-inner ul li{
    display: flex;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    position: relative;
    margin-bottom: 20px;
}
.request-history-inner ul li .request-text span{
    color: #848484;
    font-size: 12px;
    display: block;
    margin-bottom: 7px;
    font-weight: 400;
}
.request-history-inner ul li .request-text p{
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}
.request-history-inner ul li .request-text p a{
    color: #f03235;
    font-size: 14px;
    text-decoration: underline;
    display: block;
    margin-top: 5px;
}
.request-history-inner ul li .request-text .status-lable{
    color: #fff;
    font-size: 14px;
    background-color: #a1debf;
    border-radius: 5px;
    width: 95px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.request-text.request-text-btn{
    display: flex;
    align-items: center;
    border-left: 1px solid #f0f0f0; 
    padding: 30px;
    padding-right: 0;
}
.request-text.request-text-btn a{
    margin: 0 7px;
    position: relative;
}
.request-text.request-text-btn .btn-red{
    height: 34px;
    max-width: 109px;
    width: 100%;
    font-size: 14px;
    border-radius: 50px;
    padding: 0;
}
.request-text.request-text-btn .btn-red img{
    max-width: 6px;
    margin-left: 6px;
}
.request-text.request-text-btn a.warning-img img {
    max-width: 29px;
    width: 100%;
}
.request-text.request-text-btn a img {
    width: 30px;
}
.request-text.request-text-btn a.warning-img:hover .totip{
    display: flex;
}
.request-text.request-text-btn a.warning-img .totip {
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: 119px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px; 
    position: absolute;
    left: 17px;
    transform: translate(-50%, 0);
    top: 35px;
    display: none;
}
.request-text.request-text-btn a.warning-img .totip:after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%, 0);
    top: -8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #000;
}

.request-history-inner ul li .request-text .status-lable.status-lable2{
    background-color: #f8abae;
}
.history-more{ 
    padding: 60px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.history-more p{
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    margin-top: 17px;
}
/***** COMPARE PLANS PAGE CSS ******/
.compare-plane-page .attention-box .text-box {
    width: calc(100% - 400px);
    padding: 0 0 0 60px;
}
.compare-plane-page .attention-box .text-box h3 {
    margin-bottom: 13px; 
}
.compare-plane-page .carousel-indicators {
    margin-top: 0;
    left: 48%;
    bottom: -48px;
}
.compare-plane-page .arrow-btn .carousel-control-next {
    right: -100px;
}
.compare-plane-page .arrow-btn .carousel-control-prev {
    left: -132px;
}
/***** PRODUCTIVITY SEC CSS ******/
.productivity-sec{
    padding: 15px 0 35px;
}
.productivity-inner{
    display: flex; 
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -11px;
}
.productivity-box{
    width: 33.3%;
    padding: 24px 11px;
}
.productivity-box .text-box{
    text-align: center;
    background-color: #fafafa;
    padding: 25px 0 45px;
}
.productivity-box .image-holder {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.productivity-box .text-box h3{
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 18px 0;
}
.productivity-box .text-box P{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
}
/***** SUBSCRIBE SEC CSS ******/
.subscribe-sec{
    background-color: #083662;
    text-align: center;
    padding: 85px 0 55px;
}
.subscribe-inner h2{
    color: #fff;
    font-size: 33px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 27px;
}
.subscribe-inner p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    max-width: 630px;
    line-height: 20px;
    margin: 0 auto 35px;
}
.btn-small{
    background-image: -moz-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    max-width: 190px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
.subscribe-inner .btn-red{
    border-radius: 50px;
}
/***** CHAT BOX CSS ******/
.chatbox{
    box-shadow: 0px 9px 23.36px 8.64px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    max-width: 330px;
    width: 100%; 
    position: fixed;
    z-index: 100;
    bottom: 110px;
    right: 30px;
    background-color: #fff;
}
.chatbox .heading{
    background-color: #ef2d31; 
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    position: relative;
}
.chatbox .heading a {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 15px;
    display: none;
}
.chatbox .heading a img{
    max-width: 15px;
}
.chatbox .heading .image-holder {
    position: relative;
    max-width: 35px;
}
.chatbox .heading .image-holder span {
    background-color: #00a651;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    bottom: 3px;
    display: inline-block;
}
.chatbox .heading p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
}
.chatbox-list {
    padding: 10px 15px;
    height: 350px;
    overflow-y: auto;
}
.chatbox-list .sms-send{
    margin-bottom: 12px;
    text-align: right;
}
.chatbox-list .sms-send span {
    border-radius: 10px;
    background-color: #676d73;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 10px 12px;
    display: inline-block;
    line-height: 18px;
}
.chatbox-list .sms-send p{
    color: #999999;
    font-size: 12px;
    margin-top: 8px;
    font-weight: 400;
}
.chatbox-list .sms-receive{
    margin-bottom: 12px;
}
.chatbox-list .sms-receive span{
    border-radius: 10px;
    background-color: #ececec;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 10px 12px;
    display: inline-block;
    line-height: 18px;
}
.chatbox-list .sms-receive p{
    color: #999999;
    font-size: 12px;
    margin-top: 8px;
    font-weight: 400;
}
.chat-message{
    position: relative;
    padding: 0 15px;
    margin-bottom: 15px;
}
.chat-message .form-control {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    height: 35px;
    color: #dedddd;
    font-size: 12px;
    font-weight: 400;
    padding-left: 13px;
    border-radius: 0;
    padding-right: 80px;
}

.chat-message .form-control::placeholder{
    color: #dedddd;
}
.chat-message ul {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 25px;
}
.chat-message ul li{
    margin: 0 3px;
}
.chat-message ul li img {
    height: 15px;
}
.chat-message ul li .attachment-btn [type="file"] + label{
    display: inline-block;
}
/***** COMPARE CONTACT MODAL CSS ******/
.compare-contact-modal .modal-body {
    padding: 40px 15px 10px;
}
.compare-contact-inner .title {
    text-align: center;
    margin-bottom: 25px;
}
.compare-contact-inner .title h2 {
    margin-bottom: 10px;
}
.compare-contact-inner .title p{
    font-size: 14px;
    font-weight: 300;
}
.compare-contact-inner .text-box-inner {
    max-width: 400px; 
}
.compare-contact-inner .text-box-inner .btn-default{
    margin: 20px auto 0;
}
.compare-contact-inner .text-box-inner textarea.form-control {
    height: 120px;
}
.compare-contact-inner .text-box-inner textarea:focus::placeholder,
.request-task .text-box textarea:focus::placeholders{
    color: #f6fafb !important;
}
/***** ABOUT US PAGE CSS ******/

.about-banner{
    border-top: 1px solid #e1e1e1; 
    padding: 158px 0 180px;
    background: #f7f7f7 url(../images/about-banner-img.png) no-repeat;
    background-position: bottom right;
}
.about-banner .text-box h1{
    color: #000000;
    font-size: 33px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 26px;
}
.about-banner .text-box p{
    color: #000000;
    font-size: 30px; 
    font-weight: 300;
    margin-bottom: 37px;
}
.about-banner .text-box a{
    color: #000000;
    font-size: 18px; 
    font-weight:400;
}
.about-banner .text-box a img{
    height: 18px;
    margin-right: 18px;
}
/***** SAVED AIUDA SEC CSS ******/
.saved-aiuda-sec{
    padding: 60px 0;
}
.saved-aiuda-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.saved-aiuda-box .image-holder{
    max-width: 162px;
    width: 100%;
}
.saved-aiuda-box .text-box{
    width: calc(100% - 162px);
    padding-left: 60px;
}
.saved-aiuda-box .text-box span{
    color: #000000;
    font-size: 24px;
    font-weight: 400;
}
.saved-aiuda-box .text-box h3{
    color: #ef442c;
    font-size: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.saved-aiuda-box .text-box p{
    color: #000000;
    font-weight: 600;
    font-size: 29px;
}
.saved-aiuda-left{
    height: 100%;
    display: block; 
    width: 100%; 
    margin: 120px 0 0 0;
}
.saved-aiuda-left .carousel-indicators {
    position: static;
    justify-content: flex-start;
    margin-top: 62px;
    left: 0;
    justify-content: center;
}
.carousel-indicators li{
    background-color: #e1e1e1;
}
.saved-aiuda-right {
    padding-left: 60px;
}
.saved-aiuda-right .text-inner{
    margin-bottom: 40px;
}
.saved-aiuda-right .text-inner h3{
    color: #000000;
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 8px;
}
.saved-aiuda-right .text-inner p{
    color: #999999;
    font-size: 18px; 
    font-weight: 400;
}
.saved-aiuda-right .text-box h3{
    color: #000000;
    font-size: 33px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 17px;
}
.saved-aiuda-right .text-box p{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    max-width: 570px;
    line-height: 36px;
}
/***** SAVED ALL SEC CSS ******/
.save-all-sec{
    padding: 40px 0;
    background-color: #fdfdfd;
}
.save-all-sec .title{
    text-align: center;
}
.save-all-inner{
    margin: 38px 0 0 0;
}
.save-all-box{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 310px;
    margin: 0 auto;
}
.save-all-box .image-holder{
    max-width: 70px;
    width: 100%;
    margin-right: 28px;
}
.save-all-box .image-holder img{
    height: 63px;
}
.save-all-box .text-box{
    width: calc(100% - 70px);
}
.save-all-box .text-box h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif; 
}
.save-all-box .text-box p{
    color: #999999;
    font-size: 48px;
    font-weight: 400;
}
/***** AIUDA TEAM SEC CSS ******/
.aiuda-team-sec{
    padding: 80px 0 260px;
    background: url(../images/about-team-bg.png) no-repeat;
    background-position: bottom center;
    background-size: 100%;
}
.aiuda-team-sec .title{
    text-align: center;
}
.aiuda-team-sec .title h2{
    font-size: 33px;
    margin-bottom: 20px;
}
.aiuda-team-sec .title p {
    color: #2b2b2b;
    line-height: 36px;
    font-weight: 300;
    max-width: 680px;
    font-size: 18px;
    margin: 0 auto;
}
.aiuda-team-inner {
    max-width: 815px;
    margin: 85px auto 0;
    width: 100%;
}
.aiuda-team-inner .aiuda-team-box{
    text-align: center;
}
.aiuda-team-inner .aiuda-team-box .text-box{
    margin-top: 18px;
}
.aiuda-team-inner .aiuda-team-box .text-box h3{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif; 
}

/***** TASK CATALOG PAGE CSS ******/
.catalog-banner{
    background-color: #f8f8f8;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;   
    padding: 140px 0 125px;
}
.catalog-inenr{
    display: flex;
    align-items: center;
    max-width: 780px;
    margin: 0 auto;
}
.catalog-inenr .image-holder {
    width: calc(100% -  480px);
    padding-left: 30px;
}
.catalog-inenr .image-holder img {
    max-width: 238px;
    transform: rotate(-15deg);
}
.catalog-inenr .txt-box {
    max-width: 480px;
    width: 100%;
}
.catalog-inenr .txt-box h2{
    color: #000000;
    font-size: 33px;
    font-weight: 700; 
    font-family: 'Roboto Condensed', sans-serif; 
}
.catalog-inenr .txt-box p{
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif; 
    margin-bottom: 30px;
}
.catalog-inenr .txt-box .form-group{
    margin: 0;
    position: relative;
}
.catalog-inenr .txt-box .form-group:after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-color: #ef442c;
    width: 13px;
    height: 100%;
    border-radius: 5px 0 0 5px;
}
.catalog-inenr .txt-box .form-group .form-control{
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    background-color: #fff;
    padding-left: 30px;
    height: 59px;
}
.catalog-inenr .txt-box .form-group .form-control::placeholder{
    color: #a5a5a5;
}
.catalog-inenr .txt-box .form-group a {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 22px;
}
.catalog-inenr .txt-box .form-group a img{
    max-width: 20px;
}
.task-catalog-page .catalog-ask-questions.ask-questions{
    padding: 50px 25px;
}
.task-catalog-page .catlog-main {
    padding: 150px 25px 17px;
}
.catalog-ask-questions .catlog-main{
    padding: 0;
}
.catalog-ask-questions .card-box .label{
    background-color: #062849;
}
.task-catalog-page .ask-questions {
    padding: 0px 0;
}
.upgrade-info-inner{
    padding: 57px 0;
    background-color: #062849;
}
.upgrade-info-inner .text-box {
    max-width: 1350px;
    margin: 0 auto;
}
.upgrade-info-inner .text-box h3{
    color: #fff;
    font-size: 34px;
    line-height: 57px;
    font-weight: 400;
    text-align: center;
}
.upgrade-info-inner .text-box span{
    color: #fff;
    font-size: 22px;
}
.see-task-btn{
    padding: 48px 0;
    text-align: center;
}
.task-catalog-page .money-back-sec .text-box p {
    max-width: 100%;
    margin-bottom: 35px;
}

/***** MY SUBSCRIPTION PAGE CSS ******/
.my-subscription-page .setting-rightside .title P{
    color: #999999;
    display: flex;
    align-items: center; 
}
.my-subscription-page .setting-rightside .title P a{
    background-color: rgba(237, 28, 36, 0.37);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    max-width: 78px;
    width: 100%;
    height:26px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}
.subscription-inner{
    margin-top: 40px;
}
.subscription-plan{
    background-color: #313131;
}
.subscription-plan ul{
    display: flex;
    flex-wrap: wrap;
    padding: 28px 0;
}
.subscription-plan ul li{
    width: 33.3%;
    border-right: 1px solid #423c39;
    padding: 8px 50px;
}
.subscription-plan ul li span{
    color: #999999;
    font-size: 18px;
    font-weight: 300;
}
.subscription-plan ul li h3{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 4px 0 8px;
}
.subscription-plan ul li a{
    color: #e5412a;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}
.plain-attention{
    background-color: #fff;
    padding-top: 34px;
    padding-left: 30px;
    padding-bottom: 45px;
    padding-right: 131px;
}
.plain-attention h2{
    color: #07335f;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 24px;
}
.plain-attention h3{
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.plain-attention table{
    width: 100%;
}
.plain-attention table thead tr th{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px dotted #eeeeee;
    padding: 30px 0;
}
.plain-attention table thead tr th:last-child{
    color: #ef432b;
    text-align: right;
    padding-right: 90px;
}
.plain-attention table tbody tr td{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px dotted #eeeeee;
    padding: 30px 0;
}
.plain-attention table tbody tr td .attention-holder{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.plain-attention table tbody tr td img{
    width: 21px;
}
.plain-attention table tbody tr td .upgrade-btn{
    max-width: 78px;
    width: 100%;
    margin-left: 35px;
}
.plain-attention table tbody tr td a{
    background-color: rgba(237, 28, 36, 0.37);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    max-width: 78px;
    width: 100%;
    height: 26px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}
.plain-attention table tbody tr td:last-child{
    text-align: right;
    padding-right: 40px;
}
.acceso-familiar{
    padding: 35px  0 0 0;
}
.acceso-familiar p{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}
.acceso-familiar ul{
    display: flex;
    align-items: center;
    text-align: center;
    margin: 35px -12px 0;
}
.acceso-familiar ul li{
    padding: 0 12px;
}
.acceso-familiar ul li.active .image-holder a{
    border-color: #f24c4e;
}
.acceso-familiar ul li .image-holder a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
    color: #000;
    border: 1px solid transparent;
    font-size: 14px;
    width: 55px;
    height: 55px;
    font-weight: 700;
    border-radius: 50px;
}
.acceso-familiar ul li h3{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
}
.cancel-subscription{
    margin-top: 55px;
}
.cancel-subscription h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 12px;
}
.cancel-subscription ul li{
    color: rgba(0, 0, 0, 0.36);
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}
.cancel-subscription ul li:after{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    border-radius: 50%;
    background-color: #ef292e;
    width: 5px;
    height: 5px;
}
.cancel-subscription ul li:last-child{
    margin-bottom: 0;
}
.cancel-subscription a.btn-red{
    font-size: 14px; 
    max-width: 200px;
    height: 36px;
    margin-top: 25px;
}

.subscription-renew{
    background-color: #fff;
    text-align: center;
    border: 1px solid rgb(247, 247, 247);
    padding: 80px 0 103px;
    position: relative;
    overflow: hidden;
}
.subscription-renew span{
    color: #000;
    font-size: 32px;
    font-weight: 400;
    display: block;
    line-height: 32px;
}
.subscription-renew h3{
    color: #ef432b;
    font-size: 71px;
    line-height: 72px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin: 3px 0;
}
.subscription-renew a{
    font-size: 15px; 
    max-width: 144px;
    width: 100%;
    height: 41px;
    margin: 42px auto 0
}
.subscription-renew .image-holder {
    transform: rotate(-45deg);
    position: absolute;
    bottom: -70px;
    right: -23px;
}
.subscription-renew .image-holder img{
    max-width: 135px;
}

.help-Support{
    background-color: #fff;
    text-align: center;
    border: 1px solid rgb(247, 247, 247);
    margin-top: 30px;
    padding: 50px 15px 0;
}
.help-Support h3{
    color: #000;
    font-size: 27px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}
.help-Support h3 span{
    color: #ef432b;
    display: block;
}
/***** CANCEL SUBSCRIPTION MODAL CSS ******/
.cancel-subscription-modal .compare-contact-inner .title p{
    color: #484747;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}
.cancel-subscription-modal .compare-contact-inner .title p span{
    color: #ef432b;
}
.cancel-subscription-modal .compare-contact-inner .title{
    margin-bottom: 21px;
}
.cancel-subscription-modal .compare-contact-inner .text-box-inner .btn-default {
    margin: 10px auto 0;
    max-width: 252px;
}
.cancel-subscription-modal .text-box-inner .form-group.text-center {
    margin-bottom: 0;
}
/***** FAMILY MEMBERS CONTROL MODAL CSS ******/
.family-members-control-modal .modal-body {
    padding: 70px 45px 55px;
}
.family-members-control-modal .close {
    top: 15px; 
    right: 25px;
}
.family-control-inner .heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 23px;
}
.family-control-inner .heading .headingleft{
    display: flex;
    align-items: center;
}
.family-control-inner .heading .headingleft .image-holder{
    color: #000000;
    font-size: 16px;
    font-weight: 700; 
    height: 64px;
    width: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
}
.family-control-inner .heading .headingleft p{
    color: #000000;
    font-size: 14px;
    padding-left: 13px;
    font-weight: 700;
}
.tgl {
    display: none;
}
.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl + .tgl-btn::-moz-selection {
    background: none;
}
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
    background: none;
}
.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 47px;
    height: 19px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 15px;
    height: 100%;
}
.tgl + .tgl-btn:after {
    left: 0;
}
.tgl + .tgl-btn:before {
    display: none;
}
.tgl:checked + .tgl-btn:after {
    left: 66%;
}

.tgl-light + .tgl-btn {
    background: #ef432b;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
    background: #000;
}
.family-control-box{
    padding-top: 30px;
}
.family-control-box .text-box{
    margin-bottom: 25px;
}
.family-control-box .text-box h3{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 6px;
}
.family-control-box .text-box p{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.family-control-box .text-box span{
    color: #f03235;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    display: block;
}
.family-control-box .text-box .btn-red{
    max-width: 112px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.family-control-box .text-box:last-child{
    margin-bottom: 0;
}
/***** NEW FAMILY MEMBERS MODAL CSS ******/

.new-family-modal .compare-contact-inner .title {
    margin-bottom: 41px;
}
.new-family-modal .compare-contact-inner .text-box-inner {
    max-width: 306px;
}
.new-family-modal .text-box-inner .form-group label{
    text-align: center;
}
.new-family-modal .text-box-inner .form-group a{
    color: #f03235;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Lato', sans-serif;
    margin-bottom: 38px;
    margin-top: 25px;
}
.new-family-modal .text-box-inner .form-group a img{
    margin-right: 10px;
}
.new-family-modal .compare-contact-inner .text-box-inner .btn-default{
    max-width: 162px;
}
/***** CURRENT ORDER PAGE CSS ******/
.current-orders-page .history-filter-price {
    width: 100%;
}
.current-orders-page .history-filter-price ul {
    justify-content: flex-start;
}
.current-orders-page .history-filter-price ul li a{
    color: #39b54a;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 10px;
    display: block;
}
.active-project{
    margin-bottom: 19px;
}
.active-project h3{
    color: #07335f;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.current-orders-page .request-text-user{
    display: flex;
    align-items: center;
    justify-content: center;
}
.current-orders-page .request-text-user .text-box{
    padding-left: 22px;
}
.current-orders-page .request-text-user .text-box h3{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}
.current-orders-page .request-text-user .text-box p{
    color: #f03235;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.current-orders-page .request-history-inner ul li .request-text p span{
    color: #000000;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
}
.current-orders-page .request-history-inner ul li .request-text p strong{
    color: #000000;
    display: inline-block;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}
.current-orders-page .request-history-inner ul li .request-text p span{
    color: #848484;
}
.current-orders-page .request-history-inner ul li .request-text p.date-time span{
    color: #000000;
}
.current-orders-page  .request-text.request-text-btn .btn-red {
    height: 27px;
    max-width: 100%;
    width: 80px;
}
/***** BUY MORE CREDIT MODAL CSS ******/
.more-cradit-modal .request-task h2{
    margin-bottom: 35px;
}
.more-cradit-modal .request-task .text-box{
    max-width: 295px;
    width: 100%;
    margin: 0 auto;
}
.more-cradit-modal .request-task .text-box p{
    color: #f03235;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}
.or-group{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: center;
}
.or-group:after{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
}
.or-group span{
    display: inline-block;
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    background-color: #fff;
    padding: 10px;
    margin: 0 !important;
    position: relative;
    z-index: 10;
    font-family: 'Open Sans', sans-serif;
}
.more-cradit-modal .btn-red{
    max-width: 162px;
    height: 49px;
    width: 100%;
    margin-top: 40px;
}
/***** DASHBOARD PAGE CSS ******/
.dashboard-page .title a{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    background-color: #efeeee;
    max-width: 150px;
    margin-bottom: 15px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
}
.dashboard-page .title a:hover{
    background-color: #f03235;
    transition: all 0.5s ease-in-out;
    color: #fff;
}
.dashboard-page .title h2{
    color: #f03235;
    margin-bottom: 13px;
}
.dashboard-page .title p{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}
.dashboard-inner{
    margin-top: 30px;
}
.dashboard-left{
    background-color: #fff;
    border: 1px solid rgb(247, 247, 247);
    padding: 22px 30px 45px;
} 
.dashboard-left .title{
    margin-bottom: 30px;
}
.dashboard-left .title h3{
    color: #07335f;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.dashboard-timeline{
    position: relative;  
    margin-left: 20px;
}
.dashboard-timeline:after{
    position: absolute;
    content: "";
    left: -4px;
    top: -10px;
    width: 4px;
    height: 100%;
    background-color: #f03235;
}
.titmeline-box{
    border-bottom: 1px dotted #ececec;
    padding:  0 35px 20px 35px;
    position: relative;
    margin-bottom: 35px;
}
.titmeline-box:after{
    position: absolute;
    content: "";
    left: -20px;
    top: -10px;
    background-color: #f03235;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.titmeline-box:before{
    position: absolute;
    content: "";
    left: -10px;
    top: 0px;
    background: url(../images/tick-icon.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 13px;
    background-size: 100%;
    z-index: 100;
}
.titmeline-box .text-box span{
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
}
.titmeline-box .text-box h3{
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 18px;
}
.titmeline-box .text-box p{
    color: #848484; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 18px;
}
.titmeline-box ul{
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.titmeline-box ul li{
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 18px;
}
.titmeline-box ul li a{
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center; 
}
.titmeline-box ul li .text-inner {
    width: calc(100% - 50px);
    padding-left: 20px;
}
.titmeline-box ul li .text-inner h4{
    color: #000000;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 3px;
}
.titmeline-box ul li .text-inner span{
    color: #f03235;
    font-size: 9px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    display: block;
}
.titmeline-box ul li .star-icon {
    width: 20px;
    margin-right: 8px;
}
.titmeline-box ul li .star-icon img{
    max-width: 20px;
}
.titmeline-box.titmeline-box-last{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.titmeline-box.titmeline-box-last:before{
    display: none;
}
.titmeline-box.titmeline-box-last:after{
    background-color: #fff;
    border: 3px solid #f03235;
    z-index: 1;
    top: auto;
    bottom: 0;
}
.dashboard-comments{
    border-top: 1px dotted #ececec;
    padding-top: 23px;
    margin-top: 80px;
}
.comments-box{
    display: flex;
    margin-bottom: 22px;
}
.comments-box .image-holder{
    max-width: 50px;
    width: 100%;
}
.comments-box .text-box{
    width: calc(100% - 50px);
    padding-left: 20px;
}
.comments-box .text-box h3{
    color: #000000;
    font-size: 14px;
    margin-bottom: 14px;
    font-weight: 400;
}
.comments-box .text-box p{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 19px;
}
.comments-box .text-box span{
    color: #848484;
    font-size: 12px;
    font-weight: 400;
}
.dashboard-comments form{
    position: relative;
    margin-top: 45px;
}
.dashboard-comments form .form-control{
    border: 1px solid #e1e1e1;
    border-radius: 0;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    height: 63px;
    box-shadow: none;
    background-color: #ffffff;
    padding-right: 130px;
}
.dashboard-comments form .form-control:placeholder{
    color: #dedddd;
}
.dashboard-comments form .comments-btn {
    position: absolute;
    display: flex;
    align-items: center;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
}
.dashboard-comments form .comments-btn a img{
    max-width: 20px;
}
.dashboard-comments form .comments-btn a.btn-red {
    border-radius: 50px;
    max-width: 92px;
    height: 32px;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    margin-left: 5px;
}
.dashboard-right{
    background-color: #fff;
    padding: 20px 17px;
}
.dashboard-status h3{
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 6px;
}
.dashboard-status span{
    color: #fff;
    font-size: 14px; 
    font-weight: 400;
    background-color: #a1debf;
    border-radius: 3px;
    max-width: 84px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
}
.dashboard-status .text-box{
    margin-top: 25px;
}
.dashboard-status .text-box p{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.dashboard-time {
    margin-top: 25px;
}
.dashboard-time h3{
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 13px;
}
.dashboard-time ul{
    display: flex;
    flex-wrap: wrap;
}
.dashboard-time ul li{ 
    background-color: #f03235;
    max-width: 71px;
    height: 82px;
    margin-right: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 3px;
}
.dashboard-time ul li h4{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
.dashboard-time ul li:last-child{
    margin-right: 0;
}
.dashboard-facturas{
    margin-top: 17px;
}
.dashboard-facturas h3{
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 8px;
}
.dashboard-facturas ul{
    display: flex;
}
.dashboard-facturas ul li{
    margin-right: 6px;
}
/***** DASHBOARD DECISION PAGE CSS ******/
.dashboard-decision{
    padding: 40px 45px 0 45px;
}
.dashboard-decision .heading{
    text-align: center;
    margin-bottom: 35px;
}
.dashboard-decision .heading h2{
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 25px;
}
.dashboard-decision .heading span{
    color: #484747;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 7px;
}
.dashboard-decision .heading p{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    max-width: 480px;
    margin: 0 auto;
}

.decision-pay{
    display: flex;
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding: 23px 55px 36px 43px;
    cursor: pointer;
}
.decision-pay.active{
    background-color: #ffeae7;
    border-color: #f03235;
}
.decision-pay.active .decision-round{
    border-color: #f03235;
}
.decision-pay .decision-round{
    background-color: #fff;
    border: 3px solid #e1e1e1;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 45px 0 0 0;
}
.decision-text{
    width: calc(100% - 15px);
    padding-left: 15px;
}
.decision-hotal{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 17px;
}
.decision-hotal h3{
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.decision-hotal-box {
    display: flex;
    margin-top: 17px;
}
.decision-hotal-box .image-holder{
    max-width: 65px;
    width: 100%;
}
.decision-hotal-box .text-box{
    width: calc(100% - 65px);
    padding-left: 15px;
}
.decision-hotal-box .text-box .text-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
}
.decision-hotal-box .text-box .text-inner p{
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    max-width: 240px;
}
.decision-hotal-box .text-box .text-inner span{
    color: #f03235;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif; 
}
.decision-hotal-box .text-box a{
    color: #f03235;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-top: 8px;
}
.decisio-attachment {
    max-width: 250px;
    width: 100%;
    padding-top: 12px;
}
.decisio-attachment h4{
    color: #000000;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif; 
    font-weight: 400;
    margin-bottom: 10px;
}
.decisio-attachment .attachment-holder img{
    width: auto;
}
.decisio-attachment .owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.decisio-attachment .owl-theme .owl-nav [class*=owl-]{
    padding: 0;
    margin: 0;
}
.decisio-attachment .owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent;
}
.decisio-attachment .owl-theme .owl-nav [class*=owl-] img{
    max-width: 6px;
}
.decisio-attachment .owl-next{
    position: relative;
    right: -20px;
}
.decisio-attachment .owl-prev img{
    display: none !important;
}
.decision-pay-total{
    padding: 0 65px 0 30px;
}
.decision-pay-total-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.decision-pay-total-inner .text-box span{
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-bottom: 2px;
}
.decision-pay-total-inner .text-box h3{
    color: #2b2b2b;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif; 
}
.decision-pay-total-inner h4{
    color: #f03235;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif; 
}
.approve-btn{
    text-align: center;
    margin-top: 37px;
}
/***** ADD REVIEW POP UP CSS ******/
.add-review-box{
    display: flex;
    align-items: center;
    margin-bottom: 27px;
}
.add-review-inner{
    margin-top: 28px;
}
.add-review-box .image-holder{
    max-width: 80px;
    width: 100%;
}
.add-review-box .text-box{
    width: calc(100% - 80px);
    padding-left: 20px;
}
.add-review-box .text-box h4 {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}
.add-review-box .text-box span{
    color: #f03235;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    margin: 0;
}
.add-review-evaluacion{
    float: left;
    width: 100%;
    margin-bottom: 16px;
}
.add-review-evaluacion h3{
    color: #484747;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 22px;
}
.add-review-evaluacion h4{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
.add-review-evaluacion h4 strong{
    color: #ef2b30;
    font-weight: 400;
}
.add-review-evaluacion ul{
    display: flex;
    align-items: center;
}
.add-review-evaluacion ul li{
    margin-right: 45px;
}
/* The radio */
.radio {

    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    color: #848484; 
}

/* Hide the browser's default radio button */
.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    margin: 0;
}

/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 1px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff ;
    border-color:#e1e1e1;
    border-style:solid;
    border-width:3px;
    border-radius: 50%;
    margin: 0;
}


/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
    background-color: #fff;
    margin: 0;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
    left: -3px;
    width: 15px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #ef2b30;
    top: -3px;
    height: 15px;
}
/****** STAR RATTING ******/
.rating { 
    border: none; 
    float: left;
}

.rating > input { display: none; } 
.rating > label:before  {
    font-size: 22px;
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    content: "\f005";
}

.rating > .half:before { 
    content: "\f005";
    position: absolute;
}

.rating > label { 
    color: #ddd; 
    float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #ef2b30;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #ef2b30;  } 
.add-review-evaluacion .form-control{
    height: 143px;
}
/***** ASSISITANT LANDING PAGE *****/
.assistant-landing-page .banner-hero{
    background: url(../images/assistant-landing-banner-img.png) no-repeat;
    background-size: cover;
    padding: 173px 0 290px;
    position: relative;
}
.banner-mamber{
    background-color: rgba(255, 255, 255, 0.2);
    padding: 26px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.banner-mamber-box{
    display: flex;
    align-items: center;
}
.banner-mamber-box .text-box {
    padding-left: 31px;
}
.banner-mamber-box .text-box h3{
    color: #ffffff;
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 2px;
}
.banner-mamber-box .text-box p{
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
}
/***** JOIN ASSISTANT SEC *****/
.join-assistant-sec {
    padding: 80px 0;
}
.join-assistant-sec .text-box{
    padding: 37px 0 0 0;
}
.join-assistant-sec .text-box h3{
    color: #000;
    font-size: 33px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 17px;
}
.join-assistant-sec .text-box p{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
}
.join-assistant-sec .image-holder img{
    max-width: 214px;
    width: 100%;
    margin: 0  auto;
}
.assistant-landing-page .attention-sec {
    padding: 80px 0 55px;
}
.assistant-landing-page .catlog-main {
    padding: 0;
}
/***** NETWORK ASSISTANT SEC *****/
.network-assistant-sec{
    padding: 71px 0 129px;
}
.network-assistant-text{
    margin-top: 12px;
}
.network-assistant-text h3{
    text-align: center;
    color: #000;
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    max-width: 400px;
    margin: 0 auto;
}
.network-list ul li{
    color: #000;
    font-size: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}
.network-list ul li img{
    margin-right: 20px;
}
/***** ASSISTANT NEWSLETTER  SEC *****/
.assistant-landing-page .contact-text {
    padding: 65px 0;
}
.assistant-landing-page .newsletter .contact-text h2{
    margin-bottom: 30px;
}
.assistant-landing-page .newsletter-img { 
    right: 150px; 
}
/***** EXPERT LANDING PAGE *****/
.expert-landing-page .banner-hero {
    background: url(../images/expert-banner-bg.png) no-repeat;
    background-size: cover;
    padding: 173px 0 260px;
}
.expert-landing-page .banner-hero  .text-holder p {
    margin-bottom: 31px;
}
.expert-landing-page .attention-sec {
    padding: 154px 0 170px;
}
.expert-landing-page .ask-questions{
    background-color: #fbfbfb;
    padding: 70px 0 95px;
}
.expert-landing-page .ask-questions .title p {
    color: #999999;
}
.expert-landing-page .catlog-slider {
    margin-bottom: 0;
}
.action-adult-sec{
    background: url(../images/action-adult-bg.png) no-repeat;
    background-size: cover;
    padding: 135px 0 50px;
}
.action-adult{
    text-align: center;
}
.action-adult p{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    max-width: 780px;
    margin: 0 auto 47px;
    line-height: 40px;
}
.action-adult h3{
    color: #eef1f4;
    font-weight: 700;
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.action-adult img{
    margin-right: 30px;
}
.action-adult-inner .carousel-indicators {
    position: static;
    justify-content: center;
    width: 100%;
    margin: 60px 0 0 0;
    text-align: center;
}
.action-adult-inner .carousel-indicators li.active {
    background-color: #b6b6b6;
}
.expert-landing-page .contact-text {
    padding: 0 0 50px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.expert-landing-page .newsletter .newsletter-img{
    position: static;
}
/***** PERSONAL INFO SEC *****/
.personal-info-sec{
    border-top: 1px solid #e1e1e1;
    background-color: #fafafa;
}
#smartwizard{
    box-shadow: none;
}
.nav-tabs {
    border-bottom: none; 
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-tabs .nav-item {
    margin: 0 21px !important;
}
.nav-tabs .nav-item .nav-link{
    display: flex;
    color: #848484 !important; 
    font-size: 18px;
    padding: 0;
    font-weight: 700;
    align-items: center;
    font-family: 'Roboto Condensed', sans-serif;
}
.nav-tabs .nav-item .nav-link span{
    border: 3px solid #f03235 !important;
    background-color: #f03235 !important;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    border-radius: 50%;
    padding: 0;
    margin-right: 18px;
    position: relative;
}
.nav-tabs .nav-item .nav-link span:hover{
    border: 3px solid #f03235 !important;
    background-color: #f03235 !important;
    color: #fff;
}
.nav-tabs .nav-item:first-child .nav-link span{
    border: 3px solid #f03235 !important;
    background-color: transparent !important;
}

.nav-tabs .nav-item.active .nav-link {
    color: #2b2b2b !important;
}
.nav-tabs .nav-item.done .nav-link{
    color: #848484 !important; 

}
.nav-tabs .nav-item.done .nav-link  span{
    color: #f03235 !important; 
    background-color: #f03235 !important;
}
.nav-tabs .nav-item.done .nav-link span:after{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-size: 100%;
    background: url(../images/tick-icon.png) no-repeat;
    width: 14px;
    height: 14px;
}
.sw-theme-default > ul.step-anchor > li > a::after{
    display: none;
}
.sw-toolbar-custom{
    display: block !important;
}
.sw-toolbar-top,
.sw-toolbar-bottom{
    display: none;
}
.sw-main .sw-container.personal-step{
    padding: 50px 0 70px;
    background-color: #fff;
}
.information-assist h3{
    color: #f03235;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    padding-bottom: 22px;
}
.information-assist p{
    color: #000000;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
}
.information-assist p.lead strong{
    font-weight: 600;
}
.information-assist-inner{
    max-width: 600px;
    margin: 0 auto;
    padding: 37px 0 0;
}
.info-feild .form-group {
    margin-bottom: 55px;
}
.info-feild .form-group label{
    color: #484747;
    font-weight: 700;
    font-size: 14px;
    display: block;
    margin: 0 0 13px 0;
}
.info-feild .form-group label span{
    color: #f03235;
}
.info-feild .form-group .form-control{
    background-color: #f6fafb;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    height: 45px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
}
.info-feild .form-control::placeholder{
    color: #b4b8bb;
}
.info-feild .form-group ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 33px;
}
.info-feild .form-group ul li label.check{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding-left: 34px;
    margin: 0;
    padding-top: 3px;
}
.btn-group{
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
} 
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child){
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.btn-group .btn-secondary.sw-btn-prev{
    background: none;
    color: #000;
    border: 1px solid #000000;
    max-width: 181px;
    margin-right: 40px;
}
.btn.disabled, .btn:disabled{
    opacity: 1;
}
.btn-group .btn-secondary.focus, .btn-group .btn-secondary:focus{
    box-shadow: none;
}
.info-feild .form-group .calendar-date{
    position: relative;
}
.info-feild .form-group span.calender-icon{
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(0,-50%);
}
.info-feild .form-group span.calender-icon img{
    max-width: 20px;
}
.info-feild .form-group .things-usually{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.info-feild .form-group .things-usually a{
    color: #f03235;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.info-feild .form-group .things-usually a img{
    margin-right: 7px;
}
.info-today{
    margin-top: 58px;
}
.info-today p{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    text-align: center;
}
.info-feild .form-group .input-feilds {
    padding-top: 27px;
}
.info-feild .form-group .input-feilds ul{
    justify-content: flex-start;
}
.info-feild .form-group .input-feilds ul li{
    margin-right: 15px;
}
.info-feild .form-group .input-feilds ul li span{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    background-color: #fce3e0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 102px;
    height: 30px; 
    position: relative;
}
.info-feild .form-group .input-feilds ul li span a{
    width: 15px;
    height: 15px;
    background-color: #f03235;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -5px;
    top: -9px;
}
.info-feild .form-group .input-feilds ul li span a img{
    max-width: 5px;
}
.info-feild .form-group .add-contct{
    position: relative;
}
.info-feild .form-group .add-contct-inner {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 30px;
}
.info-feild .form-group .add-contct-inner .form-control{
    border: 1px solid #e1e1e1;
    background-color: transparent;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    width: 323px;
}
.info-feild .form-group .add-contct-inner .form-control:placeholder{
    color: #a5a5a5;
}
.info-feild .form-group .add-contct-inner a{
    background-color: #f03235;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}
.info-feild .form-group .add-contct-inner a img{
    max-width: 20px;
    margin: 0;
}
.confirm-number .info-feild .form-group{
    max-width: 300px;
    margin: 0 auto 39px;
}
.confirm-number .info-feild .form-group .calendar-date strong{
    background-color: #f03235;
    width: 48px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    transform: translate(0, -50%);
    border-radius: 5px 0 0 5px;
}
.confirm-number .info-feild .form-group select.form-control{
    padding-left: 15px;
    background: #f6fafb url(../images/down-arrow.png) 96% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.confirm-number .info-feild .form-group .form-control {
    padding-left: 60px;
}
.verify-sms{margin-bottom: 90px;}
.verify-sms a{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background-image: -moz-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    max-width: 162px;
    width: 100%;
    height: 49px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.confirm-number .btn-group {
    justify-content: center;
}
#step-4 .banner-hero{
    background-color: #fff;
    padding: 28px 0 37px;
}
#step-4 .banner-inner{
    max-width: 800px;
    margin: 0 auto;
}
#step-4 .banner-hero .text-holder h1{
    color: #000;
    font-size: 42px;
}
#step-4 .img-holder img{
    max-width: 238px;
    transform: rotate(-15deg);
}
#step-4 .catlog-main {
    padding: 150px 30px 17px;
}
#step-4 .ask-questions {
    padding: 100px 0 0;
}
.calendar-date{
    position: relative;
}
.calender-icon{
    position:  absolute;
    right: 18px;
    top: 50%;
    transform: translate(0,-50%);
}
.calender-icon img{
    max-width: 20px;
}
/***** EMAIL CONFIRM SEC *****/
.email-confirm-sec{
    text-align: center;
    border-top: 1px solid #e1e1e1; 
    padding: 161px 0 225px 0;;
}
.email-confirm-sec .text-box h1{ 
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 31px;
}
.email-confirm-sec .text-box p{
    color: #000000;
    font-size: 16px; 
    line-height: 24px;
    max-width: 545px;
    width: 100%;
    margin: 0 auto 27px;
}
.email-confirm-sec .text-box span {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 46px;
}
.email-confirm-sec .text-box span a{
    color: #000;
}
.btn-confirm{
    color: #000000; 
    font-weight: normal;
    font-size: 18px;
    border: 1px solid #000000;
    border-radius: 5px;
    max-width: 322px;
    height: 48px;
    width: 100%;
    display: flex;
    margin: 25px auto 0;
    align-items: center;
}
.btn-confirm:focus{
    outline: none;
    box-shadow: none;
}
.btn-confirm:hover{
    color: #fff;
    background-color: #f03235;
    border-color: #f03235;
}
/***** PLAN TASK SEC *****/
.plan-task{
    padding: 42px 0 0 0;
}
.plan-task-box{
    background-color: #fff;
    text-align: center;
    padding: 40px 20px 50px;
}
.plan-task-box .image-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 102px;
}
.plan-task-box p{
    color: #131313;
    font-size: 14px;
    line-height: 30px; 
    margin-top: 30px;
}
.plan-task-box ul{
    min-height: 118px;
    margin-top: 40px;
}
.plan-task-box ul li a.btn-red{
    padding: 0;
    max-width: 220px;
    width: 100%;
    height: 48px;
}
.plan-task-box ul li a.btn-disconnect{
    padding: 0;
    max-width: 160px;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    width: 100%;
    margin-top: 22px;
    height: 48px;
}
/***** WARNING MODAL SEC *****/
.warning-modal .request-task{
    text-align: center;
}
.warning-modal .request-task p{
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    max-width: 415px;
    margin: 0 auto;
    padding: 17px 0 43px;
}
.warning-modal .request-task {
    padding: 0px 55px;
}
/***** SUPPORT PAGE SEC *****/
.support-sec{
    padding: 100px 0 0 0;
}
.Support-page .contact-text {
    padding: 44px 50px;
}
.support-sec .text-box {
    padding-top: 37px;
}
.support-sec .text-box h3{
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}
.support-sec .text-box p{
    color: #000000;
    font-size: 24px;
    font-weight: 300;
}
.support-sec .text-box strong{
    color: #f03235;
    font-size: 46px;
    display: block;
    margin-top: 16px;
}
/***** ADMIN CONTROL PAGE SEC *****/
.admin-controls-page .subscription-plan ul li {
    width: 25%;
    padding: 26px 83px 4px;
}
.admin-control-sec {
    background-color: #fff;
    padding: 30px 40px;
}
.admin-control-sec .heading{
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    justify-content: space-between;
}
.admin-control-sec .heading h3{
    color: #07335f;
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.admin-control-sec .heading a{
    width: 94px;
    height: 34px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ef2f33;
}
.admin-control-sec .heading a img{
    max-width: 15px;
    margin-right: 11px;
}
.admin-control-inner table{
    width: 100%;
}
.admin-control-inner table thead tr th{
    background-color: #fafafa;
    color: #2b2b2b;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 13px 20px;
}
.admin-control-inner table tbody tr td{
    color: #000000; 
    font-weight: 400;
    font-size: 14px;
    padding: 28px 20px;
    border-bottom: 1px dotted #ededed;
}
.admin-control-inner .editable table tbody tr td span.text{
    display: block;
    background-color: #f6fafb;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    height: 35px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    max-width: 195px;
    width: 100%;
}
.admin-control-inner table tbody tr td span.text:focus{
    box-shadow: none;
    outline: none;
}
.admin-control-inner table tbody tr td a.assign-more{
    color: #e5412a;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    text-decoration: underline;
    display: block;
    margin-top: 10px;
    display: none;
}
.admin-control-main .admin-control-inner table tbody tr td a.assign-more{
    text-decoration: underline;
}
.admin-control-main .admin-control-inner .editable table tbody tr td a.assign-more{
    display: block;
}
.admin-control-inner table tbody tr td a.remove-icon{
    display: none;
}
.admin-control-inner table tbody tr td a.remove-icon img{
    max-width: 20px;
    width: 100%;
}
.team-controls-page.light a.assign-more{
    display: block;
}
.admin-control-inner .table-responsive.box.editable table tbody tr td a.remove-icon{
    display: block;
}
.admin-control-inner table tbody tr td .admin-user{
    display: flex;
    align-items: center;
}
.admin-control-inner table tbody tr td .admin-user .text-box{
    padding-left: 14px;
}
.admin-control-inner table tbody tr td .admin-user h3{
    color: #000000; 
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 7px;
}
.admin-control-inner table tbody tr td .admin-user a{
    color: #e5412a;
    text-decoration: underline;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    display: block;
}

.add-team a.btn-red{
    max-width: 170px;
    height: 35px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    border-radius: 50px;
}
.add-team {
    margin-top: 40px;
}
.add-team a i{ 
    margin-right: 9px;
}
/***** ADD TEAM MODAL SEC *****/
.add-team-inner .title  {
    margin-bottom: 26px;
}
.add-team-inner .form-group.d-flex{
    justify-content: space-between;
}
.add-team-inner .form-group p{
    color: #b4b8bb;
    font-size:  14px;
    font-weight: normal;
}
.add-team-inner .form-group a.comprar-mas{
    color: #e5412a;
    font-size:  14px;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    text-decoration: underline;
}
.add-team-inner .form-group.text-center a{
    color: #e5412a;
    font-size:  13px;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
}
.add-team-inner .form-group.text-center a img{
    margin-right: 9px;
}
/***** CREAT BALANCE MODAL SEC *****/
.creat-balance-check{
    max-width: 330px;
    margin: 0 auto;
}
.creat-balance-check ul {
    padding: 40px 0 35px;
}
.creat-balance-check ul li {
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
    justify-content: space-between;
}
.creat-balance-check ul li:last-child{
    margin-bottom: 0;
}
.creat-balance-check ul li span{
    color: #ef432b;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    max-width: 40px;
    display: inline-block;
    width: 100%;
}
.creat-balance-check a{
    background-image: -moz-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    max-width: 160px;
    height: 40px;
    color: #fff;
    font-size: 18px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0 auto;
}
/***** CREADIT TEAM MODAL SEC *****/
.creadit-team-modal .text-box .title p{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 300px;
    margin: 34px auto 30px;
    width: 100%;
}
.creadit-team-modal .text-box .title p span{ 
    font-weight: 700;
    color: #ef432b;
}
.creadit-team-modal .text-box-inner {
    max-width: 330px; 
}
.creadit-team-modal .text-box-inner .form-group span{
    color: #999999;
    font-size: 14px;
    display: block;
    text-align: right;
    margin-top: 5px;
}

/***** TEAM CONTROL PAGE *****/
.team-controls-page .subscription-plan ul li {
    width: 25%;
    padding: 26px 60px 4px;
}
.team-controls-page .subscription-plan ul li{
    width: 20%;
}
.team-controls-page .subscription-plan ul li span a img {
    max-width: 18px;
    margin-left: 10px;
}
.team-controls-page .subscription-plan ul li .switch input { 
    display:none;
}
.team-controls-page .subscription-plan ul li .switch {
    display: block;
    width: 47px;
    height: 19px;
    margin:8px;
    transform:translateY(50%);
    position:relative;
}

.team-controls-page .subscription-plan ul li .slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px; 
    cursor:pointer; 
    overflow:hidden;
    transition:.4s;
    background-color: #ef432b;
}
.team-controls-page .subscription-plan ul li .slider:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 30px;
    transform: translateX(0);
    transition: .4s;
    left: 3px;
    top: 2px;
}

.team-controls-page .subscription-plan ul li input:checked + .slider:before {
    transform:translateX(27px);
    background: #ef432b;
}
.team-controls-page .subscription-plan ul li input:checked + .slider { 
    background-color: #fff;
}

.team-controls-page .admin-control-inner table tbody tr.total-tr td{
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fafafa;
    border: none;
    padding: 13px 20px;
}
.team-controls-page .add-team a{
    max-width: 240px;
}
.add-team-member-modal .text-box-inner .form-group {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.add-team-member-modal .text-box-inner .form-group label{
    margin-right: 20px;
}
.add-team-member-modal .add-team-inner .form-group a.libk-btn{
    color: #e5412a;
    font-size:  13px;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
}
.add-team-member-modal .add-team-inner .form-group a.libk-btn img,
.add-team-member-modal .add-team-inner .form-group a.comprar-mas img{
    margin-right: 9px;
}
.add-team-member-modal .add-team-inner .form-group .btn-red{
    margin: 21px auto 0;
}
/***** INBOC CHAT PAGE *****/
.inbox-chat-page .setting-rightside{
    background-color: #fff;
}
.inbox-filter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.inbox-filter .form-control{
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    color: #b4b8bb;
    font-size: 14px;
    font-weight: 400;
    background: url(../images/down-arrow.png) right center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 133px;
    width: 100%;
}
.inbox-conversation .nav-pills .nav-item {
    width: 100%;
}
.inbox-conversation .nav-pills .nav-item .nav-link{
    padding: 0;
}
.inbox-conversation .nav-pills .nav-item .nav-link.active{
     background-color: #fafafa;
}
.inbox-conversation-box{
    display: flex;
    padding: 16px 10px;
    cursor: pointer;
    margin-bottom: 12px;
}
.inbox-conversation-box:hover,
.inbox-conversation-box.active{
    background-color: #fafafa;
}
.inbox-conversation-box .image-holder{
    max-width: 40px;
    width: 100%;
}
.inbox-conversation-box .text-box{
    width: calc(100% - 40px);
    padding-left: 10px;
}
.inbox-conversation-box .text-box h3{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 5px;
}
.inbox-conversation-box .text-box p{
    font-size: 11px;
    color: #848484;
    line-height: 14px;
    max-width: 200px;
    padding-bottom: 3px;
}
.inbox-conversation-box .text-box span{
    color: #d2d2d2;
    font-size: 10px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.inbox-user {
    padding: 16px 0 0 0px;
}
.inbox-user .back{
   margin-bottom: 20px;
   display: none;
}
.inbox-user .back a img{
    max-width: 20px;
     transform: rotate(180deg);
}
.inbox-user h3{
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 50px;
}
.inbox-user-box{
    display: flex; 
    margin-bottom: 10px;
}
.inbox-user-box .image-holder{
    background-color: #0f0f0f;
    width: 38px;
    height: 38px;
    border-radius: 50%;

}
.inbox-user-box .text-box{
    margin-left: 15px;
    width: calc(100% - 40px);
}
.text-user-inner{
    background-color: #ececec;
    border-radius: 5px;
    padding: 10px 18px;
    display: inline-block;
}
.inbox-user-box .text-box p{
    color: #000000;
    font-size: 14px;
    font-weight: 400; 
}
.inbox-user-box .text-box span{
    color: #999999;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: right;
}
.inbox-chat-left .chat-message{
    max-width: 520px;
    margin-left: auto;
    margin-top: 33px;
}
.inbox-chat-left .chat-message .form-control{
    height: 60px;
    padding-right: 190px;
    color: #000;
}
.inbox-chat-left .chat-message .form-control::placeholder{
    color: #dedddd;
}
.inbox-chat-left .chat-message ul li a.send-btn{ 
    width: 94px;
    height: 32px; 
    font-size: 13px; 
    border-radius: 50px;
}

.inbox-chat-right{
    text-align: center;
    padding: 60px 0 0 0;
}
.inbox-chat-profile .image-holder{
    display: inline-block;
    position: relative;
}
.inbox-chat-profile .image-holder span{
    background-color: green;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 5px;
}
.inbox-chat-profile h3{
    color: #000;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 16px 0 21px;
}
.inbox-chat-profile p{
    color: #848484;
    font-size: 12px;
    line-height: 18px;
    max-width: 255px;
    margin: 0 auto;
}
.inbox-chat-profile ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.inbox-chat-profile ul li img{
    max-width: 25px;
    width: 100%;
}
.inbox-chat-profile ul li{
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    margin: 0 3px;
}
.notification-sms{
    background-color: #fff;
    box-shadow: 0px 9px 23.36px 8.64px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    max-width: 530px;
    width: 100%;
    display: flex;
    align-items: center; 
    margin-bottom: 30px;
    position: fixed;
    left: 40px;
    bottom: 0;
    z-index: 10;
    padding: 25px;
}
.notification-sms .image-holder{
    max-width: 105px;
    width: 100%;
}
.notification-sms .text-box{
    width: calc(100% - 105px);
    padding-left: 25px;
}
.notification-sms .text-box h3{
    color: #484747;
    font-size: 18px;
    font-weight: 700;
}
.notification-sms .text-box p{
    color: #484747;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 8px 20px 11px 0;
}
.notification-sms .text-box a{
    color: #f03235;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    display: block;
}
.cross-icon {
    position: absolute;
    top: 15px;
    right: 15px;
}
.cross-icon img{
    max-width: 10px;
}

/***** ASSISTANT SETTING PAGE PAGE *****/
.assistant-setting-page .profil-dropdown{
    padding: 10px;
}
.assistant-setting-page .profil-dropdown ul li.soports-btn a{
    background-color: transparent;
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
}
.assistant-setting-page .profil-dropdown ul li a.ajustes-btn{
    border-bottom: 1px solid #cdcdcd;
}
.assistant-setting-page .profil-dropdown ul li a{
    color: #3d3d3d;
    padding: 9px 10px 9px 22px;
}
.setting-sidebar .profile-user a{
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: underline;
    margin-top: 7px;
    display: block;
}
.setting-sidebar .profile-user a.grade{
    color: #f03235;
    text-decoration: none;
}
.security-detail-inner table tbody tr td .image-holder img{
    width: auto;
    max-width: 100%;
}
.assistant-setting-page .security-detail-inner table tbody tr td {
    vertical-align: top;
}
/***** WORK PREFERENCES PAGE *****/
.work-preferences{
    padding: 55px 30px;
}
.work-schedule{
    margin-bottom: 80px;
}
.work-schedule:last-child{
    margin-bottom: 0;
}
.work-schedule h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 5px;
}
.work-schedule h3 img{
    max-width: 15px;
    width: 100%;
    cursor: pointer;
}
.edit-btn{
    text-align: right;
}
.work-schedule .edit-btn a{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    background-image: -moz-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-color: #ef2b30;
    padding: 10px 26px 10px 20px;
    border-radius: 50px; 
    display: inline-block;
    margin-left: auto;
}
.work-schedule a img{
    max-width: 15px;
    width: 100%;
    margin-right: 10px;
}
.work-schedule ul {
    max-width: 510px;
    width: 100%;
}
.work-schedule ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px dotted #ececec;
    padding: 20px 30px 20px 0;
}
.work-schedule ul li:last-child{
    border-bottom: none;
}
.work-schedule ul li .time-select{
    display: flex;
    align-items: center;
    justify-content: center;
}
.work-schedule ul li .time-select select.form-control{
    border: 1px solid #ebebeb;
    border-radius: 10px;
    height: 31px;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    width: 61px;
    padding: 0 8px;
    background: url(../images/polygon-icon.png) 94% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 5px;
}
.time-select-main{
    display: none;
}

/***** SUPPORT MODAL *****/
.support-modal .text-box-inner {
    max-width: 310px;
    margin-top: 30px;
}

.support-modal .text-box-inner .form-group a{
    color: #ef2b30;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
}
.support-modal .text-box-inner .form-group select.form-control{
    background: #f6fafb url(../images/down-arrow.png) 96% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.support-modal .text-box-inner .form-group a img{
    margin-right: 10px;
}
.support-modal .text-box-inner .form-group ul{
    display: flex;
    align-items: center;
    margin: 10px -3px 0;
}
.support-modal .text-box-inner .form-group ul li{
    padding: 0 3px;
    position: relative;
}
.support-modal .text-box-inner .form-group ul li a{
    position: absolute;
    top: -6px;
    right: -12px;
}
.support-modal .text-box-inner .form-group ul li a img{
    max-width: 12px;
}
.support-modal .text-box-inner .btn-default{
    margin: 0 0 0 0;
}
/***** RECEVIE PAYMENT TAB *****/
.assistant-setting-page .notification {
    padding: 50px 40px;
}
.payment-recevie h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between; 
    margin-bottom: 15px;
}
.payment-recevie a{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    background-image: -moz-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237,28,36) 0%, rgb(241,61,61) 100%);
    background-color: #ef2b30;
    max-width: 99px;
    width: 100%;
    height: 34px;
    border-radius: 50px;  
    display: flex;
    align-items: center;
    justify-content: center; 
}
.payment-recevie a img{
    max-width: 15px;
    width: 100%;
    margin-right: 10px;
}
.payment-recevie ul{
    max-width: 550px;
}
.payment-recevie ul li{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px dotted #eeeeee;
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment-recevie ul li span{
    max-width: 200px;
    width: 100%;
    border: 1px solid transparent;
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.payment-recevie ul li span:focus{
    box-shadow: none;
    outline: none;
}
.payment-recevie.box5.editable ul li span{
    border: 1px solid #ebebeb;
}
.add-account-btn a{
    max-width: 150px;
    width: 100%;
    background: none;
    margin-top: 30px;
    background-color: #ef2b30;
}
.payment-recevie-billing{
    margin-top: 80px;
}
.payment-recevie-billing .text-box-inner{
    margin: 31px 0 35px 0;
}
.payment-recevie-billing .text-box-inner .form-group select.form-control{
    background: #f6fafb url(../images/down-arrow.png) 96% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.payment-recevie-billing ul{
    max-width: 620px;
}
.payment-recevie-billing ul li:first-child{
    border-top: 1px dotted #eeeeee;
}
.payment-recevie-billing ul li img{
    max-width: 15px;
    margin-left: 5px;
}
.payment-recevie-billing ul li span { 
    max-width: 280px; 
}
/***** REVIEWS PAGE *****/
.reviews-sec{
    margin-top: 37px;
}
.reviews-box {
    background-color: #fff;
    display: flex;
    padding: 35px 30px;
    border: 1px solid #f7f7f7;
    margin-bottom: 20px;
}
.reviews-box-left{
    max-width: 700px;
    width: 100%;
    display: flex;
    align-items: center;
}
.reviews-box-user{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    max-width: 235px;
    width: 100%;
}
.reviews-box-user img{
    margin-right: 20px;
}
.reviews-box-text{
    width: calc(100% - 235px);
}
.reviews-box-text p{
    color: #131313;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}
.reviews-box-right {
    width: calc(100% - 700px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews-box-right ul{
    display: flex;
    align-items: center;
    margin-right: 65px;
}
.reviews-box-right ul li {
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 0 5px;
}
.reviews-box-right ul li img{
    max-width: 15px;
    width: 100%;
    height: 15px;
}
.reviews-box-right span{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background-color: #a1debf;
    border-radius: 5px;
    max-width: 130px;
    width: 100%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews-box-right span.no-recommended{
    background-color: #f8abae;
    max-width: 160px;
}
/***** HOME PAGE V2 PAGE *****/
.home-v2 .banner-hero{
    background-color: #fff;
    background: url(../images/Rectangle-banner-bg.png) no-repeat;
    background-position: top right;
    border-top: 1px solid rgb(225, 225, 225);
}
.home-v2 .banner-hero .video-aiuda{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 30px 0 37px;
}
.home-v2 .banner-hero .video-aiuda img{
    height: 18px;
    margin-right: 18px;
}
.home-v2 .banner-hero .text-holder h1{
    color: #000;
}
.home-v2 .banner-hero .text-holder p{
    margin:  0;
    color: #000;
}

#checkout-sidebar.sticky {
    position: absolute;
    width: 100%;
}
/***** MY WALLET PAGE *****/
.may-wallet-sec .heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 42px;
}
.may-wallet-sec .heading h2{
    color: #000000;
    font-size: 33px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.may-wallet-sec .heading h3{
    color: #07335f;
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.may-wallet-sec .subscription-plan ul {
    padding: 43px 0 35px;
}
.may-wallet-sec .subscription-plan ul li {
    width: auto;
    padding: 24px 34px 14px 36px;
}
.may-wallet-sec .subscription-plan ul li:last-child{
    border-right: none;
}
.subscription-plan ul li span{
    display: flex;
    align-items: center;
}
.may-wallet-sec .subscription-plan ul li span img{
    max-width: 15px;
    margin-left: 10px;
}
.accreditation-sec{
    background-color: #fff;
    padding: 30px 30px 30px 25px;
}
.accreditation-sec .heading {
    justify-content: flex-start;
    margin-bottom: 25px;
}
.accreditation-sec .heading h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    display: flex;
    align-items: center;
}
.accreditation-sec .heading h3 img{
    max-width: 15px;
    margin-left: 10px;
}
.accreditation-sec .heading span{
    color: #ef432b;
    font-size: 24px; 
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 65px;
}
.withdraw-fund{
    display: flex;
    align-items: center;
}
.withdraw-fund h4{
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}
.withdraw-fund  .btn-red{
    font-size: 14px;
    border-radius: 50px;
    max-width: 204px;
    width: 100%;
    height: 34px;
    padding: 0;
    margin-left: 77px;
}
.wallet-filter{
    padding: 50px 0;
}
.wallet-filter form{
    display: flex;
    align-items: center;
}
.wallet-filter h4{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    max-width: 67px;
    width: 100%;
}
.wallet-filter ul{
    display: flex;
    align-items: center;
    margin: 0 -7px;
    width: calc(100% - 67px);
}
.wallet-filter ul li.filters-inner{
    width: 25%;
    position: relative;
    padding: 0 7px;
}
.wallet-filter ul li.filters-inner .form-control{
    background-color: #f6fafb;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    height: 44px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.wallet-filter ul li.filters-inner .form-control:focus{
    color: #b4b8bb;
}
.wallet-filter ul li.filters-inner strong{
    position: absolute;
    top: 50%;
    transform: translate(0 , -50%);
    right: 15px;
}
.wallet-filter ul li.filters-inner strong img{
    max-width: 15px;
}
.btn-light.btn:focus{
    box-shadow: none;
    outline: none;
    outline-offset: 0;
}
.btn-light.btn:hover{
    border-color: transparent;
}
.btn.dropdown-toggle {
    background-color: #f6fafb;
    height: 42px;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #b4b8bb;
    background-color: #f6fafb;
    border-color: transparent;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}
.wallet-filter ul li.filters-inner .bootstrap-select .dropdown-menu{
    background-color: #f2f2f2;
    padding: 0;
    border-radius: 0;
    border: none;
    margin: -1px 0 0 0;
}
.wallet-filter ul li.filters-inner .bootstrap-select .dropdown-menu ul li a.dropdown-item{
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ebebeb;
    padding: 7px 18px;
}
.wallet-filter .dropdown-toggle::after{
    border: none;
    background: url(../images/down-arrow.png) no-repeat;
    width: 10px;
    height: 10px;
}
.wallet-list table{
    width: 100%;
}
.wallet-list table thead tr th{
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fafafa;
    padding: 13px 20px;
}
.wallet-list table tbody tr td{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding: 22px 20px;
}
/***** TRANSFER FUNDS MODAL *****/
.transfer-funds-modal .text-box-inner .form-group label{
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 21px;
}
.transfer-funds-modal .text-box-inner .form-group label a{
    color: #ef432b;
    font-size: 18px;
    font-weight: 700;
}
.transfer-funds-modal .text-box-inner .form-group .form-editar{
    position: relative;
}
.transfer-funds-modal .text-box-inner .form-group .form-control {
    padding-left: 55px;
}

.transfer-funds-modal .text-box-inner .form-group .form-editar span{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    background-color: #f03839;
    width: 48px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 0 0 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%)
}
.transfer-funds-modal .text-box-inner .form-group p{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
}
.transfer-funds-modal .text-box-inner .form-group p span{
    color: #ef432b;
    font-size: 18px;
    font-weight: 700;
}
/***** CUSTOMER DETAIL PAGE *****/
.user-database{
    background-color: #fff;
    border: 1px solid rgba(247, 247, 247, 1);
    padding: 32px 30px;
}
.user-database form{
    display: flex;
    align-items: center;
}
.user-database form label{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    max-width: 160px;
    width: 100%;
}
.user-database .input-group{
    width: calc(100% - 160px);
    max-width: 410px;
}

.user-database .input-group .form-control{
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #000000;
    font-size: 13px;
    height: 40px;
    font-weight: 400;
}
.user-database .input-group .input-group-btn .btn-secondary{
    background-color: #f03235;
    border: none;
    border-radius: 0;
    max-width: 36px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}
.user-database .input-group .input-group-btn .btn-secondary img{
    max-width: 14px;
}
.search-result{
    background-color: #fff;
    border: 1px solid rgba(247, 247, 247, 1);
    padding: 44px 29px 38px 29px;
    margin-top: 20px;
}
.search-result h3{
    color: #000000;
        font-size: 20px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 36px;
}
.search-result table {
    width: 100%;
    max-width: 560px;
    margin-left: 13px;
}
.search-result table tbody tr td { 
    border-top: 1px dotted #eeeeee;
    padding: 25px 0;
}
.search-result table tbody tr:last-child td{
    padding-bottom: 0;
}
.search-result table tbody tr td .search-user a {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.search-result table tbody tr td .search-user a img{
    max-width: 35px;
    height: 35px;
    margin-right: 22px;
}
.search-result table tbody tr td a.user-mail {
    color: #000000;
    font-size: 14px;
    font-weight: 400; 
}
.search-result table tbody tr td .dropdown a.dropdown-inner{
    color: #f03235;
    font-size: 13px;
}
.search-result table tbody tr td .dropdown .dropdown-menu{
    background-color: #f2f2f2;
    border: none;
    border-radius: 0;
    padding: 0;
    min-width: 190px;
    left: -20px;
}
.search-result table tbody tr td .dropdown .dropdown-menu ul li a.dropdown-item{
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400; 
    border-bottom: 1px solid #ebebeb;
    padding: 10px 12px;
    display: block;
}
.cutomer-detail-inner{ 
    border-radius: 0; 
    margin-top: 20px;
}
.cutomer-detail-profile{
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    padding: 44px 29px 0 29px;
}
.cutomer-detail-profile-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 622px;
}
.profile-usr-inner{
    display: flex;
    align-items: center;   
    max-width: 170px;
    width: 100%;
}
.profile-usr-inner .image-holder{
    max-width: 71px;
    width:  100%;
}
.profile-usr-inner .text-box{
    width: calc(100% - 71px);
    padding-left: 25px;
}
.profile-usr-inner .text-box h3{
    color: #000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 3px;
}
.profile-usr-inner .text-box a{
    color: #f03235;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.profile-btn{
    width: calc(100% - 170px);
}
.profile-btn ul{
    max-width: 200px;
    width: 100%;
    margin-left: auto;
}
.profile-btn ul li{
    display: flex;
    margin-bottom: 14px;
}
.profile-btn ul li a {
    border-radius: 50px;
    font-size: 12px;
    width: 100%;
    max-width: 140px;
    padding: 0;
    height: 27px;
}
.profile-btn ul li img{
    max-width: 18px;
    margin-left: 12px;
    cursor: pointer;
}
/***** CUSTOMER DETAIL INFO SEC *****/
.cutomer-detail-tabs{
    background-color: #fff;
    padding: 44px 29px 0 29px;
}
.cutomer-detail-info .nav{
    border-bottom: 1px solid #e1e1e1;
    max-width: 720px;
    width: 100%;
    align-items: flex-end;
}
.cutomer-detail-info .nav .nav-item:first-child{
    margin-left: 20px;
}
.cutomer-detail-info .nav .nav-item:last-child{
    margin-right: 0;
}
.cutomer-detail-info .nav .nav-item{
    margin:0 50px;
}
.cutomer-detail-info .nav .nav-item .nav-link{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 10px solid transparent;
    padding: 0 6px 20px;
    border-radius: 0;
    margin-bottom: -3px;
}
.cutomer-detail-info .nav .nav-item .nav-link.active{
    color: #000000;
    background-color: transparent;
    border-color: #07335f;
}
.cutomer-detail-inner-tab{
    background-color: #fff;
    padding: 35px 29px 55px 29px;
}
.personal-info .text-box {
    margin-bottom: 42px;
}
.personal-info .text-box:last-child{
    margin-bottom: 0;
}
.personal-info .text-box h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 23px;
}
.personal-info .text-box ul li span{
    display: inline-block;
    max-width: 250px;
    width: 100%;
}
.personal-info .text-box ul li{
    margin-bottom: 13px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}
.personal-info .text-box ul li a{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}
.personal-info .text-box table{
    width: 100%;
    max-width: 700px;
}
.personal-info .text-box table thead tr th{
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    border-bottom: 1px dotted #ececec;
}
.personal-info .text-box table tbody tr td{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 0;
}
.personal-info .text-box table tbody tr td .form-control{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border: none;
    padding: 15px 0;
}
.personal-info .text-box table tbody tr td a{
    color: #000;
}
.personal-info .text-box table tbody tr td .btn-red{
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    border-radius: 50px;
    max-width: 75px;
    width: 100%;
    height: 26px;
    padding: 0;
}
.personal-info .text-box table tbody tr td .btn-red:focus{
    color: #f03235;
}
/***** CUSTOMER DETAIL NOTES SEC *****/
.detail-notes{
    background-color: rgb(255, 255, 255);
    margin: 20px 0;
    padding: 44px 29px 38px 29px;
}
.detail-notes h3{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.detail-notes-inner{
    max-width: 660px;
    width: 100%;
}
.detail-notes-box{
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ececec;
    padding: 12px 0 32px;
}
.detail-notes-box:last-child{
    border-bottom: none;
}
.detail-notes-box p{
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    max-width: 452px;
    width: 100%;
}
.detail-notes-box-user{
    display: flex;
    align-items: center; 
    width: calc(100% - 452px);
    padding-left: 40px;
}
.detail-notes-box-user .image-holder{
    max-width: 48px;
    width: 100%;
}
.detail-notes-box-user .text-box{
    padding-left: 10px;
    width: calc(100% - 48px);
}
.detail-notes-box-user .text-box h4{
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 3px;
}
.detail-notes-box-user .text-box a{
    color: #f03235;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
/***** CUSTOMER DETAIL FAVORITES SEC *****/
.Chores-favoritas h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 25px;
}
.Chores-favoritas .card-box .label{
    background-color: #f03235;
}
.Chores-favoritas .card-box .card_body .card-footer-box{
    border-top: 1px solid #ececec;
    padding-top: 20px !important;
}
.Chores-favoritas .card-footer-box .p-box strong {
    margin-bottom: 5px;
}
.Chores-favoritas .owl-tareas-favoritas{
    padding: 0 50px;
}

.Chores-favoritas .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    left: 0;
}
.Chores-favoritas .owl-theme .owl-nav [class*=owl-]{
    margin: 0;
}
.Chores-favoritas .owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent;
}
.Chores-favoritas .owl-theme .owl-nav .owl-prev {
    float: left;
}
.Chores-favoritas .owl-theme .owl-nav .owl-next{
    float: right;
}
.Chores-favoritas .see-more {
    margin-top: 40px;
}
.Chores-favoritas .see-more a{
    color: #ef292e;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: center;
}
.testes-preference .text-box {
    margin-top: 20px;
}
.testes-preference .text-box h3 {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 35px;
}
.loved-ones h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 10px;
}
.job-history-list{
    margin-bottom: 15px;
}
.loved-ones table{
    width: 100%;
}
.loved-ones table thead tr th{
    color: #000000;
    font-size: 14px;
    border-bottom: 1px dotted #ececec;
    font-weight: 700;
    padding: 20px 0;
}
.loved-ones table tbody tr td{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0;
}
/***** JOB HISTORY TAB CSS *****/
.job-history .heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    margin-top: 40px;
}
.job-history .heading.heading-first{
    margin-top: 0;
}
.job-history .heading h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.job-history-list table{
    width: 100%;
}
.job-history-list table thead tr th{
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 0;
}
.job-history-list table tbody tr td{
    background-color: #f7f7f7;
    padding: 35px 20px;
}
.job-history-list table tbody tr td span{
    color: #848484;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
.job-history-list table tbody tr td p {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    box-shadow: 0 0 black;
    max-width: 270px;
    width: 100%;
}
.job-history-list table tbody tr td .job-history-user{
    display: flex;
    align-items: center;
    width: 80px;
}
.job-history-list table tbody tr td .job-history-user .image-holder {
    text-align: center;
    max-width: 40px;
    width: 100%;
}
.job-history-list table tbody tr td .job-history-user .image-holder a{
    font-size: 11.3px;
    color: #000000;
    font-weight: 400;
}
.job-history-list table tbody tr td .job-history-user .image-holder a img{
    max-width: 40px;
    width: 100%;
    margin-bottom: 5px;
}
.job-history-list table tbody tr td .job-history-user .text-box{
    width: calc(100%  - 40px);
    padding-left: 15px;
}
.job-history-list table tbody tr td .job-history-user .text-box h4{
    color: #000000;
    font-size: 11.3px;
    font-weight: 400;
}
.job-history-list table tbody tr td .job-history-user .text-box a{
    color: #f03235;
    font-size: 10px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
.job-history-list table tbody tr td .complete-status{
    background-color: #9cd9ba;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    border-radius: 5px;
    width: 96px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.job-history-list table tbody tr td ul:after{
    position: absolute;
    content: "";
    left: -10px;
    top: 50%;
    background-color: #ececec;
    width: 1px;
    height: 100px;
    transform: translate(0, -50%);
}
.job-history-list table tbody tr td .detail-btn ul {
    display: flex;
    align-items: center;
    margin: 0 -13px;
    position: relative;
}
.job-history-list table tbody tr td .detail-btn  ul li {
    padding: 0 13px;
}
.job-history-list table tbody tr td .detail-btn ul li .btn-red{
    border-radius: 50px;
    width: 79px;
    height: 27px;
    display: block;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 11.12px;
    font-weight: 400; 
    line-height: 25px;
}
.job-history-list table tbody tr td .detail-btn  ul li a img{
    max-width: 21px;
    width: 100%;
}
.job-history-list table tbody tr td .attachment-holder{
    max-width: 83px;
    width: 100%;
}
.job-history-list table tbody tr td .attachment-holder ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px;
}
.job-history-list table tbody tr td .attachment-holder ul li{
    padding: 1px;
    width: 50%;
}
.job-history-list table tbody tr td .attachment-holder ul li img{
    max-width: 42px;
    width: 100%;
}
.job-history-list table tbody tr td p.red{
    color: #f03235;
}
/***** CUSTOMER DEFAULT VIEW CSS *****/
.customer-default-view{
    padding: 44px 29px 38px 29px;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid  rgb(247, 247, 247);

}
.customer-default-view h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 125px;
}
.customer-default-view .image-holder {
    position: relative;
    margin-left: 10px;
    display: inline-block;
}
.customer-default-view .image-holder img{
    max-width: 217px;

}
.customer-default-view .text-box{
    background: url(../images/sms-shape.png) no-repeat;
    width: 240px;
    height: 170px;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    position: absolute;
    top: -75px;
    right: -217px;
}
.customer-default-view .text-box p {
    color: #ef432b;
    font-size: 20px;
    font-weight: 400;
    max-width: 210px;
    text-align: center;
}
/***** CUSTOMER INFO ORDER VIEW CSS *****/
.heading h3{
    color: #000000;
    font-size: 24px;
    font-weight: 900;
}
.authorized-inner{
    background-color: #fff;
    border-radius: 6px;
    padding: 29px 28px;
    margin-top: 28px;
}
.authorized-inner .personal-info{
    padding-left: 60px;
}
.authorized-inner .personal-info.personal-info-authorized{
    border-right: 1px solid #efefef;
    padding-left: 0;
}
.authorized-history{
    padding:25px 0 0 0; 
}
.authorized-history .job-history-list table tbody tr td{
    background-color: #fff;
}
.authorized-history .job-history .heading{
    padding-bottom: 50px;
    margin: 0;
}
.authorized-info-oage .cutomer-detail-profile {
    padding: 40px 30px;
    margin-bottom: 44px;
}
/***** GRADES PAGE CSS *****/
.Grades-sec{
    border-top: 1px solid #e1e1e1;
    background-color: #fdfdfd;
    padding: 62px 0;
}
.grades-heading {
    text-align: center;
    margin-bottom: 70px;
}
.grades-heading h3{
    color: #f03235;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 30px;
}
.grades-heading p{
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px; 
}
.grade-detail{
    border-bottom: 1px solid #e1e1e1;
    padding: 90px 0 77px;
}
.grade-detail-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.grade-detail-box .image-holder{
    background-color: #ef432b;
    border-radius: 50%;
    max-width: 114px;
    width: 100%;
    height: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 70px;
    font-weight: 900;
}

.grade-detail-box h3{
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 35px;
}
.grade-detail-list .text-box  {
    margin-bottom: 50px;
}
.grade-detail-list .text-box:last-child{
    margin-bottom: 0;
}
.grade-detail-list .text-box h3{
    color: #000000;
    font-size: 33px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 24px;
}
.grade-detail-list .text-box p{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
}
.grade-detail-list .text-box ul li{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    margin-bottom: 25px;
    line-height: 20px;
    padding-left: 30px;
}
.grade-detail-list .text-box ul li:last-child{
    margin-bottom: 0;
}
.grade-detail-list .text-box ul li:after{
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    border-radius: 50%;
    background-color: #e1e1e1;
    width: 10px;
    height: 10px;
}
/***** PUBLIC PROFILE PAGE CSS *****/
.public-profile-page .setting-sidebar .profile-user a.grade{
    display: flex;
    align-items: center;
    justify-content: center;
}
.public-profile-page .setting-sidebar .profile-user a.grade img{
    max-width: 13px;  
    width: 100%;
    margin-left: 4px;
}
.public-profile-page .setting-sidebar .profile-user .btn-red{
    font-size: 11.12px;
    max-width: 80px;
    width: 100%;
    height: 27px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto 0;
}
.public-profile-page .setting-sidebar .profile-user .btn-red:focus{
    color: #f03235;
}
/***** PUBLIC RATTING CSS *****/
.public-ratting {
    padding: 55px 20px 0 35px;
}
.public-ratting ul li{
    color: #484747;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.public-ratting ul li:last-child{
    margin-bottom: 0;
}
.public-ratting ul li span.reco-status{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    background-color: #a1debf;
    border-radius: 5px;
    max-width: 126px;
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.public-ratting ul li:nth-child(2) p img{
    width: auto;
}
.public-ratting ul li p{
    max-width: 126px;
    width: 100%;
}
.public-ratting ul li p span {
    display: flex;
    align-items: center;
    color: #484747;
    font-size: 14px;
    max-width: 65px;
    width: 100%;
    font-weight: 400;
    margin: 0 auto;
    justify-content: flex-start;
}
.public-ratting ul li p img{
    margin-right: 19px;
    width: 15px; 
}
/***** PUBLIC DESCRIPTION CSS *****/
.public-description {
    padding: 0 20px 29px 36px;
    margin-top: 35px;
}
.public-description h3{
    color: #ef2b30;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px dotted #eeeeee;
    padding-top: 30px;
}
.public-description h3 a{
    color: #e5412a;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
}
.public-description p{
    color: #848484;
    font-size: 14px; 
    font-weight: 400;
    line-height: 24px;
}
.public-description-inner{
    border: 1px solid rgb(235, 235, 235);
    background-color: rgb(246, 250, 251);
    border-radius: 5px;
    margin-top: 14px;
}
.public-description-inner p{
    padding: 10px 15px;
}
.update-btn{
    border-top: 1px solid #e8eaea;
    display: flex;
    align-items: center;
    justify-content: center; 
    padding: 12px 0 16px;
}
.update-btn a{
    margin: 0 3px;
}
.update-btn a.btn-cancel{
    border: 1px solid #ef2b30;
    border-radius: 50px;
    font-size: 13px;
    color: #000;
    font-family: 'Lato', sans-serif;
    width: 92px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.update-btn a.btn-cancel:hover{
    background-color:#ef2b30;
    color: #fff;
}
.update-btn a.btn-red{
    max-width: 92px;
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 13px;
}
/***** PUBLIC TIPO CSS *****/
.public-tipo {
    padding: 0 36px;
}
.public-tipo h3{
    color: #ef2b30;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 6px;
}
.public-tipo p{
    color: #848484;
    font-size: 14px; 
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
}
.public-tipo p img{
    max-width: 13px;
    margin-left: 10px;
}
/***** PUBLIC CERTIFIED CSS *****/
.public-certified{
    padding: 30px 33px;

}
.public-certified h3{
    color: #ef2b30;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
} 
.public-certified h3 a{
    color: #e5412a;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
}
.public-certified h3 a img{
    max-width: 14px;
    margin-right: 6px;
}
.public-certified ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -5px
}
.public-certified ul li{
    color: #484747; 
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #d7d7d7;
    border-radius: 50px;
    padding: 5px 8px;
    margin: 5px 4px;
}
.public-certified .see-more{
    color: #f03235;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center; 
    margin-top: 15px;
}
.public-certified .see-more img{
    margin-right: 5px;
}
/***** PUBLIC VERIFICATION CSS *****/
.public-verification .heading{
    border-top: 1px dotted #ececec;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 36px;
}
.public-verification .heading h3{
    color: #ef2b30;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
.public-verification .heading span{
    color: #484747;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items:  center;
}
.public-verification .heading span img{
    margin-right: 9px;
}
.public-verification ul{
    padding: 23px 20px 25px 36px;
}
.public-verification ul li{
    color: #484747;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.public-verification ul li span{
    display: flex;
    align-items: center;
}
.public-verification ul li span strong{
    display: inline-block;
    width: 22px;
}
.public-verification ul li span img{
    margin-right: 10px;
}
.public-verification ul li p {
    width: 45px;
    display: flex;
    align-items: center;
}
.public-verification ul li p img{
    max-width: 15px;
    width: 100%;
}
.public-verification ul li p a{
    margin-left: 15px;
    display: inline-block;
}
/***** CERTIFICATE DIPLOMA CSS *****/
.certificates-diplomas h3{
    color: #ef2b30;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    border-top: 1px dotted #ececec;
    padding-top: 26px;
    margin: 0 36px;
}
.certificates-diplomas h3 img{
    max-width: 13px;
    margin-left: 5px;
}
.certificate-inner {
    padding: 28px 20px 28px 36px;
}
.certificate-inner ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.certificate-inner ul li .text-box{
    display: flex; 
}
.certificate-inner ul li .text-box span{
    max-width: 25px;
    width: 100%;
    text-align: center;
}
.certificate-inner ul li .text-box p{
    color: #484747;
    font-size: 12px;
    font-weight: 400;
    padding-left: 13px;
    max-width: 190px;
}
.certificate-inner ul li .check-mark img{
    max-width: 15px;
}
/***** PREVIOUS JOB CSS *****/
.previous-jod-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    margin: 0 20px 0 36px;
    border-top: 1px dotted #ececec;
}
.previous-jod h3{
    color: #ef2b30;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
.previous-jod ul{
    padding: 0 20px 0 36px ;
    display: flex;
    margin: 22px -1px 0;
}
.previous-jod ul li{
    position: relative;
    padding: 2px;
    width: 25%;
}
.previous-jod ul li img{
    max-width: 100%;
    width: 100%;
}
/***** PUBLIC PROFILE RIGHT CSS *****/
.public-profile-right .heading h3{
    color: #000000;
    font-size: 34px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 12px;
}
.public-profile-right .heading p{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.public-profile-list{
    background-color: #fff;
    padding: 0 40px;
    margin-top: 34px;
}
.public-profile-list ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.public-profile-list ul li{
    width: 25%;
    padding: 30px 25px;
}
.public-profile-list-box{
    position: relative;
}
.public-profile-list-box:hover .delegating-task{
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}
.public-profile-list ul li .card-box .label{
    background-color: #ef2b30;
}
.public-profile-list ul li .card-footer-box .text-ratting{
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
.public-profile-list ul li .card-footer-box .text-ratting img{
    max-width: 15px;
    margin-right: 10px;
}
.public-profile-list ul li .card-header-box .text-ratting{
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    justify-content: center;
    width: 40px;
}
.public-profile-list ul li .card-header-box .text-ratting img{
    max-width: 15px;
    margin-right: 10px;
}
.public-profile-list ul li .card-footer-box .apply-info a img{
    max-width: 15px;
}
.public-profile-list ul li .card-footer-box .apply-info .btn-round-small{
    border-radius: 50px;
    min-width: 108px;
    height: 38px;
    padding: 0;
    margin-right: 10px;
}
.public-profile-list .card-box .card-footer-box.card-footer-box-last{
    border-top: 2px solid #eeeeee;
    padding-top: 12px !important;
}
.public-profile-list .card-footer-box.card-footer-box-last .p-box {
    flex: inherit;
}
.public-profile-list .card-footer-box .p-box p {
    margin-top: 7px;
}
.delegating-task{
    color: #147e23;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    background-color: #a1debf;
    height: 37px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -37px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.public-profile-right .job-history-list table tbody tr td{
    background-color: #fff; 
}
.public-profile-right .job-history-list{
    border: 1px solid rgb(247, 247, 247);
}
.public-profile-right .job-history-list table tbody tr td .job-history-user .image-holder a img{
    margin: 0;
}
.public-profile-right .job-history-list table tbody tr td p{
    max-width: 440px;
}
.public-profile-right .job-history-list table tbody tr td .star-ratting{
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    width: 40px;
}
.public-profile-right .job-history-list table tbody tr td .star-ratting img{
    max-width: 15px;
    margin-right: 10px;
}
.public-profile-right .job-history-list table tbody tr td .complete-status{
    width: 130px;
}
.public-profile-right .see-more{
    margin-top: 60px;
}
.public-profile-right .job-history .btn-red{
    max-width: 149px; 
    padding: 0;
    width: 100%;
}
.pagination{
    justify-content: center;
    padding-bottom: 30px;
    background-color: #fff;
    padding: 50px 0;
}
.pagination ul{
    display: flex;
}
.pagination ul li.active a{
    background-color: #ef2b30;
    color: #fff;
}
.pagination ul li{
    padding: 0;
    width: auto;
}
.pagination ul li a{
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
/***** PRIVATE PROFILE PAGE CSS *****/
.public-profile-page .setting-rightside {
    padding: 115px 35px 57px 365px;
}
.public-profile-page .setting-sidebar{
    max-width: 340px;
    overflow-x: hidden; 
}
.setting-sidebar::-webkit-scrollbar {
    width: 5px;
    transition: color .3s ease;

}
.setting-sidebar:hover::-webkit-scrollbar-thumb{
    background: #f03235; 
    transition: color .3s ease;
}
.setting-sidebar::-webkit-scrollbar-track {
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    transition: color .3s ease;
}

.setting-sidebar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    transition: color .3s ease;
    background: #fff; 
}
.private-profile-page .setting-sidebar .profile-user .btn-red{
    max-width: 110px;
}

.public-ratting ul li a img{
    max-width: 15px;
    margin-left: 5px;
}
.public-ratting ul li strong{
    display: flex;
    align-items: center;
    font-weight: normal;
}
.public-ratting ul li strong a{
    margin-left: 6px;
    display: inline-block;
}
.private-profile-page .public-certified {
    padding: 30px 20px 12px 38px;
}
.public-certified-add{
    background-color: #f6fafb;
    border-radius: 5px;
    border: 1px solid #ebebeb;
}
.public-certified-add-box{
    padding: 20px 9px 22px;
}
.public-certified-add-box .form-control{
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: #a5a5a5;
    font-size: 13px;
    font-weight: 400;
    height: 45px;
    margin-bottom: 20px;
}
.public-certified-add-box .form-control:last-child{
    margin-bottom: 0;
}
.private-profile-page .public-certified ul{
    margin: 7px -6px 0;
}
.private-profile-page .public-certified ul li {
    border: none;
    border-radius: 0;
    margin: 5px 0 20px;
    height: 23px;
    text-align: center;
    padding: 5px 6px;
    font-size: 9px;
}
.private-profile-page .public-certified ul li .certified-inner {
    border: 1px solid #d7d7d7;
    border-radius: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    width: 117px;
    height: 23px;
    justify-content: center;
    margin-bottom: 7px;
}
.private-profile-page .public-certified ul li .certified-inner span {
    background-color: #dbdbdb;
    border-radius: 50px;
    max-width: 38px;
    width: 100%;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.private-profile-page .public-certified ul li .certified-inner span a {
    margin: 0 2px;
}
.private-profile-page .public-certified ul li .certified-inner span a img{
    max-width: 10px;
}
.private-profile-page .public-certified ul li .certified-inner p{
    width: calc(100% - 38px);
    font-size: 9px;
}
.certificates-diplomas .heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px dotted #ececec;
    margin: 0 20px 0 36px;
    padding-top: 26px;
}
.certificates-diplomas .heading h3 {
    color: #ef2b30;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    border-top: none;
    padding-top: 0;
    margin: 0;
    border: none;
}
.certificates-diplomas .heading a.add-btn{
    color: #e5412a;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
    display: flex;
    align-items: center;
}
.certificates-diplomas .heading a.add-btn img {
    max-width: 14px;
    margin-right: 6px;
}
.diplomas-add {
    background-color: #f6fafb;
    border: 1px solid #ebebeb;
    margin: 27px 20px 0 36px;
    border-radius: 5px;
}
.diplomas-add-inner{
    padding: 14px 6px;
}
.diplomas-add-inner .form-control{
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: #a5a5a5;
    font-size: 13px;
    font-weight: 400;
    height: 45px;
    margin-bottom: 20px;
}
.diplomas-add-inner textarea.form-control{
    height: 125px;
}
.diplomas-add-inner p{
    color: #a5a5a5;
    font-size: 9px;
    font-weight: 400;
    text-align: right;
}
.add-image{
    margin-top: 18px;
    margin-bottom: 22px;
}
.add-image a{
    color: #f03235;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
    display: flex;
    align-items: center;
}
.add-image a img{
    max-width: 15px;
    margin-right: 10px;
}
.diplomas-add-inner ul{
    display: flex;
}
.diplomas-add-inner ul li{
    padding: 
}
.diplomas-add-inner ul li .image-holder{
    position: relative;
}
.diplomas-add-inner ul li .image-holder a {
    position: absolute;
    top: -10px;
    right: 0;
}
.previous-jod h3 a {
    color: #e5412a;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
    display: flex;
    align-items: center;
}
.previous-jod h3 a img{
    max-width: 15px;
    margin-right: 5px;
}
.private-profile-page .previous-jod ul li img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 5px;
    height: 50px;
}   
.previous-jod ul li a{
    color: #999999;
    font-size: 10px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
    text-align: center;
    display: block;
}
.previous-jod ul li a.crose-list{
    width: 15px;
    height: 15px;
    background-color: #f03235;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -1px;
    top: -7px;
    z-index: 1;
}
.previous-jod ul li a.crose-list img {
    max-width: 7px;
    height: auto;
    margin: 0;
}
/***** IMAGE PDF MODAL CSS *****/
.image-pdf-modal .modal-dialog {
    max-width: 1280px; 
}
.image-pdf-modal .modal-content{
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0;
    border: none;
}
.image-pdf-modal .modal-header {
    border-bottom: none;
    padding: 30px 22px 28px 45px;
}
.image-pdf-modal .modal-header h5{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}
.modal-header-inner{
    display: flex;
    align-items: center;
}
.image-pdf-modal .modal-header .close {
    float: none;
    font-size: 0;  
    text-shadow: none;
    opacity: 1;
    position: static;
}
.image-pdf-modal .modal-header .close img{
    max-width: 20px;
}
.image-pdf-modal .modal-body {
    padding: 0 45px 45px;
}
/***** CAREERS PAGE CSS *****/
.careers-page .banner-hero{
    background: url(../images/career-banner-img.png) no-repeat;
    background-size: cover;
    padding: 155px 0 227px;
    border-top: 1px solid #e1e1e1;
}
.careers-page .banner-hero .text-holder h1 {
    color: #000;
    font-size: 48px;
    max-width: 500px;
    width: 100%;
    margin-bottom: 44px;
}
.careers-page .banner-hero .btn-red{
    max-width: 190px;
    width: 100%;
}
.career-sec{
    padding: 90px 0;
}
.career-box{
    margin-bottom: 92px;
}
.career-box:last-child{
    margin-bottom: 0;
}
.career-box .image-holder{
    padding-right: 40px;
}
.career-box .image-holder img{
    width: 100%;
}
.career-box .text-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: center;
}
.career-box .text-box h2 {
    color: #000000;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 25px 0 20px;
}
.career-box .text-box p{
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    margin-top: 53px;
    margin-bottom: 5px;
}
.career-box .text-box span{
    color: #999999;
    font-size: 24px;
    font-weight: 400;
} 
/***** CAREERS LIST PAGE CSS *****/
.careers-list-page .banner-hero{
    background: url(../images/career-listing-banner.png) no-repeat;
    background-size: cover;
    padding-bottom: 115px;
}
.careers-list-page .banner-hero .text-holder p {
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    max-width: 1020px;
    margin: 0 auto;
}
.career-listing-sec{
    padding: 90px 0;
}
.career-listing-sec .heading{
    text-align: center;
    margin-bottom: 20px;
}
.career-listing-sec .heading h2{
    text-align: center;
    color: #000000;
    font-size: 36px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 18px;
}
.career-listing-sec .heading p{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.career-listing-box {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    align-items: center;
    padding-bottom: 92px;
    padding-top: 70px;
}
.career-listing-box .text-box{
    max-width: 965px;
    width: 100%;
}
.career-listing-box .text-box h3{
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.career-listing-box .text-box p {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
    max-width: 870px;
}
.career-listing-box .reed-more{
    width: calc(100% - 962px);
}
.career-listing-box .reed-more .btn-red{
    font-size: 18px;
    font-weight: 400;
    border-radius: 50px;
    max-width: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/***** NEWS PAGE CSS *****/
.news-sec{
    border-top: 1px solid #e1e1e1;
    padding: 85px 0 50px;
}
.news-sec .heading{
    text-align: center;
    margin-bottom: 36px;
}
.news-sec .heading h2{
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #000;
    margin-bottom: 19px;
}
.news-sec .heading p{
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    font-family: 'Poppins', sans-serif;
}
.news-page .history-filter-dropdown {
    margin-left: auto;
    margin-bottom: 50px;
}
.news-box {
    margin-bottom: 46px;
}
.news-box .image-holder img{
    width: 100%;
}
.news-box .text-box{
    padding-top: 40px;
}
.news-box .text-box h3{
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 24px;
}
.news-box .text-box span{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
/***** JOB DETAIL PAGE CSS *****/
.job-detail-page .news-sec {
    padding: 85px 0 100px;
}
.job-detail-page .news-sec .heading {
    margin-bottom: 111px;
}
.job-detail .heading h2{
    color: #ef442c;
    font-weight: 900;
    font-size: 60px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}
.job-detail-box{
    margin-bottom: 70px;
}
.job-detail-box .text-box h3{
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.job-detail-box .text-box p{
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 40px;
}
.job-detail-box .text-box p:last-child{
    margin-bottom: 0;
}
.job-detail-box .text-box ul li{
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    font-weight: 300; 
    position: relative;
    padding-left: 38px;
}
.job-detail-box .text-box ul li:after{
    background-color: #ef3033;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 17px;
    height: 17px;
    border-radius: 50%;   
}
.job-detail-inner .btn-red{
    border-radius: 50px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
    margin: 40px 0 0 0;
}
/***** BLOG PAGE CSS *****/
.blog-page .banner-hero{
    background: url(../images/blog-banner-img.png) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 170px 0 115px;
}
.blog-page .banner-hero .text-holder h1 {
    font-size: 48px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    max-width: 770px;
    margin: 0 auto;
}
.blog-page .banner-hero .text-holder .btn-red{
    max-width: 190px;
    width: 100%;
    margin: 29px 0;
}
.blog-page .banner-hero .text-holder p{
    color: #eef1f4;
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
.blog-box{
    background-color: #fbfbfb;
    padding: 55px 0;
}
.blog-box-inner .image-holder img{
    width: 100%;
}
.blog-box-inner .text-box h2{
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 40px 0 25px;
}
.blog-box-inner .text-box ul {
    display: flex;
    align-items: center;
}
.blog-box-inner .text-box ul li{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.blog-box-inner .text-box ul li span{
    color: #ef432b;
    font-weight: 700;
    margin-left: 46px;
}
.blog-health{
    padding: 80px 0;
}
.blog-health .image-holder{
    position: relative;
}
.blog-health .image-holder img{
    width: 100%;
}
.blog-health .text-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-health .text-box h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 44px;
    max-width: 520px;
    margin: 0 auto;
    text-align: center;
}
.bolog-detail-box .image-holder img{
    width: 100%;
}
.bolog-detail-box {
    padding-bottom: 75px;
}
.bolog-detail-box .text-box{
    padding-top: 36px;
}
.bolog-detail-box .text-box h3{
    color: #000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 36px;
    max-width: 380px;
    margin-bottom: 34px;
}
.bolog-detail-box .text-box ul {
    display: flex;
    align-items: center;
}
.bolog-detail-box .text-box ul li{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.bolog-detail-box .text-box ul li span{
    color: #ef432b;
    font-weight: 700;
    margin-left: 46px;
}
/***** NEWSLETTER SEC CSS *****/
.blog-newsletter-sec{
    background: #083662 url(../images/newslatter-bg.png) no-repeat;
    background-position: left center;
    text-align: center;
    padding: 60px 0 115px;
}
.blog-newsletter-sec .text-box h3{
    color: #fff;
    font-size: 34px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
}
.blog-newsletter-sec .text-box p{
    color: #fff;
    font-size: 18px;
    font-weight: 300; 
    padding: 15px 0 35px;
}
.blog-newsletter-sec .text-box form{
    position: relative;
    max-width: 490px;
    margin: 0 auto;
}
.blog-newsletter-sec .text-box form .form-control{
    background-color: #214a72;
    border-radius: 50px;
    height: 60px;
    border: none;
}
.blog-newsletter-sec .text-box form .btn-red{
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    border-radius: 50px;
    max-width: 130px;
    width: 100%;
    position: absolute;
    right: 5px;
    top: 50%;
    padding: 0;
    height: 50px;
    transform: translate(0 , -50%);
}
.blog-newsletter-sec .text-box form .btn-red:focus{
    color: #ef432b;
}
/***** BLOG DETAIL PAGE CSS *****/
.blog-detail-sec {
    border-top: 1px solid #e1e1e1;
    padding: 0 0 50px 0;
}
.blog-detail-left{
    padding-top: 45px;
}
.blog-detail-left .heading h1{
    color: #000000;
    font-size: 48px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 20px;
}
.blog-detail-left .heading ul{
    display: flex;
    align-items: center;
    margin: 0 -22px;
}
.blog-detail-left .heading ul li{
    color: #999999;
    font-weight: 400;
    font-size: 18px;
    padding: 0 22px;
}
.blog-detail-left .heading ul li span{
    color: #ef432b;
    font-weight: 700;
}
.blog-detail-left .heading ul li strong{
    color: #000000;
    display: flex;
    align-items: center;
}
.blog-detail-left .heading ul li strong i{
    color: #d75a4a;
    margin-right: 7px;
}
.blog-detail-left-inner{
    margin-top: 30px;
}
.blog-detail-left-inner .image-holder img{
    width: 100%;
}
.blog-detail-left-inner .text-box{
    padding-top: 50px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
}
.blog-detail-left-inner .text-box p{
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
}
.like-heart{
    padding: 26px 0;
}
.like-heart span{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.like-heart span a i{
    font-size: 22px;
    margin-left: 7px;
    color: #9d9d9d
}
.like-heart span a i.with-fill{
    display: none;
    color: #ef432b;
}
.like-heart.active a i.without-fill{
    display: none;
}
.like-heart.active a i.with-fill{
    display: inline-block;;
}
.blog-social{
    display: flex;
    align-items: center;
    margin: 30px 0 0 0;
}
.blog-social span{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-right: 33px;
}
.blog-social ul{
    display: flex;
    align-items: center;
    margin: 0 -7px;
}
.blog-social ul li{
    padding: 0 7px;
}
.most-viewed{
    background-color: #fbfbfb;
    padding: 50px 25px;
}
.most-viewed h3 {
    color: #ef442c;
    font-size: 24px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 45px;
}
.most-viewed-box{
    display: flex;
    margin-bottom: 50px;
}
.most-viewed-box:last-child{
    margin-bottom: 0;
}
.most-viewed-box .image-holder{
    max-width: 148px;
    width: 100%;
}
.most-viewed-box .text-box{
    width: calc(100% - 148px);
    padding-left: 18px;
}
.most-viewed-box .text-box h4 a{
    line-height: 24px;
    color: #000;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}
.most-viewed-box .text-box p{ 
    color: #999999;
    font-size: 14px;
    font-weight: 400; 
    margin-top: 25px;
}
.subscribe-news{
    background: #083662 url(../images/subscribe-news-bg.png) no-repeat;
    background-position: bottom left;
    text-align: center;
    padding: 40px 26px 36px;
}
.subscribe-news h3{
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    max-width: 280px;
    margin: 0 auto 18px;
}
.subscribe-news p{
    color: #fff;
    font-size: 18px;
    font-weight: 300; 
    line-height: 24px;
    margin-bottom: 50px;
}
.subscribe-news .form-control{
    color: #a5a5a5;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    height: 49px;   
}
.subscribe-news .btn-red{
    max-width: 222px;
    width: 100%;
    margin-top: 22px;
}
/***** INFORMATION PAGE CSS *****/
.information-sec {
    border-top: 1px solid #e1e1e1;
    padding: 85px 0;
}
.information-sec .heading h2 {
    color: #000;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    max-width: 730px;
    margin: 0 auto;
}
.information-inner {
    max-width: 850px;
    margin: 72px auto 0;
}
.information-inner .text-box p{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 38px;
    line-height: 36px;
}
.information-inner .text-box p:last-child{
    margin-bottom: 0;
}
.information-inner .image-holder {
    height: 100%;
}
.information-inner .image-holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.information-inner .text-inner p{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
}
.information-box{
    margin: 50px 0 60px;
}
.information-img{
    margin-top: 64px;
}
.information-img img{
    width: 100%;
}
/***** PLANNED TASKS PAGE CSS *****/
.scheduled-tasks .heading{
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.scheduled-tasks .heading h2{
    color: #000;
    font-size: 34px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-right: 37px;
}
.scheduled-tasks .heading ul{
    display: flex;
    align-items: center;
}
.scheduled-tasks .heading ul li a.btn-red{
    border-radius: 50px;
    font-size: 14px;
    font-family: 'Leto', sans-serif;
    max-width: 100px;
    width: 100%;
    height: 34px;
}
.scheduled-tasks .heading ul li a img{
    max-width: 15px;
    margin-left: 15px;
}
.scheduled-tasks p{
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.planned-tasks-inner{
    padding-top: 60px;
}
.planned-tasks-inner .job-history .heading h3{
    margin-bottom: 25px;
}
.planned-tasks-inner .job-history-list{
    margin-bottom: 20px;
}
.planned-tasks-inner .job-history-list table tbody tr td ul:after{
    display: none;
}
.planned-tasks-inner .job-history-list table tbody tr td{
    background-color: #fff;
}
.planned-tasks-inner .job-history-list table tbody tr td .logo-holder {
    max-width: 143px;
    width: 100%;
}
.planned-tasks-inner .job-history-list table tbody tr td .complete-status{
    margin-bottom: 10px;
}
.planned-tasks-inner  .job-history-list table tbody tr td .detail-btn ul li {
    padding: 0 5px;
}
.planned-tasks-inner .job-history-list table tbody tr td p {
    max-width: 280px;
}
.show-more{
    text-align: center;
    margin: 40px 0 0 0;
}
.planned-tasks-notifications .job-history-list table tbody tr td {
    background-color: #fff;
    position: relative;
}
.planned-tasks-notifications .job-history-list table tbody tr td span img{
    max-width: 15px;
    margin-left: 5px;
}
.planned-tasks-notifications .job-history-list table tbody tr td  p.red{
    margin-top: 10px;
}
.planned-tasks-notifications .job-history-list table tbody tr td .detail-btn ul li {
    padding: 0 6px;
}
.planned-tasks-notifications .job-history-list table tbody tr td .detail-btn ul {
    margin: 0 -6px;
    justify-content: center;
}
.inprogress-btn{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    background-color: #fffcc6;
    border-radius: 5px;
    max-width: 96px;
    width: 100%;
    height: 24px;
    display: flex;
    align-items: center;
    margin: 14px auto 0;
    justify-content: center;
}
.planned-tasks-notifications .job-history-list table tbody tr td .trello-holder{
    max-width: 84px;
    width: 100%;
}
.planned-tasks-notifications .job-history-list table tbody tr td ul:after{
    display: none;
}
.planned-tasks-notifications .job-history-list table tbody tr td.detail-inpro:after{
    position: absolute;
    content: "";
    left: -10px;
    top: 50%;
    background-color: #ececec;
    width: 1px;
    height: 100px;
    transform: translate(0, -50%);
}
.planned-tasks-inner .job-history-list table tbody tr td .detail-btn ul li a.edit-btn{
    text-align: center;
}
.planned-tasks-inner .job-history-list table tbody tr td .detail-btn ul li a.edit-btn img{
    max-width: 13px;
    margin-right: 5px;
}
/***** PLANNED TASKS PAGE CSS *****/
.admin-assistant-sec{
    background-color: #fff;
    border-radius: 11px;
    padding: 25px 37px 25px 10px;
    margin-top: 40px;
}

.admin-assistant-top .nav-pills{
    border-bottom: 1px solid #e1e1e1;
    max-width: 710px;
    width: 100%;
}
.admin-assistant-top .nav-pills .nav-item{
    margin: 0 37px;
}
.admin-assistant-top .nav-pills .nav-item:first-child{
    margin-left: 28px;
}
.admin-assistant-top .nav-pills .nav-item .nav-link{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    border-radius: 0;
    padding: 0 0 20px 0;
    border-bottom: 8px solid transparent;
    position: relative;
}
.admin-assistant-top .nav-pills .nav-item .nav-link span{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ef432b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -11px;
    right: -23px;
}
.admin-assistant-top .nav-pills .nav-item .nav-link.active{
    background-color: transparent;
    color: #000000;
    border-color: #07335f;
}
.admin-assistant-bottom{
    padding-left: 28px;
    padding-top: 60px;
}
.create-request{
    display: flex;
}
.create-request .create-request-left {
    max-width: 705px;
    width: 100%;
}
.create-request .create-request-left ul {
    display: flex;
    align-items: center;
    margin: 0 -26px;
}
.create-request .create-request-left ul li{
    display: flex;
    align-items: center;
    padding: 0 26px;

}
.create-request .create-request-left ul li .btn-red{
    max-width: 145px;
    width: 100%;
    height: 45px;
    font-size: 14px;
}
.create-request .create-request-left ul li img{
    max-width: 15px;
    margin-left: 12px;
    cursor: pointer;
}
.admin-summary{
    background-color: rgb(246, 250, 251);
    height: 402px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 705px);
    margin: -110px 0 0 0;
}
.admin-summary-creat{
    text-align: center;
}
.admin-summary-creat h3{
    color: #000000;
    font-size: 33px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 10px;
}
.admin-summary-creat p{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.admin-assigned {
    margin-bottom: 40px;
}
.admin-assigned h3 {
    color: #000000;
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 60px;
    margin-top: -35px;
}
.admin-assigned-box{
    margin-bottom: 20px;
}
.admin-assigned-box:last-child{
    margin-bottom: 0;
}
.admin-assigned-inner .admin-assigned-box label{
    color: #848484;
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin: 0 0 12px 0;
}
.admin-assigned-inner .admin-assigned-box label span{
    color: #ee2229;
}
.admin-assigned-inner .admin-assigned-box label span img{
    max-width: 15px;
    margin-left: 5px;
}
.admin-assigned-inner {
    background-color: #f7f7f7;
    padding: 37px 50px 37px 20px;
}
.admin-assigned-inner .admin-assigned-box .user-form{
    position: relative;
}
.admin-assigned-inner .admin-assigned-box .user-form .form-control{
    color: #a5a5a5;
    font-size: 12px;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
}
.admin-assigned-inner .admin-assigned-box .user-form a.search-btn {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
}
.admin-assigned-inner .admin-assigned-box .user-form a.search-btn img{
    max-width: 10px;
}
.admin-assigned-inner .admin-assigned-box .user-form .task-btn{
    color: #f03235;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
    text-decoration: underline;
    display: block;
    margin-top: 15px;
}
.admin-assigned-inner .admin-assigned-box .user-form textarea.form-control{
    height: 120px;
    resize: none;
}
.admin-assigned-inner .admin-assigned-box .user-form ul {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    border-top: 1px dotted #ededed;
    width: 100%;
    padding: 8px;
    margin: 0 -5px;
}
.admin-assigned-inner .admin-assigned-box .user-form ul li{
    padding: 0 5px;
}
.input-group-append{
    display: none;
}
.fancyme-tags.black input[type=button]{
    display: none;
}
.fancyme-tags input[type=text]{
    color: #a5a5a5;
    font-size: 12px;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    width: 100%;
    height: 30px;
}
.fancyme-tags #shownlist {
    margin-top: 0;
    padding-left: 3px;
}
.fancyme-tags.black #shownlist span{
    background-color: #f8b4aa;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    max-width: 45%;
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.fancyme-tags #shownlist span a{
    font-weight: 400;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f03235;
    font-size: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    top: -8px;
    right: -6px;
}
.admin-assigned-info{
    display: flex;
    margin: 0 -6px;
}
.admin-assigned-info .admin-assigned-box{
    padding: 0 6px;
}
.admin-assigned-save{
    margin-top: 45px;
}
.admin-assigned-save ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin:  0 -15px;
}
.admin-assigned-save ul li{
    padding: 0 15px;
}
.admin-assigned-save ul li a.btn{
    min-width: 130px;
    width: 100%;
}
.admin-assigned-save ul li a.btn-cancel{
    border: 1px solid #000;
}
.admin-user{
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.admin-user .image-holder{
    max-width: 48px;
    width: 100%;
}
.admin-user .text-box {
    width: calc(100%  - 48px);
    padding-left: 10px;
}
.admin-user .text-box h4{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}
.admin-user .text-box a{
    color: #f03235;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
    display: block;
    margin-top: 5px;
}
.admin-assigned-inner .admin-assigned-box .user-form .categorias{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    background-color: #f7dedb;
    border-radius: 5px;
    max-width: 102px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.assistant-task-assign {
    margin-bottom: 55px;
}
.assistant-task-assign h3{
    color: #000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 7px;
}
.assistant-task-assign-inner table{
    width: 100%;
}
.assistant-task-assign-inner table thead tr th{
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    padding: 23px 0;
}
.assistant-task-assign-inner table tbody tr td {
    background-color: #f7f7f7;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    padding: 40px 25px;
    position: relative;
    cursor: pointer;
}
.assistant-task-assign-inner table tbody tr td.Complain-box{
    background-color: #fcf9c7;
}
.assistant-task-assign-inner table tbody tr td .Complain-creditos{
    width: 85px;
}
.assistant-task-assign-inner table tbody tr td .Complain-john{
    width: 170px;
}
.assistant-task-assign-inner table tbody tr td .pause-btn{
    width: 120px;
    text-align: center;
}
.assistant-task-assign-inner table tbody tr td span{
    color: #848484;
    margin-bottom: 13px;
    display: block;
}
.assistant-task-assign-inner table tbody tr td .assign-timer img{
    max-width: 15px;
    margin-bottom: 11px;
}
.assistant-task-assign-inner table tbody tr td .assign-timer a{
    color: #f03235;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
    display: block;
    margin-top: 11px;
    display: block;
}
.assistant-task-assign-inner table tbody tr td  .john-user{
    display: flex;
}
.assistant-task-assign-inner table tbody tr td .john-user .image-holder{
    max-width: 40px;
    width: 40px;
    text-align: center;
}
.assistant-task-assign-inner table tbody tr td .john-user .image-holder  img{
    margin-bottom: 12px;
}
.assistant-task-assign-inner table tbody tr td .john-user .text-box{
    width: calc(100%  - 40px);
    padding-left: 14px;
}
.assistant-task-assign-inner table tbody tr td .john-user .text-box h4{
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 5px;
}
.assistant-task-assign-inner table tbody tr td .john-user .text-box a{
    color: #f03235;
    font-size: 10px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
}
.assistant-task-assign-inner table tbody tr td p.Descripcion{
    width: 245px;
}
.assistant-task-assign-inner table tbody tr td p.red{
    color: #f03235;
}
.assistant-task-assign-inner table tbody tr td a{
    color: #f03235;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
    text-decoration: underline;
    margin-top: 11px;
    display: block;
}
.pause-btn ul{
    display: flex;
    align-items: center; 
    margin: 0 -6px;
    justify-content: center;
}
.assistant-task-assign-inner table tbody tr td .pause-btn ul li {
    padding: 0 6px
}
.assistant-task-assign-inner table tbody tr td .pause-btn ul li .btn-red{
    color: #fff;
    border-radius: 50px;
    min-width: 80px;
    height: 27px;
    text-decoration: none;
    padding: 0;
    width: 100%;
    display: flex;
}
.assistant-task-assign-inner table tbody tr td .pause-btn ul li .btn-red img{
    max-width: 10px;
    margin-right: 5px;
}
.assistant-task-assign-inner table tbody tr td .pause-btn ul li a img{
    max-width: 20px;
}
.assistant-task-assign-inner table tbody tr td.john-user-main:after,
.assistant-task-assign-inner table tbody tr td.pause-btn-main:after{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 88%;
    background-color: #ececec;
}
.assistant-task-assign-inner table tbody tr td.john-user-main:before,
.assistant-task-assign-inner table tbody tr td.creditos:before{
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 88%;
    background-color: #ececec;
}
.pause-btn .dropdown .btn-secondary {
    border-radius: 5px;
    background-color: rgba(0, 166, 81, 0.36);
    width: 106px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    border: none;
    padding: 0;
    font-weight: 400;
    margin-top: 15px;
}

.pause-btn .dropdown .btn-secondary.dropdown-toggle::after {
    border-top: 5px solid;
    margin-left: 10px;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
}
.pause-btn .dropdown  .dropdown-menu{
    border: none;
    border-radius: 0;
    padding: 5px 0;
    margin-top: 10px;
    min-width: 100%;
    background-color: #f2f2f2;
}
.pause-btn .dropdown .dropdown-menu a{
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    padding: 5px 20px;
    margin: 0;
}
.pause-btn .dropdown .dropdown-menu a:after{
    position: absolute;
    content: "";
    left: 7px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #fff799;
    border: 1px solid #e2e2e2;
}
.pause-btn .dropdown .dropdown-menu a:nth-child(2):after{
    background-color: #a1dabd;
}
.pause-btn .dropdown .dropdown-menu a:nth-child(3):after{
    background-color: #f3878b;
}
.pause-btn .dropdown .dropdown-menu a:nth-child(4):after{
    background-color: #ffc499;
}
.pause-btn .dropdown .dropdown-menu a:nth-child(5):after{
    background-color: #92b9d3;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: rgba(0, 166, 81, 0.36);
    border-color: rgba(0, 166, 81, 0.36);;
}
.admin-assistant-box-second .admin-summary {
    display: block;
    padding: 30px;
}
.admin-summary-user{
    text-align: center;
}
.admin-summary-user h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 27px;
}
.admin-summary-user img{
    width: 70px;
}
.admin-summary-user h4{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 4px 0 1px;
}
.admin-summary-user a{
    color: #f03235;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Leto', sans-serif;
}
.admin-summary .text-box .text-box-inenr ul li{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-between;
}
.admin-summary .text-box .text-box-inenr ul li span {
    max-width: 203px;
    width: 100%;
}
.admin-summary .text-box .summary-btn{
    margin-top: 43px;
}
.admin-summary .text-box .summary-btn ul{
    display: flex;
    align-items: center;
    margin: 0 -4px;
}
.admin-summary .text-box .summary-btn ul li {
    padding: 0 4px;
}
.create-request-filter{
    max-width: 705px;
    width: 100%;
    padding-right: 50px;
}
.create-request-filter ul{
    display: flex;
    align-items: center;
    margin: 0 -12px;
}
.create-request-filter ul li {
    position: relative;
    margin: 0 12px;
    width: 33.3%;
}
.create-request-filter ul li .form-control{
    background-color: #f6fafb;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    height: 36px;
    color: #a5a5a5;
}
.create-request-filter ul li span{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
}
.create-request-filter ul li span img,
.create-request-filter ul li a.search-btn img{
    max-width: 15px;
}
.create-request-filter ul li a.search-btn {
    background-color: #ed1f26;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 5px 5px 0;
    position: absolute;
    top: 1px;
    right: 0;
}
.choose-resume {
    margin: -30px 0 0 0;
}
.choose-resume h3{
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 9px;
}
.choose-resume p{
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.choose-resume ul{
    display: flex;
    margin: 40px -5px 0;
}
.choose-resume ul li {
    padding: 0 5px;
}
.choose-resume .nav-pills .nav-item a.nav-link{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #ffeae7;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 216px;
    width: 100%;
    border-radius: 0 !important;
    height: 78px;
    border-bottom: 10px solid #ee2229;
}
.choose-resume ul li a{}
.choose-resume .nav-pills .nav-item.blue-color a.nav-link{
    border-color: #0072bc;
    background-color: #f6fafb;
}
.choose-resume .nav-pills .nav-item.orange-color a.nav-link{
    border-color: #f26522;
    background-color: #f6fafb;
}
.choose-resume .nav-pills .nav-item.green-color a.nav-link{
    border-color: #00a651;
    background-color: #f6fafb;
}
.choose-resume .nav-pills .nav-item.purpal-color a.nav-link{
    border-color: #a864a8;
    background-color: #f6fafb;
}
.assistant-task-assign-inner table tbody tr td .attachment-holder {
    max-width: 83px;
    width: 100%;
}
.assistant-task-assign-inner table tbody tr td .attachment-holder ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px;
}
.assistant-task-assign-inner table tbody tr td .attachment-holder ul li{
    padding: 1px;
    width: 50%;
}
.assistant-task-assign-inner table tbody tr td .attachment-holder ul li img {
    max-width: 42px;
    width: 100%;
}
.assistant-task-assign-inner table tbody tr td.john-user-main{
    width: 204px;
}
.assistant-task-assign.assistant-task-assign-second {
    margin: 24px 0 0 0;
}
.assistant-task-assign.assistant-task-assign-second table tbody tr td:first-child{
    border-left: 14px solid #0072bc;
}
.assistant-task-assign.assistant-task-assign-second table tbody tr.green-border td:first-child{
    border-left: 14px solid #00a651;
}
.assistant-task-assign.assistant-task-assign-second table tbody tr.orange-border td:first-child{
    border-left: 14px solid #f26522;
}
.assistant-task-assign.assistant-task-assign-second table tbody tr.purpal-border td:first-child{
    border-left: 14px solid #a864a8;
}
.assistant-task-assign.assistant-task-assign-second table tbody tr.purpal-border td .pause-btn .dropdown .btn-secondary{
    background-color: #c1d6e4;
}
.login-modal-main{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 100px 0;
    border-top: 1px solid rgb(225, 225, 225);
}
.login-page .login-modal-inner .text-box{
    padding: 0;
    width: 100%;
}

/*************************************
BECOME ASSISTANT
***************************************/

.profile_holder .image-holder {
    max-width: 150px;
    margin-bottom: 60px;
}

.profile_holder .account-prfile {
    position: relative;
}

.profile_holder .account-prfile a {
    position: absolute;
    right: 14px;
    bottom: -10px;
}

.profile_holder p {
    color: #848484;
    font-size: 12px;
    font-weight: 400;
    margin-top: 25px;
}

.assistant_banner .text-box p {
    max-width: 640px;
}

.btn-group .btn-secondary.mx-width {
    max-width: 218px;
}

.information-assist-inner .info-feild .form-group textarea.form-control {
    height: auto;
    resize: inherit;
    min-height: 235px;
    color: #000;
}
.information-assist-inner .info-feild .form-group textarea.form-control::placeholder{
    color: #b4b8bb;
}
.form-attachment {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;
}

.form-attachment li .image-holder {
    position: relative;
}

.form-attachment li .image-holder a {
    position: absolute;
    top: -10px;
    right: 0;
}

.attachment_main h4 {
    color: #484747;
    font-weight: 700;
    font-size: 14px;
    display: block;
    margin: 0 0 13px 0;
}

.attachment_main h5 {
    font-size: 12px;
    margin-bottom: 10px;
}

.information-assist p strong {
    display: block;
    font-weight: 400;
}

.radio-style {
    opacity: 0;
    position: absolute;
}

.checkbox-style,
.radio-style,
.radio-style-2-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-style:checked+.radio-style-2-label:before {
    background: #ef432b;
    box-shadow: inset 0px 0px 0px 4px #f6fafb;
}

.radio-style-2-label:before {
    border-radius: 50%;
}

.radio-style-2-label:before {
    content: '';
    background: #f6fafb;
    border: 1px solid #b7b7b7;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 0;
    line-height: 1;
    text-align: center;
    margin: 0 auto;
}

.skill-bar {
    display: flex;
    flex-wrap: wrap;
    height: 55px;
    align-items: center;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(246, 250, 251);
}

.skill-bar li {
    width: 20%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ebebeb;
}
.skill-bar li:last-child{
    border-right: 0;
}

.skill-bar .radio {
    margin: 0;
    padding: 0;
}

.skill-bar .radio label {
    display: inline-flex;
    flex-direction: column-reverse;
    text-align: center;
    margin: 0;
}

.skill-bar .radio label span {
    color: #484747;
    display: block;
    margin-bottom: 7px;
    font-weight: 400;
}

.information-assist-inner-2 {
    max-width: 818px;
}

.option_work ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start !important;
    margin-top: 33px;
    margin-bottom: 15px !important;
}

.option_work ul li {
    margin-bottom: 20px;
}

.counter-card {
    display: flex;
    max-width: 214px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

.counter-box {
    position: relative;
}

.counter-card .qu-work {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 34px;
    font-size: 14px;
}

.btn-quainty {
    display: flex;
}

.btn-quainty a.btn-number {
    color: #f03235;
    font-size: 30px;
    background-color: #f6fafb;
    border-left: 1px solid #ebebeb;
    height: 100%;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter-card .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding-left: 10px !important;
    border-right: none !important;
}

.id_main {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
    margin-bottom: 82px;
}

.id_main ul li a {
    font-size: 14px;
    color: #2b2b2b;
}

.cst-form-holder {
    max-width: 780px;
    margin: 0 auto;
}

.cst-form-holder h4 {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 23px;
}

.cst-form-holder a {
    color: #ef2e32;
    font-size: 14px;
    text-decoration: underline;
}

.cst-form-holder .check {
    text-align: left;
    font-size: 14px;
    flex: 1;
}

.cst-form-holder .check .checkmark {
    top: 0;
}

.cst-form-holder .btn-toolbar {
    margin-top: 80px;
    display: flex !important;
    align-items: center;
}
.btn-toolbar .btn-red{
    max-width: 217px;
    width: 100%;
    padding: 0;
}
#step-6 .btn-toolbar .btn-red,
#step-5 .btn-toolbar .btn-red{
    min-width: 120px;
}
.tooltip-inner {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding: 10px 10px;
}

.btn-group .btn-secondary {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background-image: -moz-linear-gradient( 90deg, rgb(237, 28, 36) 0%, rgb(241, 61, 61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237, 28, 36) 0%, rgb(241, 61, 61) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237, 28, 36) 0%, rgb(241, 61, 61) 100%);
    border-radius: 5px;
    max-width: 174px;
    width: 100%;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.become-expert-page .option_work {
    max-width: 610px;
    width: 100%;
    margin: 0 auto;
}
.become-expert-page #step-3 .btn-toolbar{
    max-width: 608px;
    text-align: right !important;
    margin: 0 auto;
}
.become-expert-page #step-3 .btn-toolbar .btn-group{
    display: block !important;
}
.option_work ul.form-attachment{
    flex-direction: row;
    justify-content: flex-start;
    margin: 0;
}
/**** INPUT TYP FILE STYLE CSS****/
.custom-file-input {
    color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: 'Add Attachment';
    background: url(../images/plus-icon.png) no-repeat;
    background-position: center left;
    color: #e5412a;
    display: inline-block;
    /*background: transparent;*/
    border: none;
    border-radius: 0;
    padding: 0;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer; 
    font-weight: 400;
    font-size: 14px;
    font-family: 'Leto', sans-serif;
    width: 150px;
    text-align: center;
}
.custom-file-input:hover::before {
    border-color: black;
}
.custom-file-input:active {
    outline: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: 1;
}

.become-expert-page .cst-form-holder .btn-toolbar {
    margin-top: 5px;
}
.become-expert-page  .cst-form-holder a {
    padding-left: 45px;
    margin-top: 20px;
    display: block;
}
.sidebar-menu-arrow{
    margin-bottom: 20px;
    display: none;
}
.sidebar-menu-arrow img{
    max-width: 20px;
}
/**** WARNING POP UP STYLE CSS****/
.warning-modal .request-task span{
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 16px;
}

/**** INPUT TYPE FILE STYLE CSS ****/

.security-detail .verify-btn [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}

.security-detail .verify-btn [type="file"] + label {
    background: #f03235;
    border: 1px solid #f03235;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: 'Leto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    outline: none;
    padding: 0;
    position: relative;
    max-width: 145px;
    height: 33px;
    transition: all 0.3s;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.security-detail .verify-btn [type="file"] + label:hover {
    background-color: #f35a5d;
    border-color: #f35a5d;
}

/**** ATTACHMENT INPUT TYPE FILE STYLE CSS ****/

.attachment-btn [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}

.attachment-btn [type="file"] + label {
    color: #f03235;
    cursor: pointer;
    display: flex;
    font-family: 'Leto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    outline: none;
    padding: 0;
    position: relative; 
    transition: all 0.3s;
    vertical-align: middle;
    align-items: center;
    justify-content: flex-start;
    margin-left: auto;
}
.attachment-btn [type="file"] + label img{
    margin-right: 5px;
}
.comments-btn .attachment-btn [type="file"] + label img{
    max-width: 25px;
    width: 100%;
}
.comments-btn .attachment-btn{
    margin: -15px 0 0 0;
}
.succesful-modal .compare-contact-inner .title p{
    color: #000000;
    font-size: 24px;
    font-weight: 300;
}
.succesful-modal .compare-contact-inner .title a{
    color: #ef432b;
    font-size: 13px;
    font-weight: 400;
    display: block;
    margin-top: 30px;
}
.succesful-modal .compare-contact-inner .title a img{
    margin-right: 10px;
}
/************************************************
CUSTOM CSS 2
*****************************************/

.clip_file input {
    display: none;
}

.dashboard-time h3 a {
    color: #ef432b;
    font-size: 14px;
    font-weight: 400;
    margin-left: 30px;
    text-decoration: underline;
}

.dashboard-time .btn.btn-red {
    height: 32px;
    border-radius: 16px;
    font-size: 14px;
    padding: 0 11px;
}

.action_request p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.action_request p span {
    cursor: pointer;
}

.action_request {
    margin-top: 10px;
    padding: 15px 0 0;
}

.dashboard-time .docs_files li {
    max-width: initial;
    width: initial;
    background-color: #fff;
    height: auto;
    display: inline-flex;
    margin: 9px 13px 5px 0;
}

.dashboard-time .docs_files {
    display: flex;
    flex-wrap: wrap;
}

.dashboard-time .docs_files li a {
    font-size: 14px;
    color: #848484;
    margin-top: 8px;
    display: block;
}

.dashboard-time .docs_files li a img {
    display: inline;
}

.cst_drop {
    min-width: 110px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.dashboard-time .docs_files li .cst_drop a {
    padding: 5px;
    font-size: 12px;
    margin: 0;
}

.request_holder {
    margin-bottom: 11px;
}

.file_box .add-image {
    margin: 0;
    display: inline-flex;
    margin-left: 15px;
}

.file_box h3 {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.file_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.file_box .btn.btn-red {
    width: 58px;
    height: 20px;
    font-size: 9px;
    border-radius: 10px;
}
.file_box .clip_file{
    display: flex;
    align-items: center;
}
.file_box .clip_file .attachment-btn{
    margin-left: 20px;
}
.edit_btn2 {
    width: 58px;
    height: 20px;
    font-size: 9px;
    border-radius: 10px;
}

.dashboard-facturas ul li {
    position: relative;
}

.dashboard-facturas ul li a.remove {
    position: absolute;
    top: -10px;
    right: -5px;
    z-index: 1;
}
.dashboard-facturas ul li a.remove img{
    max-width: 12px;
}
.assistent_decision_form label {
    font-size: 14px;
    color: #484747;
    font-weight: 700;
    display: block;
    margin: 0 0 8px 0;
}

.assistent_decision_form label a {
    font-weight: 400;
}

.assistent_decision_form label span {
    color: #f03235;
}

.assistent_decision_form .form-control {
    border-width: 1px;
    border-color: #ebebeb;
    border-style: solid;
    border-radius: 5px;
    background-color: #f6fafb;
    height: 45px;
    color: #000;;
}

.assistent_decision_form select.form-control {
    padding-left: 15px;
    background: #f6fafb url(../images/down-arrow.png) 98% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.assistent_decision_form textarea.form-control {
    height: auto;
    min-height: 145px;
    resize: inherit;
}
.assistent_decision_form .form-control::placeholder{
    color: #b4b8bb;
}

.more_btn {
    color: #f03235;
    font-size: 14px;
}

.more_btn img {
    max-width: 15px;
    margin-right: 10px;
}

.more_btn:hover {
    color: #f03235;
}

.card-form_body {
    position: relative;
}

.card-form_body .minus {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #f03235;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10.5px;
    top: -10.5px;
    cursor: pointer;
}

.card-form_body .img-holder {
    width: 100%;
    height: 100%;
    background-color: #f6fafb;
    position: relative;
}

.card-form_body .img-holder span,
.card-form_body .dashboard-facturas ul li span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 16px;
}

.card-form_body {
    padding: 13px;
    border-width: 1px;
    border-color: #f03235;
    border-style: solid;
    margin-bottom: 30px;
}

.card-form_body .file_box h3 {
    font-weight: 400;
}

.card-form_body .dashboard-facturas ul li {
    background-color: #f6fafb;
    width: 42px;
    height: 42px;
    z-index: 82;
    position: relative;
}

.price_detail h3 {
    font-size: 18px;
    color: #484747;
}

.price_detail p {
    font-weight: 700;
    color: #f03235;
}

.price_detail {
    margin-top: 20px;
}

.price_detail a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: #484747;
    display: inline-block;
    margin-bottom: 8px;
}

.price_detail .form-row {
    align-items: center;
}

.price_detail .form-row label {
    margin: 0;
    font-weight: 400;
    color: #000000;
}

.card-form_body .btn {
    min-width: 90px;
    height: 31px;
    padding: 0;
    font-size: 13px;
    border-radius: 15.5px;
}
/**** ATTACHMENT INPUT TYPE FILE STYLE CSS ****/
.form_wrapper .img-holder {
    background-color: transparent;
}
.form_wrapper .img-holder [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}

.form_wrapper .img-holder [type="file"] + label {
    color: #000;
    cursor: pointer;
    background-color: #f6fafb;
    display: flex;
    font-family: 'Leto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    outline: none;
    margin: -20px 0 0 0;
    padding: 0 0;
    height: 100%;
    position: relative; 
    transition: all 0.3s;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.form_wrapper .img-holder [type="file"] + label img{
    margin-right: 5px;
}
/**** ASSISTANT EXPERTS LANDING PROCESS STYLE CSS ****/
.process-banner-sec {
    text-align: center;
}
.process-banner-sec figure{
    margin: 0;
}
.process-banner-sec .image-holder{
    position: relative;
}
.process-banner-sec .image-holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.process-banner-sec .text-box{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 65px;
    padding: 0 15px;
}
.process-banner-sec .text-box h1{
    color: #fff;
    font-weight: 700;
    font-size: 33px;
    font-family: 'Roboto Condensed', sans-serif;
}
.process-banner-sec .text-box p{
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    padding: 15px 0 40px;
    max-width: 690px;
    margin: 0 auto;
}
.professional-services-sec {
    padding: 110px 0 0 0;
}
.professional-services-sec .text-box {
    padding: 40px 0 0 0;
}
.professional-services-sec .text-box h2{
    color: #000000;
    font-size: 33px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    max-width: 492px;
    width: 100%;
    margin-bottom: 20px;
}
.professional-services-sec .text-box p{
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
    max-width: 527px;
    width: 100%;
}
.professional-services-sec .image-holder img{
    max-width: 218px;
    width: 100%;
    margin: 0 auto;
}
.professional-services-bottom{
    padding: 133px 20px 80px;
}
.professional-services-sec .professional-services-bottom .image-holder img{
    max-width: 100%;
}
.professional-services-sec .professional-services-bottom .text-box{
    max-width: 620px;
    width: 100%;
    padding: 0;
    margin-left: auto;
}
.professional-services-sec .professional-services-bottom .text-box h2{
    margin-bottom: 14px;
}
.professional-services-bottom  .carousel-indicators {
    position: static;
    justify-content: center;
    margin-top: 15px;
    left: 0;
    align-items: center;
}
/***** PREVIOUS TASKS STYLE CSS ******/
.previous-tasks-page .request-history-inner ul li .request-text p{
    max-width: 270px;
}
.previous-tasks-page .request-text.request-text-btn {
    max-width: 190px;
    width: 100%;
}
.previous-tasks-page .request-text.request-text-btn .btn-red {
    height: 28px;
    max-width: 80px;
    font-size: 11px;
}
.previous-tasks-page .history-filter-price ul li:nth-child(2) .text-box {
    background-color: #39b54a;
}
/***** ASSISTANT EXPERT CURRENT ORDER STYLE CSS ******/
.assistant-experts-current-order .request-history-inner{
    margin: 0;
}
.assistant-experts-current-order .request-history-sec {
    padding: 5px 0 0 0;
}
.assistant-experts-current-order .request-history-sec .active-project {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.assistant-experts-current-order .request-history-sec .active-project ul{
    display: flex;
    align-items: center;
}
.assistant-experts-current-order .request-history-sec .active-project ul li{
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.assistant-experts-current-order .request-history-sec .active-project ul li img{
    max-width: 20px;
    width: 100%;
    margin-left: 15px;
}
.switch input { 
    display:none;
}
.switch {
    display: block;
    width: 47px;
    height: 19px;
    margin:0; 
    position:relative;
}

.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px; 
    cursor:pointer; 
    overflow:hidden;
    transition:.4s;
    background-color: #25c34b;
}
.slider:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 30px;
    transform: translateX(0);
    transition: .4s;
    left: 3px;
    top: 2px;
}

input:checked + .slider:before {
    transform:translateX(27px);
    background: #fff;
}
input:checked + .slider { 
    background-color: #f03235;
}
.assistant-experts-current-order .request-history-inner ul li{
    overflow: hidden;
}
.order-lable{
    background-color: #f03235;
    position: absolute;
    top: 13px;
    left: -30px;
    width: 110px;
    transform: rotate(-45deg) skew(17deg, 0);
    height: 30px;
}
.order-lable p{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    transform: skew(-17deg, 0);
    padding: 7px 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.assistant-experts-current-order .request-history-inner ul li.Tasks-accept-list .order-lable{
    background-color: #39b54a;
}
.request-text.request-text-btn .text-box{
    margin-right: 10px;
}
.aceptar-btn{
    background-color: #39b54a;
    border-color: #39b54a;
}
.aceptar-btn:hover{
    background-color: #7abd83;
    border-color: #7abd83;
}
.aceptar-btn:focus{
    border-color: #39b54a;
    color: #39b54a;
}
.assistant-experts-current-order .request-text.request-text-btn .btn-red{
    font-size: 11px;
}
.reject-modal .compare-contact-inner .title {
    max-width: 390px;
    margin: 0 auto;
}
.reject-modal .compare-contact-inner .rejrct-inner {
    margin-top: 55px;
}
.reject-modal .compare-contact-inner .rejrct-inner ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -10px;
}
.reject-modal .compare-contact-inner .rejrct-inner ul li{
    padding: 0 10px;
}
.reject-modal .compare-contact-inner .rejrct-inner ul li .btn-red{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    border-radius: 50px;
    padding: 0;
    width: 110px;
    height: 39px; 
}
.reject-modal .compare-contact-inner .rejrct-inner p{
    text-align: center;
    color: #8e8e8e;
    font-size: 16px;
    margin-top: 18px;
    line-height:  30px;
}
.reject2-modal .compare-contact-inner .rejrct2-inner .form-control{
    max-width: 305px;
    width: 100%;
    height: 92px;
    margin: 0 auto;
}
.reject2-modal .compare-contact-inner .rejrct2-inner ul{
    text-align: center;
    margin-top: 20px;
}