a,  input,  textarea,  select,  button  {
    -webkit-appearance:  none !important;
}
h1,  h2,  h3,  h4,  h5,  h6  {
    font-weight:  700 !important;
}
.text  {
    font-family:  "Poppins",  "Helvetica Neue",  Arial,  sans-serif;
}
.stat-box .action-btns,  .stat-box .info-btns-list  {
    margin:  0;
    padding:  0;
    list-style:  none;
}
.clearfix:after  {
    content:  "";
    display:  block;
    clear:  both;
}
a,  .btn  {
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
}
.ellipsis  {
    white-space:  nowrap;
    text-overflow:  ellipsis;
    overflow:  hidden;
}
@font-face  {
    font-family:  icomoon;
    src:  url("../webfonts/icomoon.eot");
    src:  url("../webfonts/icomoon.eot?#iefix") format("embedded-opentype"),  url("../webfonts/icomoon.woff") format("woff"),  url("../webfonts/icomoon.ttf") format("truetype"),  url("../webfonts/icomoon.svgicomoon") format("svg");
    font-weight:  normal;
    font-style:  normal;
}
[class^="icon-"],  [class*=" icon-"]  {
    font-family:  "icomoon" !important;
    speak:  none;
    font-style:  normal;
    font-weight:  normal;
    font-variant:  normal;
    text-transform:  none;
    line-height:  1;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale;
}
.icon-arrow-up:before  {
    content:  "\e92d";
}
.icon-arrow-down:before  {
    content:  "\e92e";
}
.icon-alert-triangle:before  {
    content:  "\e91d";
}
.icon-message-circle:before  {
    content:  "\e915";
}
.icon-controller-play:before  {
    content:  "\e92c";
}
.icon-plus:before  {
    content:  "\e911";
}
.icon-logout:before  {
    content:  "\e90d";
}
.icon-card:before  {
    content:  "\e90e";
}
.icon-user:before  {
    content:  "\e90f";
}
.icon-close-outline:before  {
    content:  "\e910";
}
.icon-sort2:before  {
    content:  "\e92f";
}
.icon-barchart:before  {
    content:  "\e91e";
}
.icon-performance:before  {
    content:  "\e91f";
}
.icon-video-chat:before  {
    content:  "\e920";
}
.icon-grad-cap:before  {
    content:  "\e921";
}
.icon-wallet:before  {
    content:  "\e922";
}
.icon-copy:before  {
    content:  "\e923";
}
.icon-chat-2:before  {
    content:  "\e924";
}
.icon-send-2:before  {
    content:  "\e925";
}
.icon-attachment:before  {
    content:  "\e926";
}
.icon-add-group:before  {
    content:  "\e927";
}
.icon-sort:before  {
    content:  "\e928";
}
.icon-dots-menu:before  {
    content:  "\e929";
}
.icon-send:before  {
    content:  "\e92a";
}
.icon-share:before  {
    content:  "\e92b";
}
.icon-like:before  {
    content:  "\e917";
}
.icon-doc:before  {
    content:  "\e918";
}
.icon-doc-2:before  {
    content:  "\e919";
}
.icon-chevron-left:before  {
    content:  "\e91a";
}
.icon-play:before  {
    content:  "\e91b";
}
.icon-mail:before  {
    content:  "\e912";
}
.icon-facebook-square:before  {
    content:  "\e913";
}
.icon-google:before  {
    content:  "\e914";
}
.icon-heart-circle:before  {
    content:  "\e900";
}
.icon-plus-circle:before  {
    content:  "\e901";
}
.icon-search:before  {
    content:  "\e902";
}
.icon-bell:before  {
    content:  "\e903";
}
.icon-chat:before  {
    content:  "\e904";
}
.icon-school:before  {
    content:  "\e905";
}
.icon-camera:before  {
    content:  "\e906";
}
.icon-compas:before  {
    content:  "\e907";
}
.icon-upside:before  {
    content:  "\e908";
}
.icon-arrow-down1:before  {
    content:  "\e909";
}
.icon-snow:before  {
    content:  "\e90a";
}
.icon-info:before  {
    content:  "\e90b";
}
.icon-close:before  {
    content:  "\e90c";
}
.icon-check-alt:before  {
    content:  "\e91c";
}
.icon-checkmark:before  {
    content:  "\e91c";
}
.icon-tick:before  {
    content:  "\e91c";
}
.icon-question-circle-o:before  {
    content:  "\e916";
}

.icon-badge-percent:before  {
    content:  '\e934';
}
.icon-circle-info:before  {
    content:  '\e935';
}
.icon-circle-arrow-left:before  {
    content:  '\e936';
}
.icon-circle-arrow-right:before  {
    content:  '\e937';
}
.icon-cart-shopping:before  {
    content:  '\e938';
}

body  {
    font-size:  .8rem;
    line-height:  1.25;
    min-width:  375px;
}
body.nav-active  {
    overflow:  hidden;
}
body.dark-body  {
    background:  #002437;
}
.resize-active *  {
    transition:  none !important;
    -webkit-transition:  none !important;
}
a,  .btn  {
    text-decoration:  none;
}
a:focus,  a:active,  .btn:focus,  .btn:active  {
    outline:  none;
}
h1,  h2,  h3,  h4,  h5,  h6,  .h1,  .h2,  .h3,  .h4,  .h5,  .h6  {
    margin:  0 0 10px;
}
h1:last-child,  h2:last-child,  h3:last-child,  h4:last-child,  h5:last-child,  h6:last-child,  .h1:last-child,  .h2:last-child,  .h3:last-child,  .h4:last-child,  .h5:last-child,  .h6:last-child  {
    margin-bottom:  0 !important;
}
p:last-child  {
    margin-bottom:  0 !important;
}
#wrapper  {
    width:  100%;
    min-height:  100vh;
    overflow:  hidden;
    position:  relative;
}
#wrapper::before  {
    height:  480px;
    content:  "";
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    background:  url("../images/bg-img.jpg") no-repeat;
    background-position:  center;
    background-size:  cover;
    z-index:  -1;
}
.dark-body #wrapper::before  {
    display:  none;
}
#wrapper.login-page  {
    background:  url("../images/login-bg.jpg") no-repeat;
    background-size:  cover;
    background-position:  center;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
}
#wrapper.login-page:before  {
    display:  none;
}
.overlay  {
    display: none;
    opacity:  0.5;
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
    position:  fixed;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    background:  rgba(0,  0,  0,  .8);
    z-index:  999;
}
.nav-active .overlay  {
    visibility:  visible;
    opacity:  1;
}
.stat-number  {
    color:  #39b54a;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    font-size:  20px;
    line-height:  32px;
    margin-bottom:  8px;
}
.stat-number [class*="fa"]  {
    font-size:  34px;
    margin-left:  10px;
    margin-right: 10px;
}
.stat-number .icon-arrow-down1:before  {
    -webkit-transform:  rotate(180deg);
    -ms-transform:  rotate(180deg);
    transform:  rotate(180deg);
    display:  block;
}
.stat-number.red  {
    color:  #e2264d !important;
}
.stat-box .stat-number .price  {
    color: #FFF;
    font-size:  15px;
    font-weight:  300;
}
.stat-number.red .icon-arrow-down1:before  {
    -webkit-transform:  rotate(0deg);
    -ms-transform:  rotate(0deg);
    transform:  rotate(0deg);
}
.stat-number.lg  {
    font-size:  26px;
}
.stat-number.lg [class*="icon-"]  {
    font-size:  16px;
    margin-left:  10px;
}
.login-page .form-holder  {
    max-width:  325px;
    margin:  0 auto;
    padding-top:  15px;
    padding-bottom:  15px;
}
.bg-light-blue  {
    background:  #013b51 !important;
}
.bg-dark-blue  {
    background:  #001925 !important;
}
.progress  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    height:  12px;
    overflow:  hidden;
    background-color:  #ebebeb;
    border-radius:  50px;
}
.btn  {
    display:  inline-block;
    vertical-align:  top;
}
.btn-tag  {
    display:  inline-block;
    vertical-align:  top;
    font-size:  16px;
    line-height:  19px;
    font-weight:  normal;
    padding:  7px 12px;
    border-radius:  5px;
    margin:  0 0 5px;
}
.btn-tag:hover  {
    opacity:  .75;
}
.btn-tag.tag-info  {
    color:  #fff;
    background:  #009eda;
}
.btn-tag.tag-success  {
    color:  #fff;
    background:  #39b54a;
}
.btn-tag.tag-grande  {
    color:  #fff;
    background:  #a8da00;
}
.btn-tag.tag-dark-blue  {
    color:  #fff;
    background:  #0054a6;
}
.btn-tag.tag-gray  {
    color:  #fff;
    background:  #959595;
}
.btn-tag.tag-darken  {
    color:  #fff;
    background:  #003045;
    background:  #75acc1;
}
.btn-tag.tag-sky  {
    color:  #fff;
    background:  #75acc1;
}
#header  {
    position:  relative;
    padding:  15px 0 20px;
}
#header .container  {
    position:  relative;
}
#header .logo  {
    width:  155px;
    padding:  3px 0 0;
}
#header .logo a  {
    display:  block;
}
#header .logo img  {
    display:  block;
    width:  100%;
    height:  auto;
    max-width:  174px;
}
#header .header-holder  {
    position:  relative;
    width:  100%;
    margin:  0;
    padding:  0 0 15px;
    border-bottom:  1px solid rgb(128 152 162 / 30%);
    z-index:  99;
}
#header .header-content  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  end;
    -ms-flex-pack:  end;
    justify-content:  flex-end;
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
}
#header .info-list  {
    width:  100%;
    list-style:  none;
    margin:  24px 0 0;
    padding:  18px 0 0;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    border-top:  1px solid rgb(128 152 162 / 30%);
}
#header .info-list li  {
    margin:  0 0 0 25px;
}
#header .info-list li.live-on.live-active .live-circle  {
    visibility:  visible;
    opacity:  1;
}
#header .info-list a  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    position:  relative;
}
#header .info-list .ico  {
    font-size:  27px;
    line-height:  1;
    margin:  0 8px 0 0;
}
#header .info-list .ico.icon-camera  {
    color:  #39b54a;
}
#header .info-list .ico.icon-school  {
    color:  #898e90;
}
#header .info-list .ico.icon-chat  {
    color:  #009eda;
}
#header .info-list .text  {
    display:  block;
    max-width:  55px;
    font-size:  12px;
    line-height:  15px;
    text-transform:  uppercase;
}
#header .info-list .live-circle  {
    visibility:  hidden;
    opacity:  0;
    position:  absolute;
    bottom:  4px;
    right:  -4px;
    width:  9px;
    height:  9px;
    border-radius:  50%;
    background:  #f00;
    box-shadow:  0 0 1px 1px #0001a;
}
#header .info-list svg.on *  {
    fill: #CC0000;
}
#header .info-list svg.on path#on-air-out  {
    animation:  on-air-out 2s infinite;
}
#header .info-list svg.on path#on-air-in  {
    animation:  on-air-in 2s infinite;
}
#header .info-list svg.on ellipse  {
    transform-origin:  50% 50%;
    animation:  on-air-circle 2s infinite;
}
@keyframes on-air-circle  {
    0%  {
        opacity:  .1;
        transform:  scale(1);
    }
    25%  {
        opacity:  1;
        transform:  scale(2.4);
    }
    50%  {
        opacity:  1;
    }
    75%  {
        opacity:  1;
        transform:  scale(1);
    }
    100%  {
        opacity:  .3;
    }
}
@keyframes on-air-in  {
    0%  {
        opacity:  .3;
    }
    25%  {
        opacity:  .3;
    }
    50%  {
        opacity:  1;
    }
    75%  {
        opacity:  1;
    }
    100%  {
        opacity:  .3;
    }
}
@keyframes on-air-out  {
    0%  {
        opacity:  .3;
    }
    50%  {
        opacity:  .3;
    }
    75%  {
        opacity:  1;
    }
    100%  {
        opacity:  .3;
    }
}
#header .info-list .pulse  {
    -webkit-animation:  pulse-animation 1.5s infinite;
    animation:  pulse-animation 1.5s infinite;
}
#header .notification  {
    position:  absolute;
    top:  7px;
    right:  100px;
}
#header .notification.notification-active .notification-slide  {
    visibility:  visible;
    opacity:  1;
}
#header .notification .count  {
    position:  absolute;
    top:  -11px;
    right:  -10px;
    width:  24px;
    font-size:  11px;
    line-height:  11px;
    padding:  4px 2px 3px;
    border-radius:  5px;
    color:  #fff;
    text-align:  center;
    background:  #39b54a;
}
#header .notification .icon-bell  {
    font-size:  25px;
    line-height:  1;
}
#header .user-box  {
    position:  absolute;
    top:  0;
    right:  48px;
    width:  35px;
}
#header .user-box.user-active .user-slide  {
    visibility:  visible;
    opacity:  1;
}
#header .user-box .profile-img  {
    display:  block;
    width:  35px;
    height:  35px;
    border-radius:  50px;
    margin-top:  12px;
}
#header .user-box .profile-img img  {
    display:  block;
    width:  100%;
    height:  auto;
}
#header .user-slide  {
    visibility:  hidden;
    opacity:  0;
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
    position:  absolute;
    top:  0;
    right:  0;
    width:  300px;
    padding:  0;
    border-radius:  8px;
    background:  #062231;
    z-index:  999;
    border:  solid 1px #006093;
    overflow:  hidden;
    box-shadow:  0 0 15px #062231;
}
#header .user-slide .btn-cancel  {
    position:  absolute;
    top:  15px;
    right:  15px;
    font-size:  25px;
    color:  #fff;
}
#header .user-slide .img-box  {
    width:  55px;
    height:  55px;
    border-radius:  100%;
    overflow:  hidden;
    margin:  0 0 15px;
    margin-top:  -7px;
}
#header .user-slide .img-box img  {
    display:  block;
    width:  100%;
    height:  auto;
}
#header .user-slide div.namebox  {
    background: #163b4e;
    padding:  0 20px;
    padding-top:  30px;
    padding-bottom:  5px;
}
#header .user-slide .title  {
    display:  block;
    font-size:  13px;
    line-height:  20px;
    font-weight:  500;
    margin:  0;
}
#header .user-slide .title.email  {
    font-style: italic;
    font-size: 11px;
}
#header .user-slide div.menubox  {
    padding:  0;
    padding-top:  0;
}
#header .user-slide .list  {
    list-style:  none;
    margin:  0 0 10px;
    padding:  0;
    border-top:  solid 1px #7a919b;
    padding:  20px;
    display: block;
}
#header .user-slide .list li  {
    padding:  10px 0;
    width: 100%;
    display: block;
}
#header .user-slide .list li i.fal.fa-angle-right  {
    float: right;
    display: inline-block;
    font-size:  20px;
    margin-top:  0px;
    color: #FFF;
}
#header .user-slide .list a  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    display:  block;
    font-size:  14px;
}
#header .user-slide .list .ico  {
    font-size:  15px;
    line-height:  1;
    color:  #0199cf;
    margin:  0 10px 0 0;
}
#header .user-slide .list .ico.icon-user  {
    font-size:  20px;
}
#header .user-slide .btn.btn-store i.fal  {
    float: none;
    color:  #39b54a;
    margin-right: 15px;
}
#header .user-slide .btn.btn-store  {
    border:  solid 1px #39b54a;
    background: none;
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
}
#header .user-slide .btn.btn-store:hover  {
    background:  #39b54a;
}
#header .user-slide .btn.btn-store:hover i.fal  {
    color: #FFF;
}
#header .user-slide .btn  {
    display:  block !important;
    width:  100%;
    color:  #fff;
    border-radius:  10px;
    margin:  0 0 15px;
    font-size:  16px;
    font-weight:  500;
    margin-bottom:  0;
    text-align:  center;
}
#header .user-slide .btn-logout  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    font-size:  16px;
    line-height:  19px;
    text-transform:  capitalize;
}
#header .user-slide i.fal  {
    font-size:  15px;
    line-height:  1;
    margin:  0 10px 0 0;
    color:  #0199cf;
}
.notification-slide  {
    overflow:  hidden;
    visibility:  hidden;
    opacity:  0;
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
    position:  absolute;
    top:  -10px;
    right:  -103px;
    width:  350px;
    color:  #363636;
    border-radius:  5px;
    background:  #ebebeb;
    z-index:  9999;
}
.notification-slide .head  {
    width:  100%;
    color:  #fff;
    position:  relative;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    padding:  15px 45px 15px 20px;
    background:  #163b4e;
}
.notification-slide .head .btn-cancel  {
    position:  absolute;
    top:  15px;
    right:  15px;
    font-size:  25px;
    line-height:  1;
    color:  #fff;
}
.notification-slide .head .title  {
    display:  block;
    font-size:  16px;
    line-height:  19px;
    font-weight:  normal;
}
.notification-slide .head .notify-icon  {
    color:  #fff;
    position:  relative;
    margin:  0 20px 0 0;
}
.notification-slide .head .notify-icon .counter  {
    position:  absolute;
    top:  -10px;
    right:  -10px;
    font-size:  12px;
    line-height:  13px;
    padding:  4px 4px 3px;
    border-radius:  5px;
    color:  #fff;
    text-align:  center;
    background:  #39b54a;
}
.notification-slide .list  {
    list-style:  none;
    margin:  0;
    padding:  0;
    font-size:  14px;
    line-height:  17px;
    font-weight:  500;
}
.notification-slide .list li  {
    border-bottom:  1px solid #aed7e3;
}
.notification-slide .list a  {
    display:  block;
    padding:  12px 20px 12px 50px;
    position:  relative;
    color:  #363636;
}
.notification-slide .list a:hover  {
    background:  #aed7e3;
}
.notification-slide .list a .ico  {
    font-size:  22px;
    line-height:  1;
    color:  #0199cf;
    position:  absolute;
    top:  50%;
    left:  15px;
    -webkit-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.notification-slide .list a .ico.icon-chat-2  {
    font-size:  25px;
}
.notification-slide .list .subtitle  {
    display:  block;
}
.nav  {
    width:  300px;
    position:  fixed;
    top:  0;
    right:  0;
    bottom:  0;
    /*overflow-y:  auto;*/
    padding:  40px 15px 25px;
    -webkit-transform:  translateX(100%);
    -ms-transform:  translateX(100%);
    transform:  translateX(100%);
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
    background:  #012437;
    z-index:  9999;
}
.variacoes .nav {
    overflow-y:  auto;
}
.nav-active .nav  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0);
}
.nav .nav-close  {
    position:  absolute;
    top:  15px;
    right:  15px;
    font-size:  18px;
    line-height:  1;
    color:  #fff;
}
.main-menu  {
    width:  100%;
    list-style:  none;
    margin:  0;
    padding:  0;
    font-size:  16px;
    line-height:  20px;
    text-transform:  uppercase;
}
.main-menu li  {
    padding:  5px 0;
}
.main-menu li.active a  {
    color:  #fff;
    background:  #001925;
}
.main-menu li.active ul a  {
    background: none;
}
.main-menu a  {
    display:  block;
    color:  #fff;
    padding:  5px 10px;
    white-space:  normal;
    border-radius:  5px;
    font-weight:  300;
}
.main-menu a:hover  {
    color:  #39b54a;
}
.main-menu a.dropdown-toggle:after  {
    display:  none;
}
.main-menu .dropdown-menu  {
    width:  475px;
    font-size:  16px;
    line-height:  19px;
    background:  #003046;
    padding:  5px;
    border-radius: 15px;
    padding:  11px;
}
.main-menu .dropdown-small  {
    width:  225px;
    font-size:  14px;
    line-height:  19px;
    background:  #003046;
    border-radius: 15px;
    padding: 16px;
    text-transform: initial;
}
.main-menu .dropdown-menu li  {
    position:  relative;
    padding:  0;
}
.main-menu .dropdown-menu ul  {
    padding:  22px;
    list-style: none;
}
.main-menu .dropdown-menu ul ul  {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-menu .dropdown-menu div.col-one ul  {
    background: #001E2C;
    border-radius: 15px;
}
.main-menu .dropdown-menu div.col-two  {
    margin-top: 16px;
}
.main-menu .dropdown-menu div.col-two ul  {
    margin: 0;
    padding: 0;
}
.main-menu .dropdown-menu div.col-two ul li a  {
    font-weight:  normal;
    white-space:  nowrap;
    font-size: 14px;
    padding:  9px 0;
}
.main-menu .dropdown-menu div.col-one ul li a  {
    font-size: 16px;
    padding: 0;
    margin-bottom: 10px;
}
.main-menu .dropdown-menu div.col-one ul ul li a  {
    font-weight: normal;
    white-space: nowrap;
    font-size: 14px;
    padding: 8px 0;
    margin-bottom: 0;
}
.main-menu .dropdown-menu a  {
    position:  relative;
    padding:  5px 0;
}
.main-menu .dropdown-menu ul ul a:hover:before  {
    background:  #39b54a;
}
.main-menu .dropdown-menu ul li a  {
    text-transform: none;
}
.main-menu .dropdown-menu ul li a i  {
    margin-right: 15px;
    color:  #3BB341;
}
.main-menu .dropdown-menu ul li a  {
    font-weight: bold;
}
.main-menu .dropdown-menu ul ul li a  {
    font-weight: normal;
}
.main-menu .dropdown-menu ul ul a:before  {
    content:  "";
    display: inline-block;
    position:  relative;
    width:  5px;
    height:  5px;
    border-radius:  10px;
    background:  #fff;
    -webkit-transition:  linear .3s;
    transition:  linear .3s;
}
.nav-opener  {
    position:  absolute;
    top:  12px;
    right:  0;
    width:  35px;
    height:  35px;
    background:  #0a2737;
    border-radius:  3px;
}
.nav-opener:before,  .nav-opener:after,  .nav-opener span  {
    background:  #1c516e;
    border-radius:  4px;
    position:  absolute;
    top:  50%;
    left:  15%;
    right:  15%;
    height:  4px;
    margin-top:  -2px;
    -webkit-transition:  all .2s linear;
    transition:  all .2s linear;
}
.nav-opener:before,  .nav-opener:after  {
    content:  "";
    top:  30%;
}
.nav-opener:after  {
    top:  70%;
}
.nav-active .nav-opener span  {
    opacity:  0;
}
.nav-active .nav-opener:after,  .nav-active .nav-opener:before  {
    -webkit-transform:  rotate(45deg);
    -ms-transform:  rotate(45deg);
    transform:  rotate(45deg);
    top:  50%;
    left:  15%;
    right:  15%;
}
.nav-active .nav-opener:after  {
    -webkit-transform:  rotate(-45deg);
    -ms-transform:  rotate(-45deg);
    transform:  rotate(-45deg);
}
.nav-active .nav-opener:hover  {
    opacity:  .9;
}
.form-search  {
    position:  absolute;
    top:  -2px;
    right:  130px;
    width:  auto;
    height:  40px;
    padding-right:  42px;
    border-radius:  5px;
    border:  1px solid #355e70;
    background:  #002f43;
    z-index:  5;
}
.form-search.search-active input  {
    display:  block;
    width:  100%;
}
.form-search .btn-search  {
    position:  absolute;
    top:  7px;
    right:  10px;
    font-size:  15px;
    line-height:  26px;
}
.form-search input  {
    display:  none;
    width:  100%;
    height:  40px;
    font-size:  13px;
    line-height:  20px;
    padding:  10px 10px;
    color:  #fff;
    background:  none;
    outline:  none;
    border:  0;
    box-shadow:  none;
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
}
.form-search input::-webkit-input-placeholder  {
    color:  #fff;
}
.form-search input::-moz-placeholder  {
    opacity:  1;
    color:  #fff;
}
.form-search input:-moz-placeholder  {
    color:  #fff;
}
.form-search input:-ms-input-placeholder  {
    color:  #fff;
}
.form-search input.placeholder  {
    color:  #fff;
}
.form-search input:focus ~ .search-slide  {
    display:  block;
}
.form-search.white  {
    border-color:  #fff;
    background:  none;
}
.search-slide  {
    display:  none;
    position:  absolute;
    top:  50px;
    left:  0;
    width:  280px;
    font-size:  14px;
    line-height:  17px;
    color:  #fff;
    padding:  10px 0;
    border-radius:  14px;
    box-shadow:  0 3px 6px rgba(0,  0,  0,  .16);
    background:  #003045;
}
.search-slide .search-list  {
    list-style:  none;
    margin:  0;
    padding:  0;
}
.search-slide .search-list li  {
    padding:  12px 15px 12px 45px;
    position:  relative;
    border-bottom:  1px solid #048ec0;
}
.search-slide .search-list li:last-child  {
    border:  0;
}
.search-slide .search-list .ico  {
    position:  absolute;
    top:  17px;
    left:  10px;
    font-size:  20px;
    line-height:  1;
    color:  #006093;
}
.search-slide .wrap  {
    color:  #959595;
}
.search-slide .subtitle  {
    display:  block;
    overflow:  hidden;
    white-space:  nowrap;
    text-overflow:  ellipsis;
    margin:  0 0 1px;
}
main {
    min-height: 600px;
}
.content-block  {
    border-radius:  5px;
    background-color:  #002437;
    overflow:  hidden;
    margin-bottom:  80px;
}
.content-block .header  {
    background-size:  cover;
    background-position:  50% 50%;
    padding:  20px 15px 25px;
}
.content-block .header h1  {
    padding-bottom:  12px;
}
.content-block div.disclaimer  {
    font-size: 12px;
    font-style: italic;
    color: #666;
}
.content-block .header .heading-holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    position:  relative;
    padding:  0 0 15px;
}
.content-block .header .heading-holder h2  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    font-weight:  400 !important;
    padding:  0 10px 0 0;
    font-size:  24px;
}
.content-block .header .heading-holder h2 span  {
    font-weight:  700;
}
.content-block .header .heading-holder .btn-return  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    display:  inline-block;
    vertical-align:  top;
}
.content-block .header .form  {
    position:  relative;
}
.content-block .header .form input  {
    width:  100%;
    height:  30px;
    font-size:  13px;
    line-height:  18px;
    color:  #fff;
    padding:  8px 30px 8px 10px;
    box-shadow:  none;
    border:  1px solid #00324c;
    outline:  none;
    background:  none;
    border-radius:  5px;
}
.content-block .header .form input::-webkit-input-placeholder  {
    color:  #fff;
}
.content-block .header .form input::-moz-placeholder  {
    opacity:  1;
    color:  #fff;
}
.content-block .header .form input:-moz-placeholder  {
    color:  #fff;
}
.content-block .header .form input:-ms-input-placeholder  {
    color:  #fff;
}
.content-block .header .form input.placeholder  {
    color:  #fff;
}
.content-block .header .form .btn-search  {
    position:  absolute;
    top:  7px;
    right:  10px;
    border:  0;
    color:  #fff;
    outline:  none;
    box-shadow:  none;
    padding:  0;
    background:  none;
}
.content-block .content-holder  {
    padding:  30px 15px 30px;
}
.filter-bar  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    position:  relative;
    margin-bottom:  10px;
}
.filter-bar .form-select  {
    width:  100%;
    margin-bottom:  15px;
}
.filter-bar .form-select:hover,  .filter-bar .form-select:focus  {
    background-color:  #fff;
    color:  #39b54a;
    background-image:  url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.251 7.699'%3e%3cpath d='M7.132, 4.174, 1.437.276A1.39, 1.39, 0, 0, 0, .689, 0C.263, 0, 0, .342, 0, .914V9.339c0, .571.263.912.688.912a1.378, 1.378, 0, 0, 0, .745-.276l5.7-3.9A1.169, 1.169, 0, 0, 0, 7.7, 5.125a1.165, 1.165, 0, 0, 0-.567-.951' transform='translate%2810.251%29 rotate%2890%29' fill='%2339b54a'/%3e%3c/svg%3e");
}
.filter-bar .form-search  {
    max-width:  206px;
    background:  #002437;
    z-index:  2;
}
.filter-bar .filter-search-holder  {
    width:  100%;
    margin-bottom:  20px;
}
.search-filter  {
    width:  100%;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
}
.search-filter .graph-holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2;
}
.search-filter .graph-holder .title  {
    font-size:  22px;
    line-height:  1.2;
    font-weight:  bold;
    margin-right:  0;
}
.search-filter .graph-holder .value  {
    font-size:  18px;
    line-height:  1;
}
.search-filter .graph-holder .value.lastprice  {
    border: solid 1px #FFF;
    padding:  7px 15px;
    border-radius: 7px;
}
.search-filter .graph-info  {
    margin-right:  20px;
    margin-left:  20px;
}
.search-filter .graph-info .lastvariation  {
    margin-left:  0;
}
.advance-filters .filter-opener  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    font-size:  17px;
    font-weight:  500;
    position:  relative;
    z-index:  1;
    padding:  3px 8px 3px 32px;
}
.advance-filters .filter-opener:after  {
    content:  "";
    position:  absolute;
    inset:  0;
    width:  0;
    background:  #fff;
    -webkit-transition:  .3s linear;
    transition:  .3s linear;
    z-index:  -1;
    border-radius:  20px;
    padding:  0;
}
.advance-filters .filter-opener:hover  {
    color:  #000;
}
.advance-filters .filter-opener:hover:after  {
    width:  100%;
    padding:  3px 8px 3px 32px;
}
.advance-filters .filter-opener:hover .icon-plus-circle  {
    background:  #39b54a;
    color:  #fff;
}
.advance-filters .filter-opener .icon-plus-circle  {
    margin-right:  10px;
    font-size:  27px;
    position:  absolute;
    top:  0;
    left:  0;
    width:  27px;
    height:  27px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    border-radius:  100%;
    -webkit-transition:  .3s linear;
    transition:  .3s linear;
}
.content-scrollable-block  {
    -ms-overflow-style:  none;
    scrollbar-width:  none;
    margin-top:  30px;
}
.content-scrollable-block::-webkit-scrollbar  {
    display:  none;
}
.content-scrollable-block .grid  {
    display:  -ms-grid;
    display:  grid;
    gap:  20px;
    -ms-grid-columns:  (minmax(0px,  1fr))[1];
    grid-template-columns:  repeat(1,  minmax(0px,  1fr));
}
.stat-box  {
    border-radius:  5px;
    border:  solid 1px #003652;
    padding:  20px 12px 20px 20px;
}
.stat-box .stat-actions  {
    min-height:  100px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  start;
    -ms-flex-align:  start;
    align-items:  flex-start;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    margin-bottom:  5px;
}
.stat-box .stat-actions .val  {
    font-size:  17px;
    font-weight:  500;
    line-height:  1.2;
    margin-bottom:  5px;
    display:  block;
}
.stat-box .action-btns  {
    font-size:  18px;
    line-height:  1;
}
.stat-box .action-btns li:not(:last-child)  {
    margin-bottom:  10px;
}
.stat-box .action-btns a  {
    color:  #006093;
}
.stat-box .action-btns a:hover  {
    color:  #39b54a;
}
.stat-box .action-btns .favorite:hover  {
    color:  #df6a6a;
}
.stat-box .action-btns .favorite.active  {
    color:  #df6a6a;
}
.stat-box .img-holder  {
    margin-top:  -50px;
    margin-bottom:  10px;
    min-height:  80px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
.stat-box .img-holder img  {
    max-width:  100%;
    height:  auto;
    display:  block;
    max-height:  50px;
}
.stat-box .info-btns-list  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    gap:  10px;
    font-size:  14px;
    line-height:  1.2;
}
.stat-box .info-btns-list a  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    background-color:  #011b29;
    padding:  3px 16px 3px 37px;
    border-radius:  20px;
    position:  relative;
    font-size:  13px;
    text-transform:  capitalize;
    cursor:  auto;
}
.stat-box .info-btns-list a:hover  {
    background-color:  #39b54a;
    color:  #fff;
}
.stat-box .info-btns-list a:hover .icon-holder  {
    background-color:  #39b54a;
    color:  #fff;
}
.stat-box .info-btns-list .icon-holder  {
    background-color:  #022232;
    width:  32px;
    height:  32px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    border-radius:  100%;
    position:  absolute;
    top:  50%;
    -webkit-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
    left:  0;
    -webkit-transition:  .3s linear;
    transition:  .3s linear;
    font-size:  16px;
}
.input-with-icon  {
    position:  relative;
}
.input-with-icon .icon-holder  {
    position:  absolute;
    top:  50%;
    -webkit-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
    left:  16px;
    color:  #0197cd;
    font-size:  25px;
}
.input-with-icon .form-control  {
    padding-left:  53px;
    font-size:  15px;
}
.input-with-icon .form-control.form-control-sm  {
    background:  #003045;
}
.form-control.form-control-sm  {
    background:  #003045;
}
.form-control.form-control-card  {
    background:  transparent;
    border:  1px solid #048ec0;
    height:  40px;
    border-radius:  5px !important;
}
.form-select.select-bahama-blue  {
    border:  1px solid #048ec0;
    height:  40px;
    border-radius:  5px !important;
}
.form-select.select-custom  {
    border:  1px solid #048ec0;
    height:  47px;
    border-radius:  5px !important;
    background-color:  #002437;
    color:  #fff;
    background-image:  url("../images/chevron-down-2.svg");
}
.form-control.h-47  {
    height:  47px;
}
.form-check-input[type="radio"]  {
    border:  1px solid #31596c;
    background:  none;
}
.required-asterisk  {
    color:  #ff3b3b;
}
.form-select.white  {
    background-color:  #fff;
    color:  #002437;
    background-image:  url("../images/chevron-down.svg");
    background-size:  20px 20px;
    font-size:  15px;
}
.form-select.select-blue  {
    background-color:  #003045;
    color:  #959595;
    background-image:  url("../images/chevron-down-2.svg");
    background-size:  11px 6px;
    font-size:  15px;
    border:  none;
    padding-top:  6px;
    padding-bottom:  6px;
}
.form-select.select-bahama-blue  {
    background-color:  rgba(0,  96,  147,  .34);
    color:  #fff;
    background-image:  url("../images/chevron-down-2.svg");
    background-size:  11px 6px;
    font-size:  15px;
    border:  none;
    padding-top:  8px;
    padding-bottom:  8px;
    border-radius:  0;
}
.form-select.select-blue2  {
    background-color:  #002437;
    font-size:  12px;
    padding:  8px;
    color:  #fff;
    background-image:  url("../images/chevron-down-2.svg");
}
.form-check.card-radio  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  reverse;
    -ms-flex-direction:  column-reverse;
    flex-direction:  column-reverse;
    padding-left:  0;
}
.form-check.card-radio .form-check-input[type="radio"]  {
    margin:  10px 0 0;
    border:  solid 2px #048ec0;
}
.slick-slider  {
    margin:  0 0 45px;
    position:  relative;
    display:  block;
    box-sizing:  border-box;
    -webkit-touch-callout:  none;
    -webkit-user-select:  none;
    -ms-user-select:  none;
    user-select:  none;
    -ms-touch-action:  pan-y;
    touch-action:  pan-y;
    -webkit-tap-highlight-color:  transparent;
}
.slick-slider div.slide:nth-child(1),  .slick-slider div.slide:nth-child(2),  .slick-slider div.slide:nth-child(3),  .slick-slider div.slide:nth-child(4),  .slick-slider div.slide:nth-child(5)  {
    display: none;
}
.slick-slider div.slide.slide-active  {
    display: block;
}
.slick-slider .text-holder  {
    display:  block;
    width:  100%;
    min-height:  355px;
    padding:  25px 20px;
    color:  #fff;
    background:  #002437;
}
.slick-slider .caption  {
    max-width:  500px;
}
.slick-slider .title  {
    display:  block;
    font-size:  28px;
    line-height:  36px;
    font-weight:  800;
    margin:  0 0 20px;
}
.slick-slider .title span  {
    display:  block;
}
.slick-slider .slick-dots  {
    list-style:  none;
    margin:  0;
    padding:  40px 0 0;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
}
.slick-slider .slick-dots li  {
    padding:  0 8px;
}
.slick-slider .slick-dots li.slick-active button  {
    background:  #39b54a;
}
.slick-slider .slick-dots button  {
    display:  block;
    width:  11px;
    height:  11px;
    border:  0;
    padding:  0;
    font-size:  0;
    line-height:  0;
    box-shadow:  none;
    outline:  none;
    border-radius:  50px;
    background:  #003045;
}
.slick-list  {
    position:  relative;
    overflow:  hidden;
    display:  block;
    margin:  0;
    padding:  0;
}
.slick-list:focus  {
    outline:  none;
}
.slick-list.dragging  {
    cursor:  pointer;
    cursor:  hand;
}
.slick-slider .slick-track,  .slick-slider .slick-list  {
    -webkit-transform:  translate3d(0,  0,  0);
    -ms-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0);
}
.slick-track  {
    position:  relative;
    left:  0;
    top:  0;
    display:  block;
}
.slick-track:before,  .slick-track:after  {
    content:  "";
    display:  table;
}
.slick-track:after  {
    clear:  both;
}
.slick-loading .slick-track  {
    visibility:  hidden;
}
.slick-slide  {
    float:  left;
    height:  100%;
    min-height:  1px;
    display:  none;
}
[dir="rtl"] .slick-slide  {
    float:  right;
}
.slick-slide img  {
    display:  block;
    border-radius:  5px;
}
.slick-slide.slick-loading img  {
    display:  none;
}
.slick-slide.dragging img  {
    pointer-events:  none;
}
.slick-initialized .slick-slide  {
    display:  block !important;
}
.slick-loading .slick-slide  {
    visibility:  hidden;
}
.slick-vertical .slick-slide  {
    display:  block;
    height:  auto;
    border:  1px solid transparent;
}
.slick-arrow.slick-hidden  {
    display:  none;
}
.info-columns  {
    position:  relative;
    margin:  0 0 50px;
}
.info-columns .container  {
    position:  relative;
    padding-bottom:  15px;
}
.info-columns .container:after  {
    position:  absolute;
    bottom:  0;
    left:  15px;
    right:  15px;
    height:  1px;
    background:  #8098a2;
}
.info-columns.cursos-block  {
    margin:  0 0 10px;
}
.info-columns.cursos-block .container:after  {
    display:  none;
}
.info-columns.wallet .container:after  {
    display:  none;
}
.info-columns .box  {
    display:  block;
    position:  relative;
    width:  100%;
    min-height:  300px;
    padding:  40px 25px;
    margin-bottom:  30px;
    border-radius:  5px;
    background-position:  center;
    background-size:  cover;
    background-repeat:  no-repeat;
    z-index:  2;
    color:  #FFF;
}
.info-columns .box.green:after  {
    background:  #39b54a;
}
.info-columns .box.dark:after  {
    background:  #002437;
}
.info-columns .box.dark-blue:after  {
    background:  #002437;
}
.info-columns .variacoes div.wrap  {
    background: #FFF;
    border-radius:  5px;
}
.info-columns .variacoes ul  {
    width:  100%;
    display:  block;
    margin:  0 !important;
}
.info-columns .variacoes  {
    padding-bottom:  0;
    color: #807F7F;
    font-size: 14px;
    text-align: center;
}
.info-columns .variacoes ul li {
    float: left;
    width: 50%;
}
.info-columns .variacoes ul.title li  {
    -webkit-border-radius:  0px !important;
    -moz-border-radius:  0px !important;
    border-radius:  0px !important;
}
.info-columns .variacoes ul.title li a  {
    background: none;
    color: #002337 !important;
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    border-bottom: solid 2px #E4E2E2;
    -webkit-border-radius:  0px !important;
    -moz-border-radius:  0px !important;
    border-radius:  0px !important;
    background: none !important;
;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}
.info-columns .variacoes ul.title li a:hover  {
}
.info-columns .variacoes ul.title a.active,  .info-columns .variacoes ul.title a:hover  {
    border-bottom: solid 2px #2F9F45;
}
.info-columns .variacoes ul.title a.baixas.active,  .info-columns .variacoes ul.title a.baixas:hover  {
    border-bottom: solid 2px red;
}
.info-columns .box:after  {
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  5px;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    z-index:  -1;
    opacity:  0;
}
.info-columns .variacoes div.tab-content  {
    padding:  30px;
    padding-top:  16px;
    padding-bottom:  16px;
}
.info-columns .variacoes div.tab-content div.row  {
    line-height:  44px;
}
.info-columns .variacoes div.tab-content div.row .ticker a  {
    display: block;
    color: #002337;
    text-align:  left;
    width: 100%;
    font-weight:  bold;
}
.info-columns .variacoes div.tab-content div.row .ticker  {
    display: block;
    color: #002337;
    text-align:  left;
    width: 100%;
    font-weight:  bold;
}
.info-columns .variacoes div.tab-content div.row .ticker a i.fal  {
    margin-right: 8px;
}
.info-columns .variacoes div.tab-content div.row .up  {
    color: #329B45;
}
.info-columns .variacoes div.tab-content div.row .up i.fal  {
    transform: rotate(45deg);
}
.info-columns .variacoes div.tab-content div.row .down  {
    color: #B22D00;
}
.info-columns .variacoes div.tab-content div.row .down i.fal  {
    transform: rotate(-45deg);
}
.info-columns .variacoes div.tab-content div.row div.variation i.fal  {
    margin-right: 10px;
}
.info-columns .box .wrap  {
    width:  100%;
    height:  100%;
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
}
.info-columns .box:hover:after  {
    opacity:  .5;
}
.info-columns .box .wrap h2  {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.info-columns .box .wrap h2 strong  {
    font-weight: bold;
}
.info-columns .box:hover p  {
}
.info-columns .box:hover h2  {
}
.info-columns .box:hover .ico  {
    color:  #39b54a;
    background:  #fff;
}
.info-columns .box:hover .ico:after  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
}
.info-columns p  {
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
}
.info-columns h2  {
    font-size:  24px;
    line-height:  30px;
    margin:  0 0 16px;
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
}
.info-columns h2 span  {
    display:  block;
    font-weight:  300;
}
.info-columns .ico  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    width:  36px;
    height:  36px;
    border:  2px solid #fff;
    border-radius:  50px;
    position:  absolute;
    left:  25px;
    bottom:  25px;
    font-size:  28px;
    line-height:  1;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    z-index:  2;
}
.info-columns .ico:after  {
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  50px;
    -webkit-transform:  scale(0);
    -ms-transform:  scale(0);
    transform:  scale(0);
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    background:  #fff;
    z-index:  -1;
}
.latest-content  {
    position:  relative;
    width:  100%;
    margin:  0 0 50px;
}
.latest-content .header  {
    width:  100%;
    text-align:  center;
    margin:  0 0 40px;
}
.latest-content .header h2  {
    font-weight:  300;
    color:  #002437;
    font-size:  1.8rem;
}
.latest-content .box  {
    margin-bottom:  30px;
}
.latest-content .img-box  {
    display:  block;
    position:  relative;
    width:  100%;
    min-height:  230px;
    padding:  25px;
    margin-bottom:  25px;
    border-radius:  5px;
    background-position:  center;
    background-size:  cover;
    background-repeat:  no-repeat;
    z-index:  2;
}
.latest-content .img-box:after  {
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  5px;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    background:  #fff;
    z-index:  -1;
    opacity:  0;
}
.latest-content .img-box:hover:after  {
    opacity:  .5;
}
.latest-content .img-box:hover .ico  {
    color:  #fff;
    background:  #fff;
}
.latest-content .img-box:hover .ico:after  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
}
.latest-content .ico  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    width:  25px;
    height:  25px;
    border:  2px solid #39b54a;
    border-radius:  50px;
    position:  absolute;
    right:  20px;
    bottom:  20px;
    font-size:  18px;
    line-height:  1;
    color:  #39b54a;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    z-index:  2;
}
.latest-content .ico:after  {
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  50px;
    -webkit-transform:  scale(0);
    -ms-transform:  scale(0);
    transform:  scale(0);
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    background:  #39b54a;
    z-index:  -1;
}
.latest-content .head  {
    width:  100%;
    margin:  0 0 20px;
}
.latest-content .number  {
    display:  block;
    font-size:  20px;
    line-height:  38px;
    font-weight:  300;
    margin:  0 0 5px;
    color:  #39b54a;
}
.latest-content .subtitle  {
    display:  block;
    color:  #002437;
}
.latest-content .text-box  {
    width:  100%;
    color:  #555;
}
.latest-content .title  {
    display:  block;
    font-size:  22px;
    line-height:  26px;
    font-weight:  700;
    color:  #002437;
    margin:  0 0 20px;
}
.subheader  {
    color:  #464646;
    margin:  0 0 30px;
}
.subheader .title  {
    display:  block;
    font-size:  24px;
    line-height:  28px;
    text-transform:  uppercase;
    font-weight:  800;
    margin:  0 0 15px;
}
.subheader .title span  {
    font-weight:  normal;
}
.subheader .form  {
    width:  100%;
    position:  relative;
}
.subheader .form input  {
    width:  100%;
    height:  40px;
    font-size:  15px;
    line-height:  18px;
    padding:  10px 36px 8px 14px;
    border-radius:  5px;
    border:  solid 1px #acacac;
    outline:  none;
    box-shadow:  none;
}
.subheader .form .btn-search  {
    position:  absolute;
    top:  10px;
    right:  10px;
    font-size:  18px;
    line-height:  1;
    color:  #707070;
    padding:  0;
    border:  0;
    box-shadow:  none;
    outline:  none;
    background:  none;
}
.article-section  {
    position:  relative;
}
.article-section.bg-white .article  {
    color:  #636363;
    background:  #ebebeb;
}
.article-section.bg-white .article .title  {
    color:  #001925;
}
.article-section.bg-white .article:hover  {
    color:  #636363;
    background:  #e6e6e6;
}
.article-section .article  {
    display:  block;
    width:  100%;
    min-height:  190px;
    position:  relative;
    font-size:  14px;
    line-height:  23px;
    color:  #fff;
    border-radius:  5px;
    margin:  0 0 30px;
    padding:  15px;
    background:  #00324c;
}
.article-section .article:hover  {
    color:  #fff;
    background:  #002c44;
}
.article-section .article:hover .img-box:after  {
    opacity:  1;
    visibility:  visible;
}
.article-section .article:hover .ico  {
    color:  #fff;
}
.article-section .article:hover .ico:after  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
}
.article-section .article .new  {
    position:  absolute;
    top:  -5px;
    left:  -5px;
    z-index:  3;
}
.article-section .article .img-box  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    width:  189px;
    height:  175px;
    overflow:  hidden;
    position:  relative;
    border-radius:  5px;
    background-position:  center;
    background-size:  cover;
    background-repeat:  no-repeat;
}
.article-section .article .img-box:after  {
    opacity:  0;
    visibility:  hidden;
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  5px;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    background:  rgba(204,  204,  204,  .5);
}
.article-section .article .text-box  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    padding:  18px 0 0;
    min-height:  260px;
    color:  #4f85a1;
}
.article-section .article time  {
    display:  block;
    color:  #39b54a;
    font-size:  14px;
    line-height:  16px;
    font-style:  italic;
    font-weight:  300;
    margin:  0 0 12px;
}
.article-section .article .title  {
    display:  block;
    font-size:  18px;
    line-height:  24px;
    font-weight:  600;
    margin:  0 0 12px;
    color:  #ffffff;
}
.article-section .article .ico  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    width:  25px;
    height:  25px;
    border:  2px solid #39b54a;
    border-radius:  50px;
    position:  absolute;
    right:  20px;
    bottom:  20px;
    font-size:  18px;
    line-height:  1;
    color:  #39b54a;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    z-index:  2;
}
.article-section .article .ico:after  {
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  50px;
    -webkit-transform:  scale(0);
    -ms-transform:  scale(0);
    transform:  scale(0);
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    background:  #39b54a;
    z-index:  -1;
}
.loadmore  {
    display:  -webkit-inline-box;
    display:  -ms-inline-flexbox;
    display:  inline-flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    font-size:  14px;
    font-weight:  500;
    position:  relative;
    z-index:  1;
    padding:  5px 32px 5px 8px;
    margin-top:  30px;
}
.loadmore:after  {
    content:  "";
    position:  absolute;
    inset:  0;
    width:  0;
    background:  #fff;
    -webkit-transition:  .3s linear;
    transition:  .3s linear;
    z-index:  -1;
    border-radius:  20px;
    padding:  0;
}
.bg-white .loadmore  {
    color:  #003045;
}
.bg-white .loadmore:after  {
    background:  #003045;
}
.bg-white .loadmore .ico  {
    color:  #39b54a;
}
.bg-white .loadmore:hover  {
    color:  #fff;
}
.bg-white .loadmore:hover .ico  {
    background:  #39b54a;
    color:  #fff;
}
.loadmore:hover  {
    color:  #000;
}
.loadmore:hover:after  {
    width:  100%;
    padding:  3px 32px 3px 8px;
}
.loadmore:hover .ico  {
    background:  #39b54a;
    color:  #fff;
}
.loadmore .ico  {
    font-size:  27px;
    position:  absolute;
    top:  0;
    right:  0;
    width:  27px;
    height:  27px;
    color:  #39b54a;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    border-radius:  100%;
    -webkit-transition:  .3s linear;
    transition:  .3s linear;
}
.article-detail  {
    position:  relative;
    width:  100%;
    color:  #002437;
    line-height:  24px !important;
    font-size:  14px;
}
.article-detail *  {
    color:  #03334c;
}
.article-detail a  {
    color: #002437;
}
.article-detail .head  {
    width:  100%;
    margin:  0 0 20px;
}
.article-detail time  {
    display:  block;
    font-size:  14px;
    line-height:  19px;
    font-weight:  500;
    margin:  0px;
    margin-bottom: 10px;
    color:  #4f85a1;
}
.article-detail h2  {
    font-size:  25px;
    line-height:  29px;
    font-weight:  600;
    color:  #002437;
}
.article-detail .img-box  {
    width:  100%;
    margin:  0 0 25px;
}
.article-detail .img-box img  {
    display:  block;
    width:  100%;
    height:  auto;
}
.videos-section  {
    width:  100%;
    color:  #002437;
    position:  relative;
    padding:  0 5px;
}
.video-col  {
    display:  block;
    color:  #002437;
    margin:  0 0 30px;
}
.video-col:hover .video-box .icon-box  {
    color:  #39b54a;
    border-color:  #fff;
}
.video-col:hover .video-box .icon-box:after  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
}
.video-col:hover .title  {
    font-weight:  600;
}
.video-col:hover time  {
    color:  #39b54a;
}
.video-col .video-box  {
    width:  100%;
    height:  160px;
    position:  relative;
    background:  #002437;
}
.video-col .video-box .icon-box  {
    position:  absolute;
    top:  50%;
    left:  50%;
    -webkit-transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
    transform:  translate(-50%,  -50%);
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    width:  60px;
    height:  60px;
    font-size:  20px;
    line-height:  1;
    color:  #667c87;
    -webkit-transition:  all linear .3s;
    transition:  all linear .3s;
    border:  4px solid #667c87;
    border-radius:  100%;
    z-index:  2;
}
.video-col .video-box .icon-box:after  {
    content:  "";
    position:  absolute;
    top:  -1px;
    bottom:  -1px;
    left:  -1px;
    right:  -1px;
    background:  #fff;
    border-radius:  50px;
    -webkit-transition:  all linear .3s;
    transition:  all linear .3s;
    -webkit-transform:  scale(0);
    -ms-transform:  scale(0);
    transform:  scale(0);
    z-index:  -1;
}
.video-col .video-box .icon-box i  {
    margin:  0 0 0 2px;
}
.video-col .text-box  {
    font-size:  15px;
    line-height:  18px;
    padding:  13px 0;
}
.video-col .title  {
    display:  block;
    font-size:  16px;
    line-height:  20px;
    font-weight:  500;
    color:  #002437;
    margin:  0 0 10px;
    -webkit-transition:  all linear .3s;
    transition:  all linear .3s;
}
.video-col time  {
    display:  block;
    font-size:  14px;
    line-height:  20px;
    font-weight:  700;
    color:  #707070;
    -webkit-transition:  all linear .3s;
    transition:  all linear .3s;
}
.videos-detail  {
    position:  relative;
    margin:  0 0 10px;
    padding:  0 5px;
    color:  #002437;
}
.video-block  {
    width:  100%;
    color:  #002437;
    border-bottom:  solid 1px #e5e5e5;
    margin:  0 0 20px;
}
.video-block .frame  {
    width:  100%;
    min-height:  230px;
    position:  relative;
    background-position:  center;
    background-repeat:  no-repeat;
    background-size:  cover;
}
.video-block .frame:hover:after  {
    opacity:  1;
    visibility:  visible;
}
.video-block .frame:hover .icon-box  {
    color:  #39b54a;
    border-color:  #fff;
}
.video-block .frame:hover .icon-box:after  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
}
.video-block .frame:after  {
    visibility:  hidden;
    opacity:  0;
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    background:  rgba(0,  0,  0,  .5);
    -webkit-transition:  all linear .3s;
    transition:  all linear .3s;
    z-index:  1;
    display:  none;
}
.video-block .frame .icon-box  {
    position:  absolute;
    top:  50%;
    left:  50%;
    -webkit-transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
    transform:  translate(-50%,  -50%);
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    width:  80px;
    height:  80px;
    font-size:  30px;
    line-height:  1;
    color:  rgba(255,  255,  255,  .4);
    -webkit-transition:  all linear .3s;
    transition:  all linear .3s;
    border:  7px solid rgba(255,  255,  255,  .4);
    border-radius:  100%;
    z-index:  2;
}
.video-block .frame .icon-box:after  {
    content:  "";
    position:  absolute;
    top:  -1px;
    bottom:  -1px;
    left:  -1px;
    right:  -1px;
    background:  #fff;
    border-radius:  50px;
    -webkit-transition:  all linear .3s;
    transition:  all linear .3s;
    -webkit-transform:  scale(0);
    -ms-transform:  scale(0);
    transform:  scale(0);
    z-index:  -1;
}
.video-block .frame .icon-box i  {
    margin:  0 0 0 4px;
}
.video-block .text-box  {
    width:  100%;
    padding:  15px 0 10px;
}
.video-block .title  {
    display:  block;
    font-size:  16px;
    line-height:  20px;
    font-weight:  500;
    margin:  0 0 5px;
}
.video-block time  {
    display:  block;
    font-size:  16px;
    line-height:  20px;
    font-weight:  700;
    color:  #707070;
}
.video-holder  {
    overflow:  hidden;
}
.video-holder .heading  {
    display:  block;
    font-size:  18px;
    line-height:  22px;
    font-weight:  500;
    color:  #002437;
    margin:  0 0 15px;
    margin-top:  20px;
}
.video-wrap  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -ms-flex-flow:  wrap;
    flex-flow:  wrap;
    margin:  0 -6px;
}
.video-wrap .video-col  {
    width:  calc(50% - 12px);
    margin:  0 6px 10px;
}
.video-wrap .video-col .video-box  {
    height:  120px;
}
.video-wrap .video-col .text-box  {
    border:  0;
}
.video-wrap .video-col .icon-box  {
    width:  45px;
    height:  45px;
    border-width:  3px;
    font-size:  15px;
}
.cursos-block  {
    position:  relative;
    margin:  0 0 15px;
}
.cursos-block .box  {
    display:  block;
    position:  relative;
    overflow:  hidden;
    width:  100%;
    min-height:  320px;
    padding:  18px;
    margin-bottom:  30px;
    border-radius:  5px;
    z-index:  2;
}
.cursos-block .box.dark:after  {
    background:  #002437;
}
.cursos-block .box:after  {
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  5px;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    z-index:  -1;
    opacity:  0;
}
.cursos-block .box:hover .bg-img  {
    -webkit-transform:  scale(1.05);
    -ms-transform:  scale(1.05);
    transform:  scale(1.05);
}
.cursos-block .box:hover:after  {
    opacity:  .5;
}
.cursos-block .box:hover .ico  {
    color:  #39b54a;
    background:  #fff;
}
.cursos-block .box:hover .ico:after  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
}
.cursos-block .bg-img  {
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    background-position:  center;
    background-size:  cover;
    background-repeat:  no-repeat;
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
    z-index:  -1;
}
.cursos-block .wrap  {
    width:  100%;
    min-height:  280px;
    padding:  15px;
    border-radius:  5px;
    -webkit-transition:  all ease-in-out .3s;
    transition:  all ease-in-out .3s;
}
.cursos-block .wrap.has-border  {
    border:  1px solid rgba(255,  255,  255,  .3);
}
.cursos-block span  {
    display:  block;
}
.cursos-block .title  {
    display:  block;
    font-size:  20px;
    line-height:  24px;
    font-weight:  500;
    margin:  0 0 5px;
}
.cursos-block .subtitle  {
    display:  none;
    font-size:  18px;
    line-height:  22px;
    font-weight:  500;
    margin:  0 0 6px;
}
.cursos-block .heading  {
    display:  none;
    font-size:  26px;
    line-height:  30px;
    font-weight:  500;
    margin:  0 0 5px;
}
.cursos-block .heading.letter-spacing  {
    letter-spacing:  6px;
}
.cursos-block .ico  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    width:  36px;
    height:  36px;
    border:  2px solid #fff;
    border-radius:  50px;
    position:  absolute;
    left:  34px;
    bottom:  40px;
    font-size:  28px;
    line-height:  1;
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    z-index:  2;
}
.cursos-block .ico:after  {
    content:  "";
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    border-radius:  50px;
    -webkit-transform:  scale(0);
    -ms-transform:  scale(0);
    transform:  scale(0);
    -webkit-transition:  all ease-in-out .4s;
    transition:  all ease-in-out .4s;
    background:  #fff;
    z-index:  -1;
}
.new  {
    display:  inline-block;
    vertical-align:  top;
    font-size:  15px;
    line-height:  18px;
    border-radius:  5px;
    padding:  3px 8px;
    color:  #fff;
    background:  #39b54a;
}
.podcat-article  {
    width:  100%;
    position:  relative;
    margin:  0 0 20px;
    color:  #002437;
}
.podcat-article a  {
    color:  #002437;
}
.podcat-article .heading  {
    display:  block;
    font-size:  18px;
    line-height:  22px;
    font-weight:  500;
    margin:  0 0 20px;
}
.podcat-article .case-holder  {
    border-radius:  5px;
    padding:  20px;
    margin:  0 0 20px;
    background:  #ebebeb;
}
.podcat-article .case-holder .img-box  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    position:  relative;
    width:  189px;
    height:  175px;
    margin:  0 0 15px;
    border-radius:  5px;
    background-position:  center;
    background-repeat:  no-repeat;
    background-size:  cover;
}
.podcat-article .case-holder .img-box .new  {
    position:  absolute;
    top:  -5px;
    left:  -5px;
}
.podcat-article .case-holder .text-holder  {
    -webkit-box-flex:  2;
    -ms-flex-positive:  2;
    flex-grow:  2;
    font-size:  18px;
    line-height:  22px;
}
.podcat-article .case-holder .date  {
    display:  block;
    color:  #39b54a;
    font-style:  italic;
    margin:  0 0 10px;
}
.podcat-article .case-holder .title  {
    display:  block;
    font-weight:  600;
    margin:  0 0 15px;
}
.podcat-article .audio-wrap  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
.podcat-article .audio-wrap .ico  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    width:  30px;
    font-size:  30px;
    line-height:  1;
    color:  #39b54a;
}
.podcat-article .audio-wrap .holder  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    padding:  0 0 0 10px;
}
.podcat-article .audio-wrap .holder img  {
    display:  block;
    width:  100%;
    height:  auto;
}
.accordion-snowflake,  .accordion-inner,  .accordion  {
    list-style:  none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.accordion-snowflake li,  .accordion-inner li  {
    padding:  0;
    border-top:  1px solid #707070;
}
.accordion-snowflake li:first-child,  .accordion-inner li:first-child  {
    border:  0;
}
.accordion-snowflake li.active a.btn-opener,  .accordion-inner li.active a.btn-opener  {
    background:  #39b54a;
}
.accordion a.title-accordion  {
    display:  block;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    font-size:  14px;
    line-height:  17px;
    font-weight:  500;
    padding:  20px 40px 20px 0;
    position:  relative;
    color:  #363636;
}
.accordion-snowflake a.btn-opener,  .accordion-snowflake a.btn-opener-inner,  .accordion-inner a.btn-opener,  .accordion-inner a.btn-opener-inner  {
    display:  block;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    font-size:  14px;
    line-height:  17px;
    font-weight:  500;
    padding:  20px 40px 20px 20px;
    background:  #363636;
    position:  relative;
}
.accordion li a.title-accordion:before {
    content:  "\f0ab";
    font-family:  "Font Awesome 5 Pro";
    font-size:  18px;
    line-height:  1;
    position:  absolute;
    top:  50%;
    right:  0;
}
.accordion li.active a.title-accordion:before {
    content:  "\f0aa";
    font-family:  "Font Awesome 5 Pro";
    font-size:  18px;
    line-height:  1;
    position:  absolute;
    top:  50%;
    right:  0;
}
.accordion-snowflake a.btn-opener:before,  .accordion-snowflake a.btn-opener-inner:before,  .accordion-inner a.btn-opener:before,  .accordion-inner a.btn-opener-inner:before {
    content:  "\e91a";
    font-family:  "icomoon";
    font-size:  14px;
    line-height:  1;
    position:  absolute;
    top:  50%;
    right:  15px;
    -webkit-transform:  translateY(-50%) rotate(-90deg);
    -ms-transform:  translateY(-50%) rotate(-90deg);
    transform:  translateY(-50%) rotate(-90deg);
}
.accordion-snowflake a.btn-opener:hover,  .accordion-snowflake a.btn-opener-inner:hover,  .accordion-inner a.btn-opener:hover,  .accordion-inner a.btn-opener-inner:hover  {
    color:  #fff;
    background:  #39b54a;
}
.accordion-snowflake a.btn-opener .text,  .accordion-snowflake a.btn-opener-inner .text,  .accordion-inner a.btn-opener .text,  .accordion-inner a.btn-opener-inner .text  {
    font-style:  italic;
}
.accordion-snowflake a.btn-opener-inner,  .accordion-inner a.btn-opener-inner  {
    background:  #002437 !important;
}
.accordion-snowflake a.btn-opener-inner .title,  .accordion-inner a.btn-opener-inner .title  {
    font-weight:  400;
}
.accordion-snowflake a.btn-opener-inner .title:before,  .accordion-inner a.btn-opener-inner .title:before  {
    color:  #39b54a;
}
.accordion-snowflake .title,  .accordion-inner .title  {
    display:  block;
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    position:  relative;
    padding:  0 0 10px 25px;
}
.accordion-snowflake .title:before,  .accordion-inner .title:before  {
    content:  "";
    font-family:  "icomoon";
    font-size:  16px;
    line-height:  1;
    position:  absolute;
    top:  0;
    left:  0;
}
.accordion-snowflake .title.concluido:before,  .accordion-inner .title.concluido:before  {
    content:  "\e91c";
    font-family:  "icomoon";
    font-size:  16px;
    line-height:  1;
    position:  absolute;
    top:  0;
    left:  0;
}
.accordion-snowflake .slide,  .accordion-snowflake .slide-inner,  .accordion-inner .slide,  .accordion-inner .slide-inner  {
    position:  relative;
}
.accordion-snowflake .video-holder,  .accordion-inner .video-holder  {
    width:  100%;
    height:  300px;
    position:  relative;
    background:  #00364c;
}
.accordion-snowflake .video-holder .btn-play,  .accordion-inner .video-holder .btn-play  {
    font-size:  70px;
    line-height:  1;
    opacity:  .5;
    position:  absolute;
    top:  50%;
    left:  50%;
    -webkit-transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
    transform:  translate(-50%,  -50%);
}
.accordion-snowflake .video-holder .text-wrap,  .accordion-inner .video-holder .text-wrap  {
    width:  100%;
    color:  #fff;
    text-align:  center;
    position:  absolute;
    top:  50%;
    left:  50%;
    -webkit-transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
    transform:  translate(-50%,  -50%);
}
.accordion-snowflake .video-holder .text-wrap .text,  .accordion-inner .video-holder .text-wrap .text  {
    display:  block;
    font-size:  20px;
    line-height:  25px;
    text-transform:  uppercase;
    letter-spacing:  5px;
}
.accordion-snowflake .video-holder .text-wrap .title,  .accordion-inner .video-holder .text-wrap .title  {
    display:  block;
    font-size:  22px;
    line-height:  25px;
    font-weight:  500;
    margin:  0 0 20px;
    padding:  0;
}
.accordion-snowflake .video-holder .text-wrap .title:before,  .accordion-inner .video-holder .text-wrap .title:before  {
    display:  none;
}
.accordion-snowflake .text-box,  .accordion-inner .text-box  {
    width:  100%;
    padding:  20px 0;
    overflow:  hidden;
}
.accordion-snowflake .text-box .heading,  .accordion-inner .text-box .heading  {
    display:  block;
    margin:  0 0 10px;
}
.accordion-snowflake .text-box .subtitle,  .accordion-inner .text-box .subtitle  {
    display:  block;
    margin:  0 0 15px;
    color:  #7e7f84;
}
.progress-holder  {
    width:  100%;
    color:  #fff;
    padding:  22px 20px;
    background:  #001a25;
}
.progress-holder .wrap  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    padding:  0 0 10px;
}
.progress-holder .progress  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
}
.progress-holder .title  {
    display:  block;
    font-size:  15px;
    line-height:  18px;
    text-transform:  capitalize;
    font-weight:  normal;
    margin:  0 10px 0 0;
}
.progress-holder .count  {
    display:  block;
    font-size:  15px;
    line-height:  18px;
    font-weight:  500;
    font-style:  italic;
    padding:  0 5px;
}
.progress-holder .text  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    font-size:  15px;
    line-height:  18px;
    font-weight:  500;
    font-style:  italic;
}
.chat-header  {
    width:  100%;
    padding:  20px;
    background:  #032030;
}
.chat-header .header-holder  {
    position:  relative;
}
.chat-header .logo  {
    width:  150px;
    margin:  0 auto 10px;
}
.chat-header .logo img  {
    display:  block;
    width:  100%;
    height:  auto;
}
.chat-header .holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
}
.chat-header .btn-sort  {
    display:  inline-block;
    vertical-align:  top;
    font-size:  20px;
    line-height:  1;
    margin:  0 0 0 15px;
    color:  #00aeef;
}
.chat-header .btn-sort:hover  {
    color:  #fff;
}
.chat-header .search-form  {
    width:  237px;
    position:  relative;
    border-bottom:  1px solid #001925;
}
.chat-header .search-form button  {
    position:  absolute;
    top:  8px;
    right:  0;
    border:  0;
    outline:  none;
    box-sizing:  none;
    padding:  0;
    color:  #707070;
    background:  none;
}
.chat-header .search-form input  {
    width:  100%;
    height:  32px;
    font-size:  14px;
    line-height:  18px;
    font-style:  italic;
    padding:  8px 20px 8px 0;
    color:  #fff;
    border:  0;
    outline:  none;
    box-shadow:  none;
    background:  none;
}
.chat-header .search-form input::-webkit-input-placeholder  {
    color:  #fff;
}
.chat-header .search-form input::-moz-placeholder  {
    opacity:  1;
    color:  #fff;
}
.chat-header .search-form input:-moz-placeholder  {
    color:  #fff;
}
.chat-header .search-form input:-ms-input-placeholder  {
    color:  #fff;
}
.chat-header .search-form input.placeholder  {
    color:  #fff;
}
.nav.nav-tabs.chat-tabs  {
    width:  100%;
    padding:  3px;
    margin:  10px auto 0;
    border:  1px solid #006093;
    border-radius:  10px;
}
.nav.nav-tabs.chat-tabs li.nav-item  {
    width:  100%;
}
.nav.nav-tabs.chat-tabs .nav-link  {
    display:  block;
    min-width:  100px;
    font-size:  12px;
    line-height:  15px;
    padding:  5px 15px;
    font-weight:  normal;
    text-transform:  capitalize;
    border-radius:  5px;
    margin:  0;
    border:  0;
}
.nav.nav-tabs.chat-tabs .nav-link:hover,  .nav.nav-tabs.chat-tabs .nav-link.active  {
    color:  #fff;
    background:  #39b54a;
}
.nav.nav-tabs.chat-tabs .nav-link.interaction:hover,  .nav.nav-tabs.chat-tabs .nav-link.interaction.active  {
    background:  #013b51;
}
.nav.nav-tabs.chat-tabs .nav-link.private:hover,  .nav.nav-tabs.chat-tabs .nav-link.private.active  {
    background:  #001925;
}
.chat-page textarea {
    background-color: #f1f1f1;
    color:  #163b4e;
}
.chat-page .form-control:focus {
    background-color: #f1f1f1;
    color:  #163b4e;
}
.chat-card  {
    width:  100%;
    position:  relative;
    margin-bottom: 40px;
}
.chat-box  {
    background: #f1f1f1;
}
.chat-card .btn-dropdown  {
    position:  absolute;
    top:  15px;
    right:  10px;
}
.chat-card .title-box  {
    width:  100%;
    font-size:  17px;
    line-height:  20px;
    font-weight:  500;
    padding:  10px 0;
    border-bottom:  1px solid #fff;
    margin:  0 0 20px;
}
.chat-card .title-box .text  {
    display:  block;
}
.chat-card .feed-header  {
    width:  100%;
    position: relative;
    margin-bottom: 15px;
}
.chat-card .feed-header .img-box  {
    width:  45px;
    height:  45px;
    border-radius:  100%;
}
.chat-card .feed-header .img-box img  {
    display:  block;
    width:  100%;
    height:  auto;
    object-fit:  cover;
    border-radius:  100%;
}
.chat-card .feed-header .text-box  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    padding:  0 0 0 16px;
}
.chat-card .feed-header .name  {
    display:  block;
    font-size:  16px;
    line-height:  19px;
    font-weight:  normal;
    margin:  0 0 5px;
}
.chat-card .feed-header .time  {
    display:  block;
    font-size:  14px;
    line-height:  17px;
    color:  #707070;
}
.chat-card .text-holder  {
    overflow:  hidden;
    font-size:  15px;
    line-height:  19px;
    padding:  20px 0 30px;
    color:  #163b4e;
}
.chatBoxModal .chat-card .text-holder  {
    overflow:  hidden;
    font-size:  15px;
    line-height:  19px;
    padding:  20px 0 30px;
    color:  #fff;
}
.chat-card .text-holder .title  {
    display:  block;
    font-size:  17px;
    line-height:  20px;
    font-weight:  500;
    color:  #fff;
    margin:  0 0 20px;
}
.chat-card .footer  {
    width:  100%;
}
.chat-card .btn-holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    margin:  0 -5px 24px;
}
.chat-card .btn-holder .btn-tag  {
    margin:  0 5px;
}
.chat-card .action-btns  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    width:  100%;
    padding:  20px 0 0;
    border-top:  1px solid #fff;
}
.action-list  {
    list-style:  none;
    margin:  0 -15px;
    padding:  0;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    font-size:  16px;
    line-height:  19px;
}
.action-list li  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    padding:  0 15px;
}
.action-list li .count  {
    margin:  0 0 0 10px;
}
.action-list li a  {
    color:  #00aeef;
}
.action-list li a:hover  {
    color:  #39b54a;
}
.action-list li a:hover .count  {
    color:  #39b54a;
}
.action-list li a.like:hover,  .action-list li a.like.active  {
    color:  #39b54a;
}
.action-list .ico  {
    font-size:  28px;
    line-height:  1;
}
.action-list .ico.icon-share  {
    font-size:  25px;
}
.btn-dropdown  {
    display:  inline-block;
    vertical-align:  top;
}
.btn-dropdown .btn-menu  {
    margin:  0;
    padding:  0;
    outline:  none;
    box-shadow:  none;
    border:  0;
    color:  #31596c;
    font-size:  20px;
    line-height:  1;
    background:  none;
}
.btn-dropdown .dropdown-menu  {
    font-size:  14px;
    line-height:  17px;
    color:  #fff;
    background:  #013b51;
}
.btn-dropdown .dropdown-menu .dropdown-item  {
    color:  #fff;
}
.btn-dropdown .dropdown-menu .dropdown-item:hover  {
    background:  #39b54a;
}
.chat-cols  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    position:  relative;
    padding:  50px 0 0;
}
.chat-cols .sidebar  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    width:  50px;
}
.chat-cols .sidebar .search-form  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    width:  100%;
    border-radius:  5px;
    margin:  0 0 15px;
    background-color:  #013b51;
}
.chat-cols .sidebar .search-form .btn-search  {
    position:  absolute;
    top:  8px;
    right:  5px;
    border:  0;
    font-size:  14px;
    line-height:  1;
    outline:  none;
    color:  #fff;
    box-shadow:  none;
    background:  none;
}
.chat-cols .sidebar .search-form input  {
    width:  100%;
    height:  34px;
    font-size:  14px;
    line-height:  18px;
    font-style:  italic;
    color:  #fff;
    padding:  8px 30px 8px 12px;
    border:  0;
    outline:  none;
    box-shadow:  none;
    background:  none;
}
.chat-cols .sidebar .search-form input::-webkit-input-placeholder  {
    color:  #fff;
}
.chat-cols .sidebar .search-form input::-moz-placeholder  {
    opacity:  1;
    color:  #fff;
}
.chat-cols .sidebar .search-form input:-moz-placeholder  {
    color:  #fff;
}
.chat-cols .sidebar .search-form input:-ms-input-placeholder  {
    color:  #fff;
}
.chat-cols .sidebar .search-form input.placeholder  {
    color:  #fff;
}
.chat-cols .tab-content  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    padding:  0 0 0 15px;
}
.user-list  {
    display:  block !important;
    position:  static !important;
    width:  100% !important;
    list-style:  none;
    margin:  0;
    padding:  0;
}
.user-list li  {
    margin:  0 0 5px;
}
.user-list .user-holder  {
    width:  100%;
    border:  0;
    border-radius:  5px;
    background:  none;
}
.user-list .user-holder:hover,  .user-list .user-holder.active  {
    background:  #001925;
}
.user-holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    text-align:  left;
    position:  relative;
    padding:  8px 38px 8px 10px;
}
.user-holder.active .img-box:before  {
    display:  block;
}
.user-holder .count  {
    position:  absolute;
    top:  16px;
    right:  8px;
    -ms-flex-negative:  0;
    flex-shrink:  0;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    min-width:  24px;
    height:  24px;
    font-size:  12px;
    line-height:  14px;
    color:  #fff;
    padding:  3px;
    border-radius:  50px;
    background:  #013b51;
}
.user-holder .img-box  {
    width:  44px;
    height:  44px;
    position:  relative;
    border-radius:  100%;
}
.user-holder .img-box:before  {
    display:  none;
    content:  "";
    position:  absolute;
    left:  0;
    bottom:  0;
    width:  10px;
    height:  10px;
    border-radius:  50px;
    background:  #39b54a;
}
.user-holder .img-box img  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    display:  block;
    width:  100%;
    height:  auto;
    border-radius:  100%;
}
.user-holder .text-box  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    padding:  0 0 0 10px;
}
.user-holder .name  {
    display:  block;
    font-size:  12px;
    line-height:  15px;
    text-transform:  capitalize;
    font-weight:  normal;
    color:  #fff;
    margin:  0 0 5px;
}
.user-holder .time,  .user-holder .text  {
    display:  block;
    font-size:  12px;
    line-height:  14px;
    color:  #707070;
}
.scrollable-area  {
    overflow:  hidden;
    overflow-y:  auto;
    max-height:  400px;
    padding:  5px 0;
    -ms-overflow-style:  none;
    scrollbar-width:  none;
}
.scrollable-area::-webkit-scrollbar  {
    display:  none;
}
.user-chat-area  {
    width:  100%;
    padding:  15px 12px 10px;
    border-radius:  5px;
    background:  #001925;
}
.user-chat-area .chat-head  {
    width:  100%;
    position:  relative;
    margin:  0 0 15px;
}
.user-chat-area .chat-head .subtitle  {
    display:  block;
    font-size:  13px;
    line-height:  16px;
    font-weight:  normal;
    font-style:  italic;
}
.user-chat-area .wrap  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    margin:  0 0 10px;
}
.user-chat-area .wrap .img-box  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    width:  40px;
    height:  40px;
    border-radius:  100%;
}
.user-chat-area .wrap .img-box img  {
    display:  block;
    width:  100%;
    height:  auto;
    border-radius:  100%;
}
.user-chat-area .wrap .text-box  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    padding:  0 0 0 10px;
}
.user-chat-area .wrap .name  {
    display:  block;
    font-size:  16px;
    line-height:  20px;
    font-weight:  normal;
}
.user-chat-area .chat-area  {
    overflow:  hidden;
    overflow-y:  auto;
    max-height:  280px;
    font-size:  13px;
    line-height:  16px;
    padding:  6px 0;
    -ms-overflow-style:  none;
    scrollbar-width:  none;
}
.user-chat-area .chat-area::-webkit-scrollbar  {
    display:  none;
}
.user-chat-area .chat-area .align-left,  .user-chat-area .chat-area .align-right  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    -webkit-box-align:  start;
    -ms-flex-align:  start;
    align-items:  flex-start;
    width:  100%;
    color:  #568ba4;
    margin:  0 0 10px;
}
.user-chat-area .chat-area .align-right  {
    color:  #39b54a;
    -webkit-box-align:  end;
    -ms-flex-align:  end;
    align-items:  flex-end;
}
.user-chat-area .chat-area .chat-txt  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    max-width:  100%;
    min-width:  100%;
    padding:  8px 10px;
    margin:  0 0 9px;
    border-radius:  5px;
    border:  1px solid #002f48;
}
.user-chat-area .chat-area .chat-txt p  {
    margin:  0;
}
.user-chat-area .chat-area .chat-txt .time  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    color:  #fff;
    margin:  0 0 0 20px;
}
.user-chat-area .input-holder  {
    width:  100%;
    position:  relative;
}
.user-chat-area .input-holder textarea  {
    width:  100%;
    max-height:  45px;
    font-size:  15px;
    line-height:  18px;
    color:  #fff;
    padding:  12px 32px;
    border-radius:  5px;
    border:  solid 1px #002f48;
    background:  #003045;
    resize:  none;
}
.user-chat-area .input-holder textarea::-webkit-input-placeholder  {
    color:  #fff;
}
.user-chat-area .input-holder textarea::-moz-placeholder  {
    opacity:  1;
    color:  #fff;
}
.user-chat-area .input-holder textarea:-moz-placeholder  {
    color:  #fff;
}
.user-chat-area .input-holder textarea:-ms-input-placeholder  {
    color:  #fff;
}
.user-chat-area .input-holder textarea.placeholder  {
    color:  #fff;
}
.user-chat-area .input-holder button  {
    position:  absolute;
    top:  16px;
    left:  10px;
    padding:  0;
    margin:  0;
    border:  0;
    font-size:  14px;
    line-height:  1;
    color:  #fff;
    outline:  none;
    box-shadow:  none;
    background:  none;
}
.user-chat-area .input-holder button.icon-send  {
    left:  auto;
    right:  10px;
}
.scrollable-holder  {
    overflow:  hidden;
    overflow-y:  auto;
    max-height:  500px;
    padding:  0 20px 0 0;
}
.scrollable-holder::-webkit-scrollbar  {
    width:  7px;
    border-radius:  10px;
}
.scrollable-holder::-webkit-scrollbar-track  {
    background:  #052637;
    border-radius:  10px;
}
.scrollable-holder::-webkit-scrollbar-thumb  {
    background:  #006093;
    border-radius:  10px;
}
.chat-modal .modal-close  {
    position:  absolute;
    top:  0;
    right:  5px;
}
.chatBoxModal .modal-close  {
    top:  8px;
    right: 10px;
}
.chatBoxModal .modal-content  {
    background:  #001925;
}
.chatBoxModal .scrollable-holder  {
    max-height:  700px;
}
.chatBoxModal .modal-body  {
    padding:  30px 15px 30px 15px;
}
.chatBoxModal .chat-card  {
    background:  #001925;
}
.wright-commint  {
    width:  100%;
}
.wright-commint .holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    margin:  0 0 20px;
}
.wright-commint .img-box  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    width:  35px;
    height:  35px;
    margin:  0 10px 0 0;
    border-radius:  50px;
}
.wright-commint .img-box img  {
    display:  block;
    width:  100%;
    height:  auto;
    border-radius:  50px;
}
.wright-commint .input-text  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    height:  45px;
    font-size:  14px;
    line-height:  18px;
    padding:  8px 0;
    color:  #568ba4;
    box-shadow:  none;
    outline:  none;
    background:  none;
    border-width:  0 0 1px 0;
    border-style:  solid;
    border-color:  #fff;
}
.wright-commint .input-text::-webkit-input-placeholder  {
    color:  #568ba4;
}
.wright-commint .input-text::-moz-placeholder  {
    opacity:  1;
    color:  #568ba4;
}
.wright-commint .input-text:-moz-placeholder  {
    color:  #568ba4;
}
.wright-commint .input-text:-ms-input-placeholder  {
    color:  #568ba4;
}
.wright-commint .input-text.placeholder  {
    color:  #568ba4;
}
.wright-commint .btn-box  {
    font-size:  12px;
    line-height:  15px;
}
.wright-commint .btn-box .text  {
    display:  block;
    font-weight:  300;
    font-style:  italic;
    padding:  0 10px;
    margin:  0 0 10px;
    color:  #df6a6a;
}
.chat-moda {
    z-index:  1055!important;
}
.chatBoxModal {
    z-index:  1056!important;
}
.shareModal {
    z-index:  1057!important;
}
.shareModal .modal-body  {
    padding:  60px 15px 20px;
}
.shareModal .title  {
    display:  block;
    font-size:  16px;
    line-height:  20px;
    font-weight:  normal;
    text-transform:  capitalize;
    margin:  0 0 15px;
}
.shareModal .link-box  {
    width:  100%;
    font-size:  12px;
    line-height:  15px;
    padding:  10px;
    margin:  0 0 15px;
    word-break:  break-all;
    border-radius:  5px;
    border:  1px solid #02a3df;
}
.btn-create-group  {
    display:  inline-block;
    vertical-align:  top;
    position:  relative;
    font-size:  12px;
    line-height:  14px;
    font-weight:  500;
    text-transform:  capitalize;
    color:  #fff;
    margin:  0 0 20px;
    padding:  0 20px 0 0;
}
.btn-create-group i  {
    display:  inline-block;
    vertical-align:  middle;
    font-size:  15px;
    line-height:  1;
    color:  #009eda;
    position:  absolute;
    top:  0;
    right:  0;
}
.creategroupModal .modal-close  {
    top:  20px;
}
.creategroupModal .modal-content  {
    border-radius:  5px;
    border:  solid 1px #39b54a;
    background:  #001925;
}
.creategroupModal .modal-body  {
    padding:  50px 10px 30px 15px;
}
.creategroupModal .new-group  {
    width:  100%;
    position:  relative;
}
.creategroupModal .header  {
    width:  100%;
    margin:  0 0 15px;
}
.creategroupModal .header .title  {
    display:  block;
    font-size:  20px;
    line-height:  24px;
    font-weight:  normal;
    text-transform:  capitalize;
}
.creategroupModal .header .title span  {
    display:  block;
    font-size:  14px;
    line-height:  24px;
    font-weight:  normal;
}
.creategroupModal .input-name  {
    width:  100%;
    height:  45px;
    font-size:  15px;
    line-height:  18px;
    padding:  10px 0;
    margin:  0 0 15px;
    color:  #fff;
    border-width:  0 0 1px;
    border-style:  solid;
    border-color:  #006093;
    box-shadow:  none;
    outline:  none;
    background:  none;
}
.creategroupModal .input-name::-webkit-input-placeholder  {
    color:  #fff;
}
.creategroupModal .input-name::-moz-placeholder  {
    opacity:  1;
    color:  #fff;
}
.creategroupModal .input-name:-moz-placeholder  {
    color:  #fff;
}
.creategroupModal .input-name:-ms-input-placeholder  {
    color:  #fff;
}
.creategroupModal .input-name.placeholder  {
    color:  #fff;
}
.creategroupModal .group-holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -ms-flex-flow:  wrap;
    flex-flow:  wrap;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    text-align:  center;
    padding:  15px 20px;
    margin:  0 0 20px;
    border-radius:  5px;
    background:  #01202f;
}
.creategroupModal .group-holder .box  {
    min-width:  75px;
    padding:  0 5px;
}
.creategroupModal .group-holder .img-box  {
    width:  45px;
    height:  45px;
    position:  relative;
    border-radius:  100%;
    margin:  0 auto 10px;
}
.creategroupModal .group-holder .img-box img  {
    display:  block;
    width:  100%;
    height:  auto;
    border-radius:  100%;
}
.creategroupModal .group-holder .img-box .ico  {
    position:  absolute;
    right:  -3px;
    bottom:  -2px;
    font-size:  12px;
    line-height:  1;
}
.creategroupModal .group-holder .name  {
    display:  block;
    font-size:  14px;
    line-height:  17px;
    text-transform:  capitalize;
    font-weight:  normal;
}
.creategroupModal .btn-holder  {
    width:  100%;
    padding:  25px 0 0;
}
.search-box  {
    width:  100%;
    margin:  0 0 13px;
    position:  relative;
}
.search-box .btn-search  {
    position:  relative;
    top:  40px;
    left:  10px;
    font-size:  16px;
    line-height:  1;
    color:  #fff;
    border:  0;
    outline:  none;
    box-shadow:  none;
    background:  none;
}
.search-box input  {
    width:  100%;
    height:  56px;
    font-size:  14px;
    line-height:  18px;
    color:  #568ba4;
    padding:  10px 20px 10px 40px;
    border:  1px solid #009eda;
    border-radius:  5px;
    outline:  none;
    box-shadow:  none;
    background:  #001925;
}
.search-box input::-webkit-input-placeholder  {
    color:  #568ba4;
}
.search-box input::-moz-placeholder  {
    opacity:  1;
    color:  #568ba4;
}
.search-box input:-moz-placeholder  {
    color:  #568ba4;
}
.search-box input:-ms-input-placeholder  {
    color:  #568ba4;
}
.search-box input.placeholder  {
    color:  #568ba4;
}
.group-list  {
    list-style:  none;
}
.group-list .user-checkbox  {
    display:  block;
    border-bottom:  1px solid #fff;
}
.group-list .user-checkbox input[type="checkbox"]  {
    display:  none;
}
.group-list .user-checkbox input[type="checkbox"]:checked ~ .holder:before  {
    border-color:  #fff;
    background:  #39b54a;
}
.group-list .user-checkbox .holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    padding:  12px 30px 12px 0;
    cursor:  pointer;
    position:  relative;
}
.group-list .user-checkbox .holder:before  {
    content:  "";
    position:  absolute;
    top:  50%;
    right:  0;
    width:  17px;
    height:  17px;
    border:  1px solid #009eda;
    border-radius:  50px;
    background:  none;
}
.group-list .user-checkbox .img  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    width:  35px;
    height:  35px;
    margin:  0 10px 0 0;
    border-radius:  100%;
}
.group-list .user-checkbox .img img  {
    display:  block;
    width:  100%;
    height:  auto;
}
.group-list .user-checkbox .name  {
    display:  block;
    font-size:  14px;
    line-height:  18px;
    font-weight:  normal;
    margin:  0 10px 0 0;
}
.group-list .user-checkbox .email  {
    display:  block;
    font-size:  12px;
    line-height:  15px;
    font-style:  italic;
    font-weight:  normal;
    color:  #009eda;
    margin:  0 10px 0 0;
}
.btn  {
    font-size:  14px;
}
.btn [class^="icon-"],  .btn [class*=" icon-"]  {
    font-size:  20px;
    line-height:  1;
    display:  inline-block;
    vertical-align:  top;
    margin-right:  6px;
}
.btn.btn-success  {
    color:  #fff;
}
.btn.btn-facebook  {
    background:  #316ce6;
    font-size:  14px;
}
.btn.btn-facebook:hover  {
    background:  #164ab5;
}
.btn.btn-google  {
    background:  #dc4b39;
    font-size:  14px;
}
.btn.btn-google:hover  {
    background:  #aa2e1e;
}
.btn.btn-blue  {
    background:  #02a3df;
    font-size:  16px;
    padding-top:  7px;
    padding-bottom:  7px;
    border-radius:  5px;
    font-weight:  bold;
}

.btn.btn-green  {
    background:  #39b54a;
    font-size:  16px;
    padding-top:  7px;
    padding-bottom:  7px;
    border-radius:  5px;
    font-weight:  bold;
}
.btn.btn-blue-2  {
    background:  #006093;
    font-size:  16px;
    padding:  6px 20px;
    border-radius:  5px;
    font-weight:  400;
    margin-top:  20px;
}
.btn.btn-blue-2:hover  {
    background:  #001621;
    font-size:  16px;
    padding:  6px 20px;
    border-radius:  5px;
    font-weight:  400;
    margin-top:  20px;
}
.btn.sm  {
    padding-top:  3px;
    padding-bottom:  3px;
}
.transaction-table-holder  {
    margin-left:  -10px;
    margin-right:  -10px;
}
.table  {
    vertical-align:  middle;
}
.table.transaction-table thead tr  {
    border-bottom:  1px solid rgba(255,  255,  255,  .5);
    border-top:  1px solid rgba(255,  255,  255,  .5);
}
.table.transaction-table thead th  {
    color:  #006093;
    font-weight:  normal;
}
.table.transaction-table > :not(caption) > * > *  {
    border-bottom:  none;
    padding-top:  23px;
    padding-bottom:  23px;
}
.table.transaction-table .btn  {
    width:  100%;
    border-radius:  5px;
}
.table.analysis-table  {
    font-size:  14px;
}
.table.analysis-table tbody tr:not(:only-child):last-child td  {
    border-bottom:  none;
}
.table.analysis-table > :not(caption) > * > *  {
    border-bottom-color:  #063751;
}
.table.analysis-table > :not(:last-child) > :last-child > *  {
    border-bottom:  none;
    background:  #006093;
}
.table.analysis-table thead th:first-child  {
    border-top-left-radius:  5px;
    border-bottom-left-radius:  5px;
}
.table.analysis-table thead th:last-child  {
    border-top-right-radius:  5px;
    border-bottom-right-radius:  5px;
}
.table.recommendation-table tbody  {
    border-bottom-color:  #ffffff !important;
    padding-top:  10px;
    padding-bottom:  10px;
}
.table.recommendation-table tbody tr  {
    height:  82px !important;
}
.table.recommendation-table thead tr th  {
    border-bottom-color:  #ccc !important;
    padding-top:  20px;
    padding-bottom:  20px;
}
.table.recommendation-table tbody td:nth-last-of-type(3)  {
    font-weight:  bold;
}
.table-striped > tbody > tr:nth-of-type(odd)  {
    --bs-table-accent-bg:  transparent;
    color:  #fff;
}
.table-striped > tbody > tr:nth-of-type(even)  {
    --bs-table-accent-bg:  #032b40;
}
.breadcrumb > li {
    font-size:  13px;
}
.breadcrumb-item.active  {
}
.breadcrumb-item.with-icon  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  15px;
}
.breadcrumb-item.with-icon [class^='icon-'],  .breadcrumb-item.with-icon [class*=' icon-']  {
    color:  #61ae46;
}
.text-red  {
    color:  #ef0c32;
}
.font-xxl  {
    font-size:  20px;
    line-height:  1.5;
}
.block  {
    background:  #002437;
    border-radius:  7px;
}
.max-width-325  {
    max-width:  325px;
}
.border-casal  {
    border:  1px solid #31596c;
}
.color-cerulean  {
    color:  #00aeef;
}
.font-weight-semibold  {
    font-weight:  600;
}
.font-weight-normal {
    font-weight:  normal!important;
}
.text-tundora  {
    color:  #464646;
}
.text-yellow  {
    color:  #ffcc1d;
}
.font-lg  {
    font-size:  18px;
    line-height:  23px;
}
.text-light-green  {
    color:  #79c484;
}
.social-login-holder  {
    max-width:  567px;
    margin:  0 auto;
    padding-top:  15px;
    padding-bottom:  15px;
}
.social-login-holder .social-login-block  {
    padding:  30px;
}
.social-login-holder .social-login-block a  {
    font-size: 15px;
}
.registration-form  {
    padding:  30px;
}
form div.error  {
}
form div.error input  {
    border: solid 2px #f00;
}
.form-check-input  {
    margin-top:  -2px;
}
.plan-holder  {
    padding-top:  50px;
    padding-bottom:  50px;
}
.plan-holder .subtitle  {
    color:  #125b6f;
}
.plan-section  {
    padding:  15px;
}
.plan-section .btn-secondary  {
    max-width:  324px;
    display:  block;
    margin:  0 auto;
    background-color:  #0f1a22;
    border-color:  #0f1a22;
}
.plan-col  {
    margin-bottom:  30px;
    padding-bottom:  30px;
    border-bottom:  1px solid #fff;
}
.plan-col.faded  {
    opacity:  .2;
    -webkit-transition:  opacity .3s linear;
    transition:  opacity .3s linear;
}
.plan-col.faded:hover  {
    opacity:  1;
}
.plan-col .plan-img-holder  {
    border-radius:  5px;
    overflow:  hidden;
    position:  relative;
    line-height:  1.2;
    font-weight:  bold;
    display:  block;
    margin-bottom:  13px;
    min-height:  294px;
    background-color:  #0B1820 }
.plan-col .plan-img-holder img  {
    width:  100%;
}
.plan-col .title-holder  {
    position:  absolute;
    inset:  0;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    text-align:  center;
}
.plan-col .detail  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
.plan-col .detail i  {
    color:  #39b54a;
    font-size:  24px;
    margin-right:  10px;
}
.plan-col .plan-name  {
    font-size:  30px;
    text-transform:  uppercase;
    margin-bottom:  32px;
    font-size:  19px;
    font-weight:  400;
}
.plan-col .plan-name:after  {
    content:  "";
    border-bottom:  5px solid #68b144;
    display:  block;
    max-width:  72px;
    margin:  12px auto 0;
}
.plan-col .check-holder  {
    border-radius:  5px;
    background-color:  #041925;
    padding:  12px 18px 12px 12px;
    margin-bottom:  13px;
    font-size:  13px;
    line-height:  1.4;
}
.plan-col .check-holder .form-check  {
    margin-bottom:  0;
}
.plan-col .plan-text  {
    line-height:  1.6;
    font-weight:  500;
    text-align:  center;
    font-size:  14px;
}
.plan-col .price  {
    text-align:  center;
    font-size:  20px;
    font-weight:  500;
    line-height:  1.2;
    padding:  20px 10px;
    border-radius:  5px;
    display:  block;
    margin-bottom:  12px;
}
.plan-col .price em  {
    font-size:  30px;
    font-style:  normal;
}
.plan-col .btn-choose  {
    border-radius:  5px;
    background-color:  #07354d;
    color:  #39b54a;
    text-transform:  uppercase;
    padding:  20px;
    display:  block;
    text-align:  center;
    font-weight:  500;
    font-size:  20px;
    line-height:  1.2;
    width: 100%;
    border: none;
    transition: all .8 linear;
}
.plan-col .btn-choose:hover  {
    background-color:  #0b557c;
}
.completed-reg  {
    max-width:  517px;
    margin:  0 auto;
    padding:  30px;
    line-height:  1.2;
    text-align:  center;
}
.payment-method .invoice-box  {
    padding:  15px 10px;
    margin-bottom:  5px;
    font-size:  13px;
}
.payment-method .invoice-detail  {
    padding:  22px 10px;
}
.payment-method .subtotal-box  {
    padding:  15px;
    background:  #041925;
}
.payment-method .subtotal  {
    font-size:  18px;
    font-weight:  500;
}
.payment-method .total  {
    color:  #00aeef;
    margin-left:  10px;
}
.payment-method .total-box  {
    padding:  15px;
    font-size:  18px;
    line-height:  1;
    font-weight:  bold;
}
.user-info  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    margin-bottom:  30px;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    text-align:  center;
    gap:  15px;
}
.user-info .user-name  {
    margin-right:  30px;
}
.user-info .user-name .name  {
    font-size:  18px;
    font-weight:  600;
    display:  block;
    margin-bottom:  6px;
    margin-left:  20px;
    margin-top:  10px;
}
.user-info .user-name .email  {
    font-size:  12px;
    font-style:  italic;
    font-weight:  400;
    margin-left:  20px;
}
.button-camera  {
    background-color:  #048ec0;
    color:  #fff;
    border-radius:  50%;
    padding:  5px;
    position:  absolute;
    bottom:  -20px;
    right:  -20px;
    width:  30px;
    height:  30px;
}
.button-camera:hover  {
    background-color:  #001621;
}
.button-camera i  {
    position:  absolute;
    left:  8.5px;
    top:  8.5px;
}
.user-info .change-profile-link  {
    font-size:  14px;
    font-style:  italic;
    text-decoration:  underline;
    margin-left:  15px;
}
.user-info .user-plan  {
    border:  solid 1px #006093;
    padding:  5px 10px;
    border-radius:  5px;
    font-size:  14px;
}
.user-info .btn  {
    font-size:  14px;
    border-radius:  5px;
}
.my-profile  {
    border-radius:  5px;
    border:  solid 1px #002f48;
    padding:  25px 10px;
}
.my-profile .title  {
    font-size:  18px;
    font-weight:  600;
    margin-bottom:  20px;
    display:  block;
}
.nav.nav-tabs  {
    position:  static;
    padding:  0;
    -webkit-transform:  none;
    -ms-transform:  none;
    transform:  none;
    width:  auto;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    border-bottom:  none;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
}
.nav.nav-tabs .nav-link  {
    border-left:  0;
    border-right:  0;
    border-bottom-color:  #041925;
    width:  100%;
}
.nav.nav-tabs .nav-link:hover  {
    color:  #39b54a;
}
.nav.nav-tabs .nav-link.active  {
    border-bottom-color:  #39b54a;
}
.nav.nav-tabs .nav-item  {
    width:  100%;
}
.nav.nav-pills  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  8px;
    font-weight:  500;
    position:  static;
    padding:  0;
    -webkit-transform:  none;
    -ms-transform:  none;
    transform:  none;
    background:  none;
    width:  auto;
}
.nav.nav-pills .nav-link  {
    border:  1px solid transparent;
    font-size:  14px;
    font-weight:  400;
    padding:  8px 10px;
}
.nav.nav-pills .nav-link:not(.active)  {
    background:  #001925;
}
.nav.nav-pills .nav-link:not(.active):hover  {
    border-color:  #39b54a;
    color:  #fff;
}
.data-form  {
    max-width:  605px;
    margin:  0 auto;
    padding-bottom:  50px;
}
.data-form .input-with-icon .icon-holder  {
    font-size:  0;
}
.charge-tab-content  {
    padding-top:  20px;
    padding-bottom:  50px;
}
.charge-tab-content .credit-card-info  {
    max-width:  605px;
    margin:  0 auto 30px;
}
.modal-content  {
    border-radius:  5px;
    box-shadow:  3.2px 5.1px 8px 0 rgba(0,  0,  0,  .19);
}
.snowFlakeModal  .modal-body  {
    padding:  40px;
    padding-bottom:  20px !important;
}
.modal-body  {
    padding:  40px;
    padding-bottom:  40px;
}
.planDetailModal .modal-body  {
    padding:  40px;
    padding-bottom:  40px;
}
.modal-close  {
    background:  none;
    border:  none;
    padding:  0;
    font-size:  29px;
    color:  #fff;
    position:  absolute;
    top:  31px;
    right:  40px;
    z-index:  9;
    cursor:  pointer;
}
.modal-content-holder  {
    padding-top:  20px;
    padding-bottom:  20px;
}
.plan-detail-modal  {
    text-align:  center;
}
.plan-detail-modal .modal-content  {
    background:  #202020;
}
.plan-detail-modal .modal-close  {
    right:  30px;
    top:  30px;
}
.plan-detail-modal .plan-detail-banner  {
    background-color:  #333;
    background-size:  cover;
    background-position:  50% 50%;
    min-height:  270px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    padding:  15px;
}
.plan-detail-modal h3  {
    margin-bottom:  34px;
}
.plan-detail-modal h3:after  {
    content:  "";
    background:  #39b54a;
    width:  103px;
    height:  2px;
    display:  block;
    margin:  5px auto 0;
}
.plan-detail-modal .sub-title  {
    font-size:  22px;
    font-weight:  300;
    line-height:  1.36;
}
.plan-detail-modal .plan-detail-list  {
    color:  #39b54a;
    font-size:  18px;
    line-height:  1.2;
    gap:  60px;
    padding:  46px 15px 52px;
    margin:  0;
}
.plan-detail-modal .plan-detail-list [class^="icon-"],  .plan-detail-modal .plan-detail-list [class*=" icon-"]  {
    color:  #fff;
    display:  block;
    font-size:  40px;
    line-height:  1;
    margin-bottom:  10px;
}
.plan-detail-modal .plan-detail-list li  {
    position:  relative;
}
.plan-detail-modal .plan-detail-list li:not(:last-child)  {
    margin-bottom:  50px;
}
.plan-detail-modal .plan-detail-list li:not(:last-child):after  {
    content:  "\e911";
    position:  absolute;
    top:  calc(100% + 11px);
    left:  50%;
    -webkit-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    transform:  translateX(-50%);
    font-family:  "icomoon" !important;
    background:  #39b54a;
    width:  24px;
    height:  24px;
    border-radius:  5px;
    color:  #fff;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    font-size:  18px;
}
.plan-detail-modal .additional-info  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    padding:  0 15px 50px;
}
.plan-detail-modal .additional-info .icon-holder  {
    font-size:  70px;
    line-height:  1;
    -ms-flex-negative:  0;
    flex-shrink:  0;
}
.plan-detail-modal .additional-info .text-holder  {
    padding-left:  25px;
    font-weight:  300;
    max-width:  493px;
    line-height:  1.6;
}
.plan-detail-modal .additional-info .text-holder .text-success  {
    font-size:  18px;
}
.migration-plan-modal  {
    font-weight:  300;
    text-align:  center;
    line-height:  1.6;
}
.migration-plan-modal .modal-content  {
    padding:  30px;
    border:  1px solid #39b54a;
}
.migration-plan-modal .modal-close  {
    top:  18px;
    right:  18px;
}
.migration-plan-modal h3  {
    font-weight:  300;
    margin-bottom:  27px;
}
.migration-plan-modal h3:after  {
    content:  "";
    background:  #39b54a;
    width:  103px;
    height:  2px;
    display:  block;
    margin:  23px auto 0;
}
.cancel-plan-modal .modal-content  {
    border:  solid 1px #df6a6a;
    border-radius:  5px;
    overflow:  hidden;
}
.cancel-plan-modal h3  {
    color:  #df6a6a;
    margin-bottom:  13px;
}
.cancel-plan-modal .banner  {
    padding:  30px 20px 0;
    line-height:  1.6;
    background-size:  cover;
    background-position:  50% 50%;
}
.cancel-plan-modal .banner:after  {
    content:  "";
    background-color:  #df6a6a;
    height:  2px;
    width:  100px;
    display:  block;
}
.cancel-plan-modal .banner p  {
    padding-bottom:  16px;
}
.cancel-plan-modal .content  {
    padding:  30px 20px;
    font-size:  13px;
    font-weight:  300;
    line-height:  1.85;
    background:  #001925;
}
.cancel-plan-modal textarea  {
    border-radius:  9px;
    resize:  none;
    height:  103px;
    margin-bottom:  20px;
}
.content-holder .inner-holder  {
    border:  1px solid #002f48;
    border-radius:  5px;
    padding:  20px;
}
.analysis-head  {
    padding-bottom:  40px;
    border-bottom:  1px solid rgba(255,  255,  255,  .1);
    margin-bottom:  20px;
}
.analysis-head .info-holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    color:  #fff;
    gap:  20px;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    margin-bottom:  25px;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
}
.analysis-head .info-holder .name  {
    font-size:  32px;
    line-height:  1.2;
}
.analysis-head .info-holder .value  {
    font-size:  22px;
    font-weight:  500;
}
.analysis-head .info-holder .stat-number  {
    color:  #79c484;
}
.analysis-head .info-holder .info-box  {
    border-radius:  5px;
    border:  solid 1px #006093;
    padding:  11.8px 15.8px 11.2px 14.2px;
    font-size:  14px;
}
.analysis-head .info-holder .info-box > span:first-child:after  {
    padding:  0 10px;
}
.analysis-head .powered-by  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    gap:  20px;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
}
.analysis-head .powered-by img  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    max-width:  200px;
}
.analysis-head .powered-by img.tradedata  {
    margin-top: 42px;
    width:  70px;
}
.chart-holder .chart-title,  .chart-holder .chart-subtitle  {
    font-size:  18px;
    line-height:  1.2;
    color:  #fff;
    display:  block;
    margin-bottom:  35px;
}
.chart-holder .chart-subtitle  {
    color:  #006093;
    font-style:  italic;
}
.wallet-info-text  {
    padding-top:  40px;
    color:  #555;
}
.wallet-info-text p  {
    margin-bottom:  15px;
}
.advance-filters  {
    position:  relative;
}
.advance-filters.filters-active .filters-slide  {
    opacity:  1;
    visibility:  visible;
}
.advance-filters .filters-slide  {
    position:  absolute;
    top:  -11px;
    left:  0;
    opacity:  0;
    visibility:  hidden;
    border-radius:  5px;
    background-color:  #ebebeb;
    padding:  30px;
    z-index:  999;
    width:  300px;
}
.advance-filters .title  {
    color:  #707070;
}
.advance-filters .btn-cancel  {
    color:  #707070;
    position:  absolute;
    top:  8px;
    right:  15px;
}
.advance-filters .grid-row  {
    display:  -ms-grid;
    display:  grid;
    -ms-grid-columns:  (minmax(0px,  1fr))[1];
    grid-template-columns:  repeat(1,  minmax(0px,  1fr));
    gap:  17px;
}
.advance-filters .grid-row .grid-col  {
    border-radius:  5px;
    border:  solid 1px #fff;
    padding:  14px 20px 16.1px 23px;
}
.advance-filters .question-icon  {
    color:  #006093;
    font-size:  24px;
    line-height:  1;
}
.range-slider-holder .range-labels  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    font-weight:  500;
    color:  #002437;
    margin-top:  13px;
}
.asRange  {
    width:  100%;
    height:  3px;
    background-color:  #ccc;
}
.asRange .asRange-pointer  {
    width:  16px;
    height:  16px;
    border-radius:  100%;
    top:  50%;
    -webkit-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.asRange .asRange-pointer:before  {
    inset:  0;
}
.asRange .asRange-pointer:after  {
    display:  none;
}
.asRange .asRange-selected  {
    height:  3px;
    top:  50%;
    -webkit-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
    background-color:  #062231;
}
#footer  {
    position:  relative;
    padding:  25px 0;
    background:  #002437;
}
#footer .logo  {
    width:  165px;
    margin:  0 auto 20px;
}
#footer .logo a  {
    display:  block;
}
#footer .logo img  {
    display:  block;
    width:  100%;
    height:  auto;
}
.footer-nav  {
    width:  100%;
    list-style:  none;
    margin:  0;
    padding:  0;
    font-size:  13px;
    line-height:  18px;
    font-weight:  300;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -ms-flex-flow:  wrap;
    flex-flow:  wrap;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
}
.footer-nav li  {
    padding:  2px 10px;
    position:  relative;
}
.footer-nav li:first-child:before  {
    display:  none;
}
.footer-nav li:before  {
    content:  "";
    position:  absolute;
    top:  8px;
    left:  0;
    width:  4px;
    height:  4px;
    border-radius:  20px;
    background:  #fff;
}
.footer-nav li a  {
    color:  #fff;
}
.info-columns h3  {
    font-size:  12px;
    font-weight:  200 !important;
    letter-spacing:  4px;
}
@-webkit-keyframes pulse-animation  {
    0%  {
        box-shadow:  0 0 0 0 rgba(0,  0,  0,  .2);
        background:  rgba(255,  0,  0,  .2);
    }
    100%  {
        box-shadow:  0 0 0 3px rgba(0,  0,  0,  0);
    }
}
@keyframes pulse-animation  {
    0%  {
        box-shadow:  0 0 0 0 rgba(0,  0,  0,  .2);
        background:  rgba(255,  0,  0,  .2);
    }
    100%  {
        box-shadow:  0 0 0 3px rgba(0,  0,  0,  0);
    }
}
input.lead-email  {
    text-align:  center;
    font-size:  .8rem }
.user-box img, .user-info img  {
    border-radius:  50% }
.iti__country-list  {
    background:  #003045;
    border-color:  #003045 }
.form-label  {
    font-size:  .8rem }
ul.info-list .text  {
    font-size:  .8rem!important }
.profile-img  {
    width:  50px!important;
    height:  50px!important;
    line-height:  50px!important;
    position:  relative;
}
ul.main-menu  {
    font-size:  14px;
}
.downloadReport  {
}
a.downloadReport  {
    display:  inline-block;
    vertical-align:  top;
    font-size:  14px !important;
    line-height:  19px;
    font-weight:  normal;
    padding:  15px;
    border-radius:  5px;
    margin:  0 0 5px;
    color:  #fff;
    background:  #39b54a;
    cursor:  pointer;
}
a.downloadReport i  {
    color: #FFF;
    margin-right:  10px !important;
}
.downloadReport:hover  {
    opacity:  .75;
}
.ativos_listados  {
    font-size:  18px;
    color:  #5a5a5a;
}
.linha_cinza  {
    color:  #ccc;
    margin-top:  30px;
    margin-bottom:  30px;
}
div.listed-assets  {
    margin-top: 20px;
}
div.listed-assets div.col div.asset  {
    background-color:  #fbfbfb;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
}
div.listed-assets div.col p.ticker  {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    margin-top:  5px;
}
div.listed-assets div.col p.company  {
    font-weight: Bold;
}
div.listed-assets div.col p.company:first-letter  {
}
div.listed-assets div.img-holder  {
}
div.listed-assets div.img-holder img  {
    max-width: 120px;
    margin: 0 auto;
    display: block;
    margin-bottom:  8px;
}
.stat-info .price  {
    font-size:  16px;
}
.red  {
    color: #df6a6a;
}
.green  {
    color: #39b54a;
}
.yellow  {
    color: gold;
}
.blue  {
    color: blue;
}
.black  {
    color: #000;
}
.white  {
    color: #FFF;
}
.gray  {
    color: #666;
}
.variacao  {
    border-radius:  30px;
    font-size:  12px;
    font-weight:  400;
}
.variacao.green  {
    background-color:  #39b54a;
    color:  #fff;
}
.variacao.red  {
    background-color:  #e2264d;
    color:  #fff !important;
}
#descriptionError  {
    display:  none;
    background:  #F00;
    padding:  8px;
    text-align:  center;
    margin-bottom:  30px;
    border-radius:  5px;
    font-weight:  bold;
}
#description-success  {
    background:  #39b54a;
    padding:  8px;
    text-align:  center;
    margin-bottom:  30px;
    border-radius:  5px;
    font-weight:  bold;
}
ul.nav-periodos  {
    background: #002437 !important;
    padding: 8px !important;
    display: inline-block !important;
    margin: 0 auto !important;
    border-radius: 8px;
    margin-bottom: 20px !important;
}
ul.nav-periodos li span  {
    position: absolute;
    margin-top: -50px;
    margin-left: -60px;
    background: red;
    padding: 4px;
    border-radius: 8px;
}
ul.nav-periodos li span:after  {
    width:  0;
    height:  0;
    border-left:  5px solid transparent;
    border-right:  5px solid transparent;
    border-top:  5px solid #f00;
    display: block;
    content: "";
    position: absolute;
    margin-top: 4px;
    margin-left: 30px;
}
#anual div.plan-text,  #mensal div.plan-text  {
    text-align: left;
    margin-bottom: 20px;
    min-height: 140px;
}
#anual div.plan-text i ,  #mensal div.plan-text i  {
    color: #39b54a;
}
.btn-cep  {
    height: 35px;
}
.usable-creditcard-form .wrapper  {
    border:  1px solid #CCC;
    border-top:  1px solid #AAA;
    border-right:  1px solid #AAA;
    height:  74px;
    width:  300px;
    position:  relative;
    -webkit-border-radius:  5px;
    -moz-border-radius:  5px;
    border-radius:  5px;
}
.usable-creditcard-form .input-group  {
}
.usable-creditcard-form .input-group.nmb_a  {
    position:  absolute;
    width:  200px;
    top:  0px;
    left:  0px;
}
.usable-creditcard-form .input-group.nmb_b  {
    position:  absolute;
    width:  100px;
    top:  0px;
    right:  0px;
}
.usable-creditcard-form .input-group.nmb_b input,  .usable-creditcard-form .input-group.nmb_d input  {
    text-align:  center;
}
.usable-creditcard-form .input-group.nmb_c  {
    position:  absolute;
    width:  200px;
    top:  37px;
    left:  0px;
}
.usable-creditcard-form .input-group.nmb_d  {
    position:  absolute;
    width:  100px;
    top:  37px;
    right:  0px;
}
.usable-creditcard-form input  {
    background:  none;
    display:  block;
    width:  100%;
    padding:  10px;
    -moz-box-sizing:  border-box;
    -webkit-box-sizing:  border-box;
    box-sizing:  border-box;
    margin: 0px;
    padding-left:  10px;
    border:  none;
}
.usable-creditcard-form input.credit_card_number  {
    padding-left: 35px;
}
.usable-creditcard-form .input-group .icon  {
    position:  absolute;
    width:  22px;
    height:  22px;
    background:  #CCC;
    left:  13px;
    top:  7px;
}
.usable-creditcard-form .input-group.nmb_a input  {
    border-right:  1px solid #ECECEC;
}
.usable-creditcard-form .input-group.nmb_c input  {
    border-top:  1px solid #ECECEC;
    border-right:  1px solid #ECECEC;
}
.usable-creditcard-form input::-webkit-input-placeholder  {
    font-size:  12px;
    text-transform:  none;
}
.usable-creditcard-form .input-group.nmb_d input  {
    border-top:  1px solid #ECECEC;
}
.usable-creditcard-form .input-group.nmb_c input  {
    text-transform:  uppercase;
}
.usable-creditcard-form .accept  {
    color:  #999;
    font-size:  11px;
    margin-bottom:  5px;
}
.usable-creditcard-form .input-group .icon.ccic-brand  {
    background:  url("../images/cartoes.png") no-repeat;
}
.amex .usable-creditcard-form .input-group .icon.ccic-cvv  {
    background-position:  0px -22px;
}
.amex .usable-creditcard-form .input-group .icon.ccic-brand  {
    background-position:  0px -110px;
}
.visa .usable-creditcard-form .input-group .icon.ccic-brand  {
    background-position:  0px -22px;
}
.diners .usable-creditcard-form .input-group .icon.ccic-brand  {
    background-position:  0px -88px;
}
.mastercard .usable-creditcard-form .input-group .icon.ccic-brand  {
    background-position:  0px -66px;
}
#payment-form  {
    padding: 15px;
    width:  100%;
}
form.cupom  {
    display:  none;
}
form.cupom input  {
    font-size:  12px;
    text-transform: uppercase;
}
a.hasCoupon  {
    text-decoration:  underline;
    font-size: 12px;
}
.removeCoupon  {
    font-size: 10px;
    text-align:  right;
    display:  block;
    width:  100%;
}
.invalidCoupon  {
    margin-bottom: 8px;
    display: block;
    opacity: .4;
    text-align: center;
}
.payment-method .subtotal-box.boxDiscountCoupon  {
    margin-top: -15px;
    background: rgba(0, 0, 0, .1);
}
.payment-method .subtotal-box.boxDiscountCoupon .subtotal  {
    color: #39b54a;
}
div.changePassword  {
    display:  none;
}
div.page-404  {
    color: #333;
}
div.page-404 div.entry-content  {
    color: #999;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 40px;
}
div.page-404 h2  {
    font-size:  30px;
    color: #002536;
    text-align: center;
    margin-bottom: 40px;
}
div.page-404 img.img-fluid  {
    max-width: 300px;
    margin-bottom: 40px;
}
div.page-404 a.back i.fal  {
    float: none;
    color:  #FFF;
    margin-right: 15px;
}
div.page-404 a.back  {
    border:  solid 1px #39b54a;
    background: #39b54a;
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
}
div.page-404 a.back:hover  {
    opacity: .9;
}
div.page-404 a.back  {
    display:  inline-block !important;
    color:  #fff;
    border-radius:  10px;
    margin:  0 0 15px;
    font-size:  16px;
    font-weight:  500;
    margin-bottom:  0;
    text-align:  center;
    padding: 8px 20px }
.stat-box .action-btns  {
    position:  relative;
    display:  inline-block;
    text-align:  center;
}
.stat-box .action-btns li:first-child  {
    border:  solid 1px #006093;
    width: 23px;
    height: 23px;
    border-radius: 100%;
}
.stat-box .action-btns li.favorited  {
    border: solid 1px #e2264d;
}
.stat-box .action-btns .favorite  {
    background:  url(../images/bg-hearts.png) no-repeat 0 0;
    background-size:  auto 100%;
    display:  inline-block;
    left:  0;
    top:  0;
    width:  37px;
    height:  37px;
    margin-left:  -8px;
    margin-top:  -8px;
    float:  left;
    transition:  none !important;
    cursor:  pointer;
}
.stat-box .action-btns .favorited,  .stat-box .action-btns .active  {
    border: none;
}
.stat-box .action-btns .favorited .favorite,  .stat-box .action-btns .active .favorite  {
    transition:  background .8s steps(28) !important;
    background-position:  -1036px 0;
    border: none;
}
div.reports-home  {
    margin-bottom: 100px;
}
div.reports-home .h1-line  {
    border-bottom: solid 1px #BCC3C7;
    height:  16px;
    margin-bottom:  60px !important;
    display: block;
    font-weight:  normal;
    text-transform:  uppercase;
    color:  #002337;
    font-size:  26px;
}
div.reports-home .h1-line span  {
    background:  #ebebeb;
    padding-right:  25px;
}
div.reports-home .h1-line i.fal  {
    margin-right: 15px;
    color: #2F9F46;
}
.ativos-listados  {
    font-size:  18px !important;
}
.ativos-listados i  {
    margin-right:  8px;
}
div.reports-home a.type  {
    background: #A0A0A0;
    display: block;
    margin-bottom: 12px;
    line-height: 43px;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-style: italic;
}
div.reports-home a.type.acoes  {
    background: #002337;
}
div.reports-home a.type.fundos-de-investimento  {
    background: #2F9F45;
}
div.reports-home a.type.fundos-imobiliarios  {
    background: #002337;
}
div.reports-home a.type.internacional  {
    background: #2F9F45;
}
div.reports-home a.type.renda-fixa  {
    background: #002337;
}
div.reports-home a.type.resultados-trimestrais  {
    background: #2F9F45;
}
div.reports-home a.type.updates  {
    background: #009DD9;
}
div.reports-home a.type.ipos  {
    background: #009DD9;
}
div.reports-home img  {
    border: solid 3px #FFF;
    border-radius: 5px;
    margin-bottom: 25px;
    width:  100%;
}
div.reports-home span.date  {
    font-size:  15px;
    font-weight: 300;
    display: block;
    color: #39B549;
    margin-bottom: 10px;
    font-weight:  500;
}
div.reports-home span.title  {
    font-size: 16px;
    color: #002337;
    font-weight: 400;
}
div.videos-home  {
    margin-bottom: 75px;
}
div.videos-home .h1-line  {
    border-bottom: solid 1px #BCC3C7;
    height:  16px;
    margin-bottom:  60px !important;
    display: block;
    font-weight:  normal;
    text-transform:  uppercase;
    color:  #002337;
    font-size:  28px;
}
div.videos-home .h1-line span  {
    background:  #ebebeb;
    padding-right:  25px;
}
div.videos-home .h1-line i.fal  {
    margin-right: 15px;
    color: #2F9F46;
}
div.videos-home p.cta-home  {
    text-align: center;
    margin-top: 55px;
}
div.videos-home p.cta-home a  {
    line-height: 43px;
    color: #FFF;
    background: #39B549;
    display: inline-block;
    padding: 0 25px;
    border-radius: 5px;
    text-transform: uppercase;
    font-style: italic;
    font-size: 15px;
}
div.videos-home p.cta-home a:hover  {
    transform: scale(1.2);
}
div.videos-home iframe  {
    border-radius: 5px;
    height: 384px;
    display: block;
    width: 100%;
}
div.videos-home img  {
    border-radius: 5px;
}
div.videos-home .thumb img  {
    height: 118px;
    border-radius: 5px;
    margin-bottom: 23px;
}
div.videos-home .item:last-child img  {
    /*margin-bottom: 0px !important;*/
}
div.videos-home .player  {
    position:  relative;
    display:  inline-block;
    cursor:  pointer;
}
div.videos-home .player a:before  {
    position: absolute;
    top:  50%;
    left:  50%;
    transform:  translate(-50%,  -50%);
    -webkit-transform:  translate(-50%,  -50%);
    content:  "\f144";
    font-family:  'Font Awesome 5 Pro';
    font-size:  100px;
    color:  #fff;
    opacity:  .8;
    text-shadow:  0px 0px 30px rgba(0,  0,  0,  0.5);
}
div.videos-home .player a:hover:before  {
    color:  #eee !important;
}
div.videos-home div.item  {
}
div.videos-home span.date  {
    font-size:  15px;
    font-weight: 300;
    display: block;
    color: #39B549;
    margin-bottom: 10px;
    font-weight:  500;
}
div.videos-home span.title  {
    font-size: 16px;
    color: #002337;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
div.videos-home .description  {
    font-size: 14px;
    color: #575757;
    line-height: 150%;
}
div.markets-home  {
    margin-bottom: 70px;
}
div.markets-home p.cta-home  {
    text-align: center;
    margin-top: 35px;
}
div.markets-home p.cta-home a  {
    line-height: 43px;
    color: #FFF;
    background: #39B549;
    display: inline-block;
    padding: 0 25px;
    border-radius: 5px;
    text-transform: uppercase;
    font-style: italic;
    font-size: 15px;
}
div.markets-home p.cta-home a:hover  {
    transform: scale(1.2);
}
div.markets-home .h1-line  {
    border-bottom: solid 1px #BCC3C7;
    height:  16px;
    margin-bottom:  60px !important;
    display: block;
    font-weight:  normal;
    text-transform:  uppercase;
    color:  #002337;
    font-size:  28px;
}
div.markets-home .h1-line span  {
    background:  #ebebeb;
    padding-right:  25px;
}
div.markets-home .h1-line i.fal  {
    margin-right: 15px;
    color: #2F9F46;
}
div.markets-home img  {
    height: 290px;
    border: solid 3px #FFF;
    border-radius: 5px;
    margin-bottom: 25px;
}
div.markets-home span.date  {
    font-size:  15px;
    font-weight: 300;
    display: block;
    color: #39B549;
    margin-bottom: 10px;
    font-weight:  500;
}
div.markets-home span.title  {
    font-size: 16px;
    color: #002337;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
div.markets-home .description  {
    font-size: 14px;
    color: #575757;
    line-height: 150%;
}
div.snowFlakeModal  {
}
div.snowFlakeModal div.chartRadar  {
    color: #333;
    margin-top:  20px;
}
div.snowFlakeModal div.entry-logo  {
    margin-bottom: 20px;
}
div.snowFlakeModal .apexcharts-toolbar  {
    display: none;
}
.apexcharts-text  {
    display:  none;
}
div.snowFlakeModal div.entry-score  {
    margin-bottom: 20px;
    margin-left:  30px;
}
div.snowFlakeModal div.entry-score p.title  {
    color: #006093;
    margin-bottom: 0;
    font-size: 20px;
}
div.snowFlakeModal div.entry-score p.score  {
    font-size: 64px;
    font-weight: 200;
}
div.snowFlakeModal div.entry-consensus  {
    margin-bottom: 25px;
    margin-left:  30px;
}
div.snowFlakeModal div.entry-consensus p.title  {
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
div.snowFlakeModal div.entry-consensus div.w3-light-grey  {
    background: #003045;
    max-width: 275px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    margin: 0 auto;
}
div.snowFlakeModal div.entry-consensus div.w3-light-grey div  {
    background: #38B34A;
    border-radius: 35px;
    text-align: center;
}
div.snowFlakeModal div.entry-risk  {
    margin-bottom: 25px;
    margin-left:  30px;
}
div.snowFlakeModal div.entry-risk p.title  {
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
div.snowFlakeModal div.entry-risk div.w3-light-grey  {
    background: #011b29;
    max-width: 275px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    margin: 0 auto;
}
div.snowFlakeModal div.entry-risk div.w3-light-grey div  {
    background: #E06D6A;
    border-radius: 35px;
    text-align: center;
}
div.list-search  {
}
div.list-search h2  {
    margin-bottom: 30px;
    font-size:  26px;
}
div.list-search p.subcategory  {
    margin-bottom: 0;
    font-size: 14px;
    color: #454545 !important;
}
div.list-search ul.list-news  {
    list-style: none;
    padding: 0;
    margin: 0;
}
div.list-search ul.list-news li  {
    margin-bottom: 20px;
}
.search-page .content-block .header .heading-holder h2  {
    font-size:  20px;
}
div.list-search img  {
    border-radius: 5px;
    margin-bottom: 25px;
}
div.list-search span.date  {
    font-size:  15px;
    font-weight: 300;
    display: block;
    color: #39B549;
    margin-bottom: 10px;
    font-weight:  500;
}
div.list-search span.title  {
    font-size: 16px;
    color: #002337;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
div.list-search .description  {
    font-size: 14px;
    color: #575757 !important;
    line-height: 150%;
}
.nav-link  {
    font-size:  16px;
    font-weight:  400;
}
.dados-titulo  {
    font-size:  16px;
    font-weight:  700;
}
.form-control  {
    font-size:  14px;
}
.passo-03 h2  {
    font-size:  24px;
    font-weight:  700;
}
.podcash .article-section .article .img-box  {
    height:  190px;
}
.podcash .article-section .article .text-box  {
    min-height:  auto;
    margin-bottom:  30px;
}
.cta-blue,  .cta-blue:hover  {
    line-height: 30px;
    color:  #FFF;
    background:  none;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 5px;
    width:  90%;
    border:  1px solid #13728a;
    cursor:  pointer;
}
.cta-green,  .cta-green:hover  {
    line-height: 30px;
    color: #FFF;
    background: #68b144;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 5px;
    width:  90%;
    border-color:  #68b144;
    cursor:  pointer;
}
.carousel-control-prev {
    left:  -70px!important;
}
.carousel-control-next {
    right:  -70px!important;
}
.text-color-blue {
    color:  #01c2f7 }
.info-columns h2  {
    font-weight:  400 !important;
}
.search-mobile  {
    display:  none;
}
.search-mobile-form  {
    display:  none;
    background-color:  #0a2737;
}
.search-mobile-form .form-control-sm  {
    padding:  5px 10px !important;
    font-size:  12px !important;
    height:  12px !important;
    line-height:  normal !important;
    border-radius:  5px !important;
}
.search-mobile-form .btn-sm  {
    padding:  5px 10px !important;
    font-size:  12px !important;
    height:  32px !important;
    margin-left:  5px;
    line-height:  normal !important;
    border-radius:  5px !important;
    color:  #fff;
}
.banner-assine img  {
    border-radius:  5px !important;
}
.btn-relatorio  {
    font-size:  12px !important;
    padding:  0.5rem 1rem !important;
}
.btn-relatorio [class^="icon-"]  {
    font-size:  16px !important;
}
.carteira_mobile  {
    background-color:  #f7f7f7;
    border-radius:  5px;
    margin-bottom:  10px;
    padding:  15px;
}
.carteira_recomendacao_mobile  {
    font-size:  9px;
}
.carteira  {
    color:  #00293e;
}
.carteira small  {
    font-size:  9px;
}
.carteira_participacao_mobile,  .carteira_upside_mobile  {
    font-size:  16px;
}
.carteira_recomendacao_texto_mobile,  .carteira_participacao_legenda_mobile,  .carteira_upside_legenda_mobile  {
    margin-bottom:  3px !important;
    font-size:  9px;
}
.carteira_recomendacao_texto_mobile  {
    margin-bottom:  8px !important;
}
.carteira_atualizacao_mobile  {
    color:  #808080;
    font-size:  8px;
    font-style:  italic;
}
.green_mobile  {
    background-color: #39b54a;
    color:  #fff;
    padding:  3px 8px;
    border-radius:  20px;
    font-weight:  400;
    text-transform:  capitalize !important;
}
.red_mobile  {
    background-color: #df6a6a;
    color:  #fff;
    padding:  3px 8px;
    border-radius:  20px;
    font-weight:  400;
    text-transform:  capitalize !important;
}
.yellow_mobile  {
    background-color: gold;
    color:  #fff;
    padding:  3px 8px;
    border-radius:  20px;
    font-weight:  400;
    text-transform:  capitalize !important;
}
.carteira_ticker_without_image_mobile  {
    font-size:  16px;
    font-weight:  bold;
    margin-top:  15px;
    margin-bottom:  15px;
}
.carteira_logo_mobile  {
    margin-right:  10px;
}
.carteira_bordas .col  {
    border-right:  1px solid #ddd;
}
.carteira_bordas .col:last-child  {
    border-right:  0px;
}
.carteira_separacao  {
    border-bottom:  1px solid #dbdbdb;
    margin-bottom:  10px !important;
    margin-top:  10px !important;
}
.campo-buscar  {
    border:  1px solid #ced4da;
    border-radius:  5px;
    line-height:  1.5;
    padding:  8px;
    font-size:  12px;
    font-weight:  400;
}
.campo-buscar:focus  {
    border:  1px solid #ced4da;
}
.barra-filtros .title  {
    font-size:  22px;
    line-height:  1.2;
    font-weight:  bold;
    margin-right:  0;
    margin-right:  10px;
}
.barra-filtros .value.lastprice  {
    border:  solid 1px #FFF;
    padding:  7px 15px;
    border-radius:  7px;
    font-size:  18px;
}
.select2-container-multi .select2-choices {
    background-image:  none!important;
    background-color:  #f1f1f1 !important;
    border-width:  0 0 1px 0!important;
    border-style:  solid;
    border-color:  #f1f1f1;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
}
.title-box  {
    width:  100%;
    font-size:  17px;
    line-height:  20px;
    font-weight:  500;
    padding:  10px 0;
    border-bottom:  1px solid #fff;
    margin:  0 0 20px;
}
.title-box .text  {
    display:  block;
}



.title-text  {
    text-align:  center;
    margin-bottom:  30px;
}
.title-text .title  {
    display:  block;
    font-weight:  500;
    font-size:  20px;
    line-height:  24px;
    margin-bottom:  17px;
}
.title-text .sub-title  {
    color:  #13728a;
    font-size:  14px;
    line-height:  23px;
}
.btn.btn-outline-blue  {
    border:  1px solid #13728a;
}
.btn.btn-outline-blue:hover  {
    background:  #13728a;
}
.btn.btn-outline-blue [class^='icon-'],  .btn.btn-outline-blue [class*=' icon-']  {
    font-size:  14px;
    line-height:  18px;
    margin-right:  2px;
    display:  inline-block;
    vertical-align:  middle;
    margin-top:  0;
}
.btn.btn-outline-blue.sm  {
    padding-top:  11px;
    padding-bottom:  11px;
}
.btn-success.new-style  {
    background:  #68b144;
}
.btn-success.new-style:hover  {
    background:  #528c36;
}
.btn-secondary.dark  {
    background:  #0f1a22;
    border-color:  #0f1a22;
}
.btn-secondary.dark:hover  {
    background:  #1f3545;
}
.plan-section.new-style  {
    padding:  35px 50px;
}
.plans-slider .slick-list  {
    margin:  0 -12px;
}
.plans-slider .slick-arrow  {
    background:  none;
    border:  none;
    padding:  0;
    position:  absolute;
    top:  25%;
    -webkit-transition:  opacity 0.3s linear;
    transition:  opacity 0.3s linear;
}
.plans-slider .slick-arrow:hover  {
    opacity:  0.6;
}
.plans-slider .slick-arrow.slick-prev  {
    left:  -39px;
}
.plans-slider .slick-arrow.slick-next  {
    right:  -39px;
}
.plans-slider .slick-arrow img  {
    width:  27px;
    height:  27px;
}
.plan-col.new-style  {
    padding:  0 12px;
    border:  none;
    margin-bottom:  0;
}
.plan-col.new-style .plan-img-holder  {
    margin-bottom:  40px;
}
.plan-col.new-style .btn.btn-outline-blue  {
    font-size:  14px;
    line-height:  18px;
}
.plan-col.new-style .title-holder  {
    padding:  22px 15px;
}
.plan-col.new-style .plan-name  {
    font-size:  26px;
    line-height:  30px;
    font-weight:  500;
}
.plan-col.new-style .plan-name:after  {
    width:  52px;
    border-radius:  3px;
    margin-top:  15px;
}
.plan-col.new-style .plan-name .text-small  {
    font-size:  20px;
    line-height:  26px;
    display:  block;
}
.plan-col.new-style .plan-price  {
    font-size:  30px;
    line-height:  23px;
    font-weight:  normal;
    margin-bottom:  15px;
}
.plan-col.new-style .plan-price small  {
    font-size:  14px;
    line-height:  23px;
}
.plan-col.new-style .btn-outline-blue  {
    margin-bottom:  9px;
}
.plan-col.new-style .info-text  {
    color:  #01c2f7;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  10px;
    margin-bottom:  31px;
    font-size:  14px;
    line-height:  18px;
}
.plan-col.new-style .info-list  {
    list-style:  none;
    padding:  0;
    font-size:  13px;
    line-height:  26px;
}
.plan-col.new-style .info-list li  {
    padding-left:  20px;
    position:  relative;
}
.plan-col.new-style .info-list li:not(:last-child)  {
    padding-bottom:  5px;
}
.plan-col.new-style .info-list li:before  {
    content:  '•';
    position:  absolute;
    top:  0;
    left:  0;
}
.inside-article-block  {
    display:  -ms-grid;
    display:  grid;
    gap:  30px;
    background-color:  #001a28;
    border-radius:  8px;
    margin-bottom:  27px;
    padding:  20px;
}
.inside-article-block .sub-title  {
    color:  #02a3df;
    margin-bottom:  20px;
    font-size:  16px;
    font-style:  italic;
}
.inside-article-block .price  {
    display:  block;
    margin-bottom:  40px;
    margin-top:  20px;
    font-size:  24px;
    font-weight:  bold;
}
.inside-article-block .price small  {
    font-size:  14px;
    font-weight:  normal;
    font-style:  italic;
}
.inside-article-block .img-holder  {
    border-radius:  8px;
    overflow:  hidden;
    max-width:  300px;
    margin:  0 auto;
    position:  relative;
    z-index:  1;
}
.inside-article-block .img-holder img  {
    width:  100%;
    height:  100%;
    object-fit:  cover;
}
.inside-article-block .img-holder .icon-plus-circle  {
    position:  absolute;
    bottom:  30px;
    right:  30px;
    z-index:  2;
    font-size:  30px;
    line-height:  1;
}
.inside-article-block .text-holder  {
    margin-top:  16px;
}
.inside-article-block p  {
    font-size:  14px;
    line-height:  23px;
    margin-bottom:  25px;
}
.inside-article-block h3  {
    margin:  0;
    font-size:  20px;
    margin-bottom:  5px;
}
.inside-article-block .btn-holder  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    gap:  20px;
}
.inside-article-block .btn  {
    min-width:  138px;
    -ms-flex-negative:  0;
    flex-shrink:  0;
}
.plan-checkout-block  {
    padding:  20px;
    display:  -ms-grid;
    display:  grid;
    gap:  20px;
}
.plan-checkout-block .title  {
    font-size:  14px;
    line-height:  20px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  5px;
    margin-bottom:  20px;
    margin-left:  20px;
}
.plan-info  {
    display:  -ms-grid;
    display:  grid;
    gap:  30px;
    margin-bottom:  30px;
}
.plan-name-bg  {
    background:  url("../images/bg-plan.jpg") no-repeat;
    background-size:  cover;
    background-position:  50% 50%;
    overflow:  hidden;
    border-radius:  10px;
    font-size:  26px;
    line-height:  30px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    padding:  10px 30px;
    font-weight:  300;
}
.plan-name-bg b  {
    font-weight:  500;
}
.plan-name-bg:after  {
    content:  '';
    background:  #68b144;
    border-radius:  3px;
    max-width:  52px;
    height:  6px;
    display:  block;
    margin-top:  15px;
}
.plan-name-ac  {
    background:  url("../images/plan-ac-bg.jpg") no-repeat;
    background-size:  cover;
    background-position:  50% 50%;
    overflow:  hidden;
    border-radius:  10px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    gap:  20px;
    padding:  20px;
    margin-top:  15px;
    margin-bottom:  15px;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    text-align:  center;
}
.plan-name-ac .title  {
    font-size:  26px;
    line-height:  30px;
    font-weight:  300;
    margin-bottom:  15px;
}
.plan-name-ac .title b  {
    font-weight:  500;
}
.plan-name-ac .title:after  {
    content:  '';
    background:  #68b144;
    border-radius:  3px;
    max-width:  52px;
    height:  6px;
    display:  block;
    margin:  15px auto 0;
}
.plan-name-ac .sub-title  {
    font-size:  14px;
    line-height:  18px;
}
.plan-name-ac .btn  {
    min-width:  200px;
}
.plan-price-text  {
    font-size:  34px;
    line-height:  26px;
    font-weight:  300;
    display:  block;
    margin-bottom:  10px;
}
.plan-price-text.sm-text  {
    font-size:  22px;
    margin-bottom:  0;
}
.plan-price-text.sm-text small  {
    font-size:  12px;
}
.plan-price-text small  {
    font-size:  16px;
    line-height:  26px;
    font-weight:  normal;
}
.plan-old-price-text  {
    color:  #808080;
    font-size:  18px;
    line-height:  22px;
    text-decoration:  line-through;
}
.plan-old-price-text.sm-text  {
    font-size:  12px;
    line-height:  18px;
}
.block-bg-dark  {
    background:  #101a23;
    padding:  20px 15px;
    border-radius:  10px;
}
.monthly-annual-switch  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  10px;
}
.monthly-annual-switch input[type='checkbox']  {
    height:  0;
    width:  0;
    visibility:  hidden;
    display:  none;
}
.monthly-annual-switch label  {
    cursor:  pointer;
    text-indent:  -9999px;
    width:  37px;
    height:  20px;
    background:  #042131;
    display:  block;
    border-radius:  100px;
    position:  relative;
    border:  1px solid #fff;
    -ms-flex-negative:  0;
    flex-shrink:  0;
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2;
}
.monthly-annual-switch label:after  {
    content:  '';
    position:  absolute;
    top:  3px;
    left:  5px;
    width:  12px;
    height:  12px;
    background:  #39b54a;
    border-radius:  12px;
    -webkit-transition:  0.3s;
    transition:  0.3s;
}
.monthly-annual-switch input:checked + label  {
    background:  #fff;
}
.monthly-annual-switch input:checked + label:after  {
    left:  calc(100% - 5px);
    -webkit-transform:  translateX(-100%);
    -ms-transform:  translateX(-100%);
    transform:  translateX(-100%);
}
.monthly-annual-switch .switch-text  {
    font-size:  14px;
    line-height:  18px;
    color:  #808080;
}
.monthly-annual-switch .switch-text.before  {
    -webkit-box-ordinal-group:  2;
    -ms-flex-order:  1;
    order:  1;
}
.monthly-annual-switch .switch-text.after  {
    -webkit-box-ordinal-group:  4;
    -ms-flex-order:  3;
    order:  3;
}
.discount-badge  {
    border:  1px solid #00698a;
    border-radius:  10px;
    font-size:  14px;
    line-height:  20px;
    padding:  8px 15px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  6px;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
}
.plan-text-offer  {
    text-align:  center;
    margin-bottom:  30px;
}
.plan-text-offer .title-rocket  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    font-size:  18px;
    line-height:  22px;
    gap:  8px;
    position:  relative;
    background:  #002437;
    z-index:  1;
    margin-bottom:  34px;
    overflow:  hidden;
}
.plan-text-offer .title-rocket:before,  .plan-text-offer .title-rocket:after  {
    content:  '';
    border-bottom:  1px solid #39b54a;
    position:  absolute;
    top:  50%;
    width:  173px;
    z-index:  -1;
    display:  none;
}
.plan-text-offer .title-rocket:before  {
    left:  10%;
}
.plan-text-offer .title-rocket:after  {
    right:  10%;
}
.plan-text-offer .offer-text  {
    color:  #01c2f7;
    display:  block;
    margin-bottom:  20px;
}
.plan-text-offer .offer-text b  {
    font-weight:  600;
}
.plan-text-offer p  {
    font-size:  14px;
    line-height:  23px;
}
.plan-options-row  {
    display:  -ms-grid;
    display:  grid;
    gap:  20px;
}
.plan-option-block  {
    background:  #042131;
    padding:  25px;
    border-radius:  10px;
    border:  2px solid transparent;
}
.plan-option-block .plan-option-title  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  20px;
    font-size:  12px;
    line-height:  20px;
    border-bottom-width:  1px;
    border-bottom-style:  solid;
    padding-bottom:  20px;
}
.plan-option-block .plan-option-title .icon-holder  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
    font-size:  35px;
    line-height:  1;
}
.plan-option-block .plan-option-title .icon-holder img  {
    width:  35px;
    height:  35px;
}
.plan-option-block .plan-option-title .title-text  {
    font-size:  18px;
    line-height:  22px;
    margin-bottom:  10px;
    display:  block;
    text-align:  left;
}
.plan-option-block .plan-option-price  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    padding-top:  20px;
    gap:  10px;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
}
.plan-option-block .plan-option-price .btn  {
    font-size:  12px;
    line-height:  16px;
    padding:  7px;
    border-radius:  6px;
    min-width:  122px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    gap:  5px;
}
.plan-option-block .plan-option-price .btn:before  {
    content:  '';
    display:  block;
    background:  url("../images/icon-check.svg") no-repeat;
    background-size:  16px 16px;
    width:  16px;
    height:  16px;
    display:  none;
}
.plan-option-block .plan-option-price .btn.btn-success  {
    background:  none;
    color:  #39b54a;
}
.plan-option-block.selected  {
    border-color:  #227b42;
    background:  #083a3a;
}
.plan-option-block.selected .btn:before  {
    display:  block;
}
.plan-option-block.selected .btn.btn-success  {
    background:  #39b54a;
    color:  #fff;
}
.plan-option-block.inside-chat .plan-option-title  {
    border-bottom-color:  #01c2f7;
}
.plan-option-block.inside-chat .title-text,  .plan-option-block.inside-chat .icon-holder  {
    color:  #01c2f7;
}
.plan-option-block.plan-crypto .plan-option-title  {
    border-bottom-color:  #ff9f22;
}
.plan-option-block.plan-crypto .title-text,  .plan-option-block.plan-crypto .icon-holder  {
    color:  #ff9f22;
}
.payment-info-title  {
    font-size:  18px;
    line-height:  23px;
    margin-bottom:  35px;
    display:  block;
}
.purchase-summary-block  {
    margin-bottom:  15px;
}
.purchase-summary-block .summary-list  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    gap:  10px;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    border-bottom:  1px solid #00698a;
    padding-bottom:  30px;
    margin:  0;
}
.purchase-summary-block .summary-list dt,  .purchase-summary-block .summary-list dd  {
    -webkit-box-flex:  1;
    -ms-flex:  1 1 calc(50% - 10px);
    flex:  1 1 calc(50% - 10px);
    margin:  0;
    font-size:  14px;
    line-height:  20px;
    font-weight:  normal;
    color:  #ccc;
}
.purchase-summary-block .summary-list dd  {
    text-align:  right;
}
.purchase-summary-block .summary-list .discount  {
    color:  #808080;
}
.purchase-summary-block .total  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    -webkit-box-align:  start;
    -ms-flex-align:  start;
    align-items:  flex-start;
    padding-top:  20px;
}
.purchase-summary-block .total .title  {
    margin-left:  0;
    color:  #00698a;
}
.purchase-summary-block .total .price  {
    display:  block;
    text-align:  right;
    font-size:  24px;
    line-height:  28px;
}
.purchase-summary-block .total .offer-price  {
    font-size:  13px;
    line-height:  18px;
    color:  #009ccc;
}
.nav.nav-tabs.plan-checkout-tab  {
    -webkit-box-align:  start;
    -ms-flex-align:  start;
    align-items:  flex-start;
    background:  none;
    overflow:  visible;
    -webkit-box-orient:  horizontal;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  row;
    flex-direction:  row;
}
.nav.nav-tabs.plan-checkout-tab .nav-item  {
    width:  50%;
}
.nav.nav-tabs.plan-checkout-tab .nav-link  {
    font-size:  12px;
    line-height:  15px;
    padding:  10px 5px;
}
.nav.nav-tabs.plan-checkout-tab .nav-link:not(.active)  {
    border-bottom-color:  #808080;
    color:  #808080;
    border-bottom-width:  1px;
}
.nav.nav-tabs.plan-checkout-tab .nav-link.active  {
    border-bottom-width:  2px;
}
.custom-field  {
    background:  none;
    width:  100%;
    outline:  none;
    display:  block;
    border:  none;
    border-bottom:  1px solid #00698a;
    font-size:  14px;
    line-height:  18px;
    height:  40px;
    padding:  5px 0;
    color:  #fff;
}
.custom-field option  {
    color:  #000;
}
.custom-field::-webkit-input-placeholder  {
    color:  #fff;
}
.custom-field::-moz-placeholder  {
    opacity:  1;
    color:  #fff;
}
.custom-field:-moz-placeholder  {
    color:  #fff;
}
.custom-field:-ms-input-placeholder  {
    color:  #fff;
}
.custom-field.placeholder  {
    color:  #fff;
}
.payment-option-block .payment-info-title  {
    margin-bottom:  25px;
}
.payment-option-block label  {
    font-size:  10px;
    line-height:  15px;
    color:  #ccc;
}
.payment-option-block form  {
    padding-top:  30px;
}
.payment-option-block .custom-field  {
    margin-bottom:  20px;
}
.payment-option-block .btn  {
    width:  100%;
    font-size:  14px;
    line-height:  18px;
    border-radius:  6px;
}
.coupon-link  {
    font-size:  12px;
    line-height:  16px;
    text-decoration:  underline;
    margin-left:  20px;
    display:  block;
    margin-bottom:  30px;
}
.coupon-link:hover  {
    text-decoration:  none;
}
.planDetailModal .plan-name-bg  {
    min-height:  130px;
    background-image:  url("../images/basic-plan-banner-bg.jpg");
    margin-bottom:  40px;
}
.planDetailModal .heading  {
    background-color:  black;
    border-radius:  10px;
    padding-top:  40px;
    padding-bottom:  35px;
    padding-left:  45px;
    margin-bottom:  40px;
}
.planDetailModal .info-title  {
    margin-bottom:  30px;
    color:  #01c2f7;
    font-size:  18px;
    line-height:  22px;
    display:  block;
    margin-bottom:  27px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  15px;
}
.planDetailModal .text-holder  {
    max-width:  720px;
    font-size:  14px;
    line-height:  23px;
}
.planDetailModal .list-heading  {
    font-size:  18px;
    line-height:  22px;
    margin-bottom:  15px;
    display:  block;
}
.planDetailModal p  {
    margin-bottom:  50px;
}
.check-list-row  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    gap:  30px;
}
.green-check-list  {
    list-style:  none;
    padding:  0;
    margin:  0;
    color:  #999999;
    font-size:  14px;
    line-height:  18px;
}
.green-check-list.blue-text  {
    color:  #0d577e;
}
.green-check-list li  {
    position:  relative;
    padding-left:  20px;
}
.green-check-list li:not(:last-child)  {
    padding-bottom:  12px;
}
.green-check-list li:before  {
    content:  '\e930';
    font-family:  'icomoon';
    position:  absolute;
    top:  0;
    left:  0;
    color:  #39b54a;
}
.price-details-row  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  start;
    -ms-flex-align:  start;
    align-items:  flex-start;
    gap:  30px;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  reverse;
    -ms-flex-direction:  column-reverse;
    flex-direction:  column-reverse;
}
.price-details-row .price-block  {
    background:  #101a23;
    border-radius:  10px;
    padding:  30px 25px;
    width:  100%;
    text-align:  center;
}
.price-details-row .price-block .monthly-annual-switch  {
    margin-bottom:  20px;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
}
.price-details-row .price-block .discount-badge  {
    max-width:  175px;
    margin:  0 auto 20px;
}
.price-details-row .price-block .price  {
    font-size:  34px;
    line-height:  38px;
    display:  block;
    margin-bottom:  10px;
}
.price-details-row .price-block .price small  {
    font-size:  14px;
    line-height:  18px;
}
.price-details-row .price-block .price-offer  {
    color:  #00698a;
    font-size:  13px;
    line-height:  16px;
    display:  block;
    margin-bottom:  30px;
}
.price-details-row .price-block .btn  {
    font-size:  16px;
    line-height:  1;
}
.selected-plan-box  {
    border:  1px solid #309f46;
    padding:  20px;
    border-radius:  10px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    gap:  30px;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  reverse;
    -ms-flex-direction:  column-reverse;
    flex-direction:  column-reverse;
}
.selected-plan-box .list-heading  {
    font-size:  15px;
    line-height:  20px;
    margin-bottom:  20px;
    display:  block;
}
.plan-box-dark  {
    background:  #042131;
    padding:  20px 25px;
    font-size:  14px;
    line-height:  18px;
    border-radius:  10px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    gap:  20px;
    font-style:  italic;
    min-width:  250px;
}
.plan-box-dark .icon-holder  {
    -ms-flex-negative:  0;
    flex-shrink:  0;
}
.plan-box-dark .title  {
    font-size:  16px;
    line-height:  20px;
    font-weight:  normal;
    color:  #ff9f22;
    margin-bottom:  5px;
    font-style:  normal;
}
.plan-box-dark .cancel-plan  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  5px;
    margin-top:  20px;
}
.plan-box-dark .cancel-plan .icon-close  {
    color:  #b61717;
    font-size:  12px;
    line-height:  1;
}
.rounded-5 {
    border-radius: 0.5rem !important;
}
.chat_textarea {
    overflow:hidden;
}


.plan-checkout-block .info-title  {
    margin-bottom:  30px;
    color:  #01c2f7;
    font-size:  18px;
    line-height:  22px;
    display:  block;
    margin-bottom:  27px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    gap:  15px;
}
.plan-checkout-block .list-heading {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    display: block;
}

@media (min-width: 768px)  {
    .table.recommendation-table tbody tr: hover  {
        background-color:  #f9f9f9;
    }
    .table.recommendation-table td:first-child,  .table.recommendation-table th:first-child  {
        border-radius:  10px 0 0 10px;
    }
    .table.recommendation-table td:last-child,  .table.recommendation-table th:last-child  {
        border-radius:  0 10px 10px 0;
    }
    #header  {
        padding:  30px 0;
    }
    #header .logo  {
        width:  185px;
        padding:  0;
    }
    #header .header-holder  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        padding:  0 0 25px;
    }
    #header .header-content  {
        padding-right:  210px;
    }
    #header .info-list  {
        width:  inherit;
        border:  0;
        padding:  0;
        margin:  0 0 0 5px;
        -webkit-box-pack:  start;
        -ms-flex-pack:  start;
        justify-content:  flex-start;
    }
    #header .notification  {
        top:  10px;
        right:  118px;
    }
    #header .notification .count  {
        top:  -14px;
        right:  -14px;
        font-size:  13px;
        line-height:  13px;
    }
    #header .user-box  {
        top:  -2px;
        right:  55px;
        width:  45px;
    }
    #header .user-box .profile-img  {
        width:  45px;
        height:  45px;
    }
    .notification-slide  {
        top:  -15px;
        right:  -15px;
        width:  375px;
    }
    .notification-slide .head .notify-icon .counter  {
        top:  -5px;
        right:  -14px;
    }
    .nav-opener  {
        width:  40px;
        height:  40px;
    }
    .form-search  {
        right:  155px;
        top:  0;
    }
    .content-block .header  {
        padding:  20px 20px 30px;
    }
    .content-block .content-holder  {
        padding:  30px 20px 30px;
    }
    .filter-bar .filter-search-holder  {
        width:  auto;
        margin-bottom:  0;
    }
    .search-filter  {
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
        padding-right:  55px;
    }
    .search-filter  {
        width:  auto;
    }
    .search-filter .graph-holder  {
        margin-right:  87px;
        -webkit-box-ordinal-group:  1;
        -ms-flex-order:  0;
        order:  0;
    }
    .advance-filters  {
        margin-right:  39px;
    }
    .content-scrollable-block .grid  {
        -ms-grid-columns:  (minmax(0px,  1fr))[2];
        grid-template-columns:  repeat(2,  minmax(0px,  1fr));
    }
    .slick-slider .text-holder  {
        min-height:  400px;
    }
    .slick-slider .btn i  {
        margin-top:  3px;
    }
    .slick-slider .title  {
        font-size:  35px;
        line-height:  45px;
    }
    .info-columns .box  {
        min-height:  330px;
        padding:  55px 25px;
    }
    .article-detail h2  {
        font-size:  30px;
        line-height:  34px;
    }
    .video-col .video-box .icon-box  {
        width:  70px;
        height:  70px;
        border-width:  6px;
        font-size:  22px;
    }
    .video-col .title  {
        font-size:  16px;
        line-height:  21px;
    }
    .video-col time  {
        font-size:  14px;
        font-weight:  400;
        line-height:  25px;
    }
    .video-block .frame  {
        min-height:  360px;
    }
    .video-block .text-box  {
        padding:  20px 0;
    }
    .video-block .title  {
        font-size:  20px;
        line-height:  24px;
    }
    .video-block time  {
        font-size:  14px;
        line-height:  25px;
        color:  #39b54a;
        font-weight:  400;
    }
    .video-wrap  {
        margin:  0 -15px;
    }
    .cursos-block .box  {
        min-height:  342px;
        padding:  25px;
    }
    .cursos-block .wrap  {
        min-height:  292px;
        padding:  20px;
    }
    .cursos-block .title  {
        font-size:  24px;
        line-height:  28px;
    }
    .cursos-block .heading  {
        font-size:  32px;
        line-height:  34px;
    }
    .cursos-block .heading.letter-spacing  {
        letter-spacing:  6px;
    }
    .cursos-block .ico  {
        left:  40px;
        bottom:  40px;
    }
    .podcat-article .heading  {
        font-size:  20px;
        line-height:  24px;
    }
    .podcat-article .case-holder  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        padding:  0;
    }
    .podcat-article .case-holder .img-box  {
        height:  auto;
        margin:  0;
    }
    .podcat-article .case-holder .text-holder  {
        font-size:  20px;
        line-height:  24px;
        padding:  20px;
    }
    .accordion-snowflake a.btn-opener,  .accordion-snowflake a.btn-opener-inner,  .accordion-inner a.btn-opener,  .accordion-inner a.btn-opener-inner  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
    }
    .accordion-snowflake a.btn-opener .text,  .accordion-snowflake a.btn-opener-inner .text,  .accordion-inner a.btn-opener .text,  .accordion-inner a.btn-opener-inner .text  {
        padding:  0 0 0 5px;
    }
    .accordion-snowflake .title,  .accordion-inner .title  {
        padding:  0 0 0 25px;
    }
    .accordion-snowflake .video-holder,  .accordion-inner .video-holder  {
        height:  450px;
    }
    .accordion-snowflake .video-holder .btn-play,  .accordion-inner .video-holder .btn-play  {
        font-size:  100px;
    }
    .accordion-snowflake .video-holder .text-wrap .text,  .accordion-inner .video-holder .text-wrap .text  {
        font-size:  50px;
        line-height:  55px;
        letter-spacing:  25px;
    }
    .accordion-snowflake .video-holder .text-wrap .title,  .accordion-inner .video-holder .text-wrap .title  {
        font-size:  35px;
        line-height:  40px;
    }
    .progress-holder  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        padding:  22px 24px;
    }
    .progress-holder .wrap  {
        padding:  0 20px 0 0;
    }
    .progress-holder .count  {
        font-size:  25px;
        line-height:  28px;
    }
    .chat-header  {
        padding:  20px 30px;
    }
    .chat-header .header-holder  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -ms-flex-flow:  wrap;
        flex-flow:  wrap;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        -webkit-box-pack:  justify;
        -ms-flex-pack:  justify;
        justify-content:  space-between;
    }
    .chat-header .logo  {
        width:  180px;
        margin:  0;
    }
    .chat-header .holder  {
        -webkit-box-pack:  start;
        -ms-flex-pack:  start;
        justify-content:  flex-start;
    }
    .nav.nav-tabs.chat-tabs  {
        width:  108px;
        margin:  15px auto 0;
        border-radius:  50px;
    }
    .nav.nav-tabs.chat-tabs li.nav-item  {
        width:  auto;
    }
    .nav.nav-tabs.chat-tabs .nav-link  {
        display:  inline-block;
        font-size:  16px;
        line-height:  20px;
        padding:  8px 20px;
        border-radius:  50px;
    }
    .chat-cols  {
        padding:  0;
    }
    .chat-cols .sidebar  {
        width:  200px;
    }
    .chat-cols .sidebar .search-form  {
        position:  relative;
    }
    .scrollable-area  {
        max-height:  700px;
    }
    .user-chat-area  {
        padding:  20px;
    }
    .user-chat-area .chat-head .subtitle  {
        font-size:  15px;
        line-height:  18px;
    }
    .user-chat-area .wrap .img-box  {
        width:  45px;
        height:  45px;
    }
    .user-chat-area .wrap .name  {
        font-size:  20px;
        line-height:  24px;
    }
    .user-chat-area .chat-area  {
        max-height:  580px;
        font-size:  15px;
        line-height:  18px;
        padding:  10px 0 15px;
    }
    .user-chat-area .chat-area .align-left,  .user-chat-area .chat-area .align-right  {
        margin:  0 0 20px;
    }
    .user-chat-area .chat-area .chat-txt  {
        max-width:  628px;
        min-width:  283px;
        padding:  12px 10px;
    }
    .user-chat-area .input-holder textarea  {
        padding:  12px 40px;
    }
    .user-chat-area .input-holder button  {
        font-size:  18px;
    }
    .chat-modal .modal-close  {
        top:  -10px;
        right:  0;
    }
    .wright-commint .img-box  {
        width:  45px;
        height:  45px;
    }
    .wright-commint .btn-box  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        -webkit-box-pack:  end;
        -ms-flex-pack:  end;
        justify-content:  flex-end;
        font-size:  14px;
        line-height:  17px;
    }
    .wright-commint .btn-box .text  {
        margin:  0;
    }
    .shareModal .modal-body  {
        padding:  70px 30px 20px;
    }
    .shareModal .link-box  {
        font-size:  14px;
        line-height:  17px;
    }
    .btn-create-group  {
        font-size:  16px;
        line-height:  19px;
        padding:  0;
    }
    .btn-create-group i  {
        font-size:  20px;
        position:  static;
    }
    .creategroupModal .modal-body  {
        padding:  60px 10px 30px 30px;
    }
    .creategroupModal .header .title  {
        font-size:  26px;
        line-height:  19px;
    }
    .creategroupModal .header .title span  {
        display:  inline-block;
        font-size:  18px;
        line-height:  22px;
    }
    .group-list .user-checkbox .img  {
        width:  45px;
        height:  45px;
    }
    .group-list .user-checkbox .name  {
        font-size:  18px;
        line-height:  22px;
    }
    .group-list .user-checkbox .email  {
        font-size:  16px;
        line-height:  20px;
    }
    .table.analysis-table tbody tr td:first-child  {
        padding-left:  0;
    }
    .table.analysis-table tbody tr:first-child td  {
        padding-top:  14px;
    }
    .table.recommendation-table  {
        font-size:  15px;
    }
    .table.recommendation-table th  {
        font-size:  14px;
        font-weight:  normal !important;
        color:  #777E90;
    }
    .social-login-holder .social-login-block  {
        padding:  30px 60px 60px;
    }
    .registration-form  {
        padding:  40px 50px;
    }
    .plan-section  {
        padding:  38px;
    }
    .completed-reg  {
        padding:  65px 95px;
        font-size:  20px;
    }
    .user-info  {
        padding-left:  30px;
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
        text-align:  left;
        gap:  20;
        margin-bottom:  36px;
    }
    .nav.nav-tabs  {
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
    }
    .nav.nav-tabs .nav-item  {
        /*width:  33%;*/
        width:  100%;
    }
    .data-form  {
        padding-top:  45px;
        padding-bottom:  30px;
    }
    .charge-tab-content  {
        padding-bottom:  300px;
        padding-top:  45px;
    }
    .charge-tab-content .credit-card-info  {
        margin:  0 auto 50px;
    }
    .modal-content-holder  {
        padding-top:  40px;
        padding-bottom:  0px;
    }
    .plan-detail-modal .modal-dialog  {
        max-width:  697px;
    }
    .plan-detail-modal .additional-info  {
        padding:  0 15px 100px;
    }
    .migration-plan-modal .modal-content  {
        padding:  50px 60px;
    }
    .cancel-plan-modal .banner  {
        padding:  50px 37px 0;
    }
    .cancel-plan-modal .content  {
        padding:  30px 37px;
    }
    .content-holder .inner-holder  {
        padding:  35px 35px 35px 35px;
    }
    .analysis-head .info-holder  {
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
        gap:  50px;
    }
    .analysis-head .powered-by  {
        -webkit-box-align:  start;
        -ms-flex-align:  start;
        align-items:  flex-start;
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
        gap:  50px;
    }
    .analysis-head .powered-by img  {
        vertical-align:  middle;
    }
    .advance-filters .filters-slide  {
        right:  -98px;
        left:  auto;
        width:  609px;
    }
    .advance-filters .grid-row  {
        -ms-grid-columns:  (minmax(0px,  1fr))[2];
        grid-template-columns:  repeat(2,  minmax(0px,  1fr));
    }



    .title-text  {
        margin-bottom:  54px;
    }
    .plan-section.new-style  {
        padding:  50px 77px;
    }
    .plans-slider .slick-arrow.slick-prev  {
        left:  -45px;
    }
    .plans-slider .slick-arrow.slick-next  {
        right:  -45px;
    }
    .inside-article-block  {
        padding:  25px;
    }
    .plan-checkout-block  {
        padding:  30px;
    }
    .plan-name-ac  {
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
        text-align:  left;
        padding:  30px;
    }
    .plan-name-ac .title:after  {
        margin:  15px 0 0;
    }
    .plan-text-offer  {
        margin-bottom:  60px;
    }
    .plan-options-row  {
        -ms-grid-columns:  (minmax(0,  1fr))[2];
        grid-template-columns:  repeat(2,  minmax(0,  1fr));
    }
    .check-list-row  {
        gap:  40px;
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
    }
    .selected-plan-box  {
        padding:  40px 30px;
    }
}

@media (min-width: 576px)  {
    .content-scrollable-block .grid  {
        -ms-grid-columns:  (minmax(0px,  1fr))[2];
        grid-template-columns:  repeat(2,  minmax(0px,  1fr));
    }
    .video-block .frame  {
        min-height:  300px;
    }
    .video-wrap .video-col  {
        width:  calc(33% - 30px);
        margin:  0 15px 15px;
    }
    .user-chat-area .chat-area  {
        max-height:  400px;
    }
    .payment-method .invoice-box  {
        padding:  15px 25px;
        font-size:  16px;
    }
    .payment-method .invoice-detail  {
        padding:  22px 25px;
    }
    .plan-detail-modal .plan-detail-list  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        -webkit-box-pack:  center;
        -ms-flex-pack:  center;
        justify-content:  center;
    }
    .plan-detail-modal .plan-detail-list li:not(:last-child)  {
        margin-bottom:  0;
    }
    .plan-detail-modal .plan-detail-list li:not(:last-child):after  {
        top:  20px;
        right:  -45px;
        -webkit-transform:  none;
        -ms-transform:  none;
        transform:  none;
        left:  auto;
    }
    .inside-article-block .btn-holder {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 992px)  {
    body  {
        font-size:  .8rem;
    }
    #header .logo  {
        width:  200px;
    }
    #header .info-list  {
        margin:  0 0 0 15px;
    }
    #header .info-list li.inside-school  {
        margin-left:  36px;
    }
    #header .info-list li  {
        margin:  0 0 0 30px;
    }
    #header .info-list .ico  {
        font-size:  38px;
    }
    #header .info-list .text  {
        max-width:  66px;
        font-size:  16px;
        line-height:  19px;
    }
    .content-block .header  {
        padding:  35px 55px 50px;
    }
    .content-block .content-holder  {
        padding:  25px 35px 55px;
    }
    .filter-bar .form-select  {
        max-width:  180px;
        margin-bottom:  0;
        height:  40px;
        font-size:  13px;
    }
    .filter-bar .form-select.field-order {
        width:  180px;
    }
    .content-scrollable-block .grid  {
        -ms-grid-columns:  (minmax(0px,  1fr))[3];
        grid-template-columns:  repeat(3,  minmax(0px,  1fr));
    }
    .slick-slider .text-holder  {
        min-height:  480px;
        padding:  50px;
    }
    .slick-slider .title  {
        font-size:  45px;
        line-height:  60px;
    }
    .subheader  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        -webkit-box-pack:  justify;
        -ms-flex-pack:  justify;
        justify-content:  space-between;
    }
    .subheader .title  {
        font-size:  22px;
        line-height:  36px;
        margin:  0;
    }
    .subheader .form  {
        width:  296px;
    }
    .videos-section  {
        padding:  0;
    }
    .videos-detail  {
        padding:  0;
    }
    .video-block .frame  {
        min-height:  450px;
    }
    .video-block .frame .icon-box  {
        width:  124px;
        height:  124px;
        font-size:  40px;
        border-width:  10px;
    }
    .podcat-article .heading  {
        font-size:  24px;
        line-height:  28px;
        margin:  0 0 30px;
    }
    .podcat-article .audio-wrap .ico  {
        width:  41px;
        font-size:  40px;
    }
    .accordion-snowflake a.btn-opener,  .accordion-snowflake a.btn-opener-inner,  .accordion-inner a.btn-opener,  .accordion-inner a.btn-opener-inner  {
        font-size:  16px;
        line-height:  19px;
        padding:  25px 40px 25px 30px;
    }
    .progress-holder  {
        padding:  22px 34px;
    }
    .chat-header  {
        padding:  25px 30px;
    }
    .chat-header .logo  {
        width:  220px;
    }
    .nav.nav-tabs.chat-tabs  {
        margin:  15px auto 0;
    }
    .chat-cols .sidebar  {
        width:  254px;
    }
    .user-holder .name  {
        font-size:  16px;
        line-height:  19px;
    }
    .user-holder .time,  .user-holder .text  {
        font-size:  14px;
        line-height:  17px;
    }
    .chatBoxModal .modal-body  {
        padding:  30px 15px 30px 30px;
    }
    .creategroupModal .header  {
        margin:  0 0 30px;
    }
    .plan-col .plan-text br  {
        display:  none;
    }
    .wallet-info-text  {
    }
    .wallet-info-text p  {
        margin-bottom:  15px;
    }
    .advance-filters .filters-slide  {
        right:  65px;
    }
    #footer .logo  {
        margin:  0 0 20px;
    }
    .footer-nav  {
        -webkit-box-pack:  start;
        -ms-flex-pack:  start;
        justify-content:  flex-start;
    }
    .footer-nav li  {
        padding:  0 10px;
    }
    .footer-nav li:before  {
        top:  6px;
    }



    .inside-article-block  {
        -ms-grid-columns:  minmax(0,  300px) 1fr;
        grid-template-columns:  minmax(0,  300px) 1fr;
    }
    .inside-article-block .img-holder  {
        max-width:  none;
        margin:  0;
    }
    .plan-checkout-block  {
        gap:  2%;
    }
    .plan-info  {
        -ms-grid-columns:  minmax(0,  354px) 1fr;
        grid-template-columns:  minmax(0,  354px) 1fr;
        margin-bottom:  50px;
    }
    .plan-name-ac  {
        padding:  34px 50px;
    }
    .plan-name-ac .btn  {
        min-width:  275px;
    }
    .plan-text-offer .title-rocket:before,  .plan-text-offer .title-rocket:after  {
        display:  block;
    }
    .selected-plan-box  {
        -webkit-box-pack:  justify;
        -ms-flex-pack:  justify;
        justify-content:  space-between;
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
    }
}

@media (min-width: 1200px)  {
    #wrapper: :before  {
        height:  596px;
    }
    #header  {
        padding:  40px 0 35px;
    }
    #header .header-holder  {
        margin:  0 0 30px;
        padding:  0 0 30px;
    }
    #header .header-content  {
        padding-right:  150px;
    }
    #header .notification  {
        right:  105px;
        top:  13px;
    }
    #header .user-box  {
        width:  63px;
        top:  -10px;
        right:  0;
    }
    #header .user-box .profile-img  {
        width:  63px;
        height:  63px;
    }
    .nav  {
        display:  block;
        width:  100%;
        position:  relative;
        top:  auto;
        right:  auto;
        bottom:  auto;
        padding:  0;
        overflow-y:  visible;
        -webkit-transition:  none;
        transition:  none;
        -webkit-transform:  none;
        -ms-transform:  none;
        transform:  none;
        background:  none;
        z-index:  inherit;
    }
    .nav .nav-close  {
        display:  none;
    }
    .main-menu  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -ms-flex-flow:  wrap;
        flex-flow:  wrap;
        -webkit-box-pack:  justify;
        -ms-flex-pack:  justify;
        justify-content:  space-between;
    }
    .main-menu li  {
        padding:  0 3px;
    }
    .nav-opener  {
        display:  none;
    }
    .form-search  {
        width:  300px;
        position:  relative;
        top:  auto;
        right:  auto;
    }
    .form-search input  {
        display:  block;
    }
    .search-slide  {
        width:  338px;
    }
    .content-block .content-holder  {
        padding:  35px 55px 55px;
    }
    .search-filter  {
        padding-right:  0;
    }
    .content-scrollable-block .grid  {
        -ms-grid-columns:  (minmax(0px,  1fr))[4];
        grid-template-columns:  repeat(4,  minmax(0px,  1fr));
    }
    .slick-slider .text-holder  {
        min-height:  523px;
        padding:  70px 65px;
    }
    .slick-slider .title  {
        font-size:  54px;
        line-height:  72px;
    }
    .info-columns .box  {
        min-height:  330px;
    }
    .info-columns .box:hover h2  {
    }
    .info-columns h2  {
        font-size:  24px;
        line-height:  32px;
        font-weight:  700;
    }
    .article-section .article  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        padding:  0;
    }
    .article-section .article .img-box  {
        height:  auto;
    }
    .article-section .article .text-box  {
        padding:  18px 50px 18px 25px;
    }
    .article-detail h2  {
        font-size:  24px;
        line-height:  30px;
    }
    .video-col .video-box  {
        height:  200px;
    }
    .video-block .frame  {
        min-height:  600px;
    }
    .video-wrap .video-col  {
        width:  calc(20% - 30px);
    }
    .progress-holder  {
        padding:  22px 55px;
    }
    .chat-header .logo  {
        -webkit-box-ordinal-group:  2;
        -ms-flex-order:  1;
        order:  1;
    }
    .chat-header .holder  {
        -webkit-box-ordinal-group:  4;
        -ms-flex-order:  3;
        order:  3;
    }
    .nav.nav-tabs.chat-tabs  {
        -webkit-box-ordinal-group:  3;
        -ms-flex-order:  2;
        order:  2;
        margin:  0;
    }
    .plan-col  {
        border:  none;
        padding-bottom:  0;
        margin-bottom:  0;
    }
    .plan-col .plan-text br  {
        display:  block;
    }
    .analysis-head  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        -webkit-box-pack:  justify;
        -ms-flex-pack:  justify;
        justify-content:  space-between;
    }
    .analysis-head .info-holder  {
        margin-bottom:  0;
    }
    .analysis-head .powered-by  {
        -webkit-box-align:  start;
        -ms-flex-align:  start;
        align-items:  flex-start;
        vertical-align:  middle;
    }
    #performanceModal .modal-dialog,  .snowFlakeModal .modal-dialog  {
        max-width:  940px;
    }
    #footer  {
        padding:  40px 0;
    }
    #footer .logo  {
        margin:  0;
    }
    .footer-nav  {
        font-size:  14px;
    }
    .footer-nav  {
        -webkit-box-pack:  end;
        -ms-flex-pack:  end;
        justify-content:  flex-end;
    }


    .plan-checkout-block  {
        -ms-grid-columns:  72% 26%;
        grid-template-columns:  72% 26%;
    }
    .plan-option-block .plan-option-price  {
        -webkit-box-pack:  justify;
        -ms-flex-pack:  justify;
        justify-content:  space-between;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
    }
    .planDetailModal .modal-dialog  {
        max-width:  1100px;
    }
    .check-list-row  {
        gap:  90px;
    }
    .price-details-row  {
        padding-right:  40px;
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  row;
    }
    .price-details-row .price-block  {
        min-width:  300px;
        margin-top:  -90px;
        width:  auto;
        text-align:  left;
    }
    .price-details-row .price-block .monthly-annual-switch  {
        -webkit-box-pack:  start;
        -ms-flex-pack:  start;
        justify-content:  flex-start;
    }
    .price-details-row .price-block .discount-badge  {
        margin:  0 0 20px;
    }
    .selected-plan-box .check-list-row  {
        gap:  60px;
    }
    .plan-box-dark  {
        min-width:  335px;
    }
}

@media (min-width: 1400px)  {
    #header .logo  {
        width:  220px;
    }
    .main-menu li  {
        padding:  0 6px;
    }
    .form-search  {
        width:  378px;
        padding-right:  35px;
    }
    .info-columns .box  {
        padding:  55px 45px;
    }
    .info-columns .box:hover h2  {
    }
    .info-columns h2  {
        font-size:  28px;
        line-height:  32px;
    }
    .info-columns .ico  {
        left:  45px;
        bottom:  30px;
    }
    .plan-col .price  {
        font-size:  14px;
    }
    .plan-col .price em  {
        font-size:  28px;
    }
    .footer-nav li  {
        padding:  0 15px;
    }
    .chat-modal .modal-close  {
        top:  0;
        right:  -50px;
    }


    .plan-col.new-style .plan-name:after  {
        margin-top:  22px;
    }
    .plan-col.new-style .plan-price  {
        margin-bottom:  37px;
    }
    .plan-checkout-block  {
        padding:  50px;
    }
    .block-bg-dark  {
        padding:  25px;
    }
    .plan-option-block .plan-option-title .icon-holder  {
        font-size:  46px;
    }
    .plan-option-block .plan-option-title .icon-holder img  {
        width:  46px;
        height:  46px;
    }
    .plan-option-block .plan-option-price  {
        padding-left:  66px;
    }
    .planDetailModal .modal-dialog  {
        max-width:  1240px;
    }
}

@media (max-width: 1199.98px)  {
    .main-menu .dropdown-menu  {
        position:  static !important;
        -webkit-transform:  none !important;
        -ms-transform:  none !important;
        transform:  none !important;
        padding:  0;
        width:  100%;
        border:  none;
        background:  none;
        margin-top:  15px !important;
    }
    .main-menu .dropdown-menu div.col-one  {
        width: 100%;
    }
    .main-menu .dropdown-menu div.col-two  {
        width: 100%;
    }
    .filter-bar .form-search  {
        right:  0;
        top:  50%;
        -webkit-transform:  translateY(-50%);
        -ms-transform:  translateY(-50%);
        transform:  translateY(-50%);
    }
    .main-menu  {
        background-image:  url("../images/logo.svg");
        background-repeat:  no-repeat;
        background-size:  150px;
        background-position:  center bottom 20px;
    }
}

@media (max-width: 991.98px)  {
    .filter-bar .form-search  {
        top:  auto;
        bottom:  0;
    }
}

@media (max-width: 767.98px)  {
    .btn  {
        font-size:  14px !important;
    }
    .filter-bar .form-search  {
        top:  44px;
        right:  0;
        -webkit-transform:  none;
        -ms-transform:  none;
        transform:  none;
    }
    .user-list .user-holder  {
        padding:  6px;
    }
    .user-list .user-holder .count  {
        top:  -8px;
        right:  -8px;
    }
    .user-list .user-holder .img-box  {
        width:  35px;
        height:  35px;
        margin:  0 auto;
    }
    .user-list .user-holder .text-box  {
        display:  none;
    }
    .table.transaction-table > :not(caption) > * > *  {
        padding-top:  10px;
        padding-bottom:  10px;
    }
    .table.transaction-table .btn  {
        width:  auto;
    }
    .table.recommendation-table tbody td:before  {
        width:  35%;
    }
    .table.recommendation-table tbody tr:nth-child(even)  {
        color:  #fff;
    }
    thead  {
        position:  absolute;
        left:  -9999px;
        overflow:  hidden;
        width:  0;
        height:  0;
    }
    tr,  td,  th,  thead,  tbody,  table  {
        display:  block;
    }
    tbody tr:nth-child(even)  {
        background-color:  #032b40;
    }
    tbody tr td  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
    }
    tbody tr td::before  {
        display:  inline-block;
        vertical-align:  middle;
        width:  25%;
        min-width:  100px;
        border-right:  2px dotted #999;
        margin-right:  10px;
        font-weight:  bold;
        word-break:  break-all;
    }
    tbody tr td::before  {
        content:  attr(data-title);
    }
    #header .logo img  {
        display:  block;
        width:  100%;
        height:  auto;
        max-width:  130px;
        margin:  0 auto;
        margin-top:  2px;
    }
    #header .info-list  {
        margin:  20px 0 0;
    }
    #header .user-box .profile-img  {
        margin-top:  3px;
    }
    #header .user-box  {
        left:  0px;
    }
    .profile-img  {
        width:  45px !important;
        height:  45px !important;
    }
    #header .notification  {
        top:  13px;
        left:  60px;
    }
    .nav-opener  {
        top:  8px;
    }
    .form-search  {
        top:  10px;
        right:  45px;
        display:  none;
    }
    .form-search .btn-search  {
        right:  0px;
        left:  0px;
        text-align:  center;
    }
    #header .user-slide  {
        left:  0px;
    }
    .info-columns .variacoes div.tab-content  {
        padding:  30px;
        padding-top:  20px;
        padding-bottom:  20px;
    }
    .info-columns .variacoes ul.title li a  {
        line-height:  45px;
    }
    div.reports-home a.type.resultados-trimestrais {
        font-size:  12px;
    }
    div.reports-home .h1-line,  div.videos-home .h1-line,  div.markets-home .h1-line  {
        font-size:  20px;
        margin-bottom:  45px !important;
    }
    .reports-home .row .col-6  {
        margin-bottom:  30px;
    }
    div.reports-home,  div.videos-home,  div.markets-home  {
        margin-bottom:  45px;
    }
    #header .logo  {
        margin:  0 auto;
    }
    div.videos-home p.cta-home  {
        margin-top:  30px;
    }
    div.markets-home p.cta-home  {
        margin-top:  10px;
    }
    div.videos-home img,  div.markets-home img  {
        height:  auto !important;
    }
    #footer .logo  {
        width:  100px;
    }
    .footer-nav  {
        font-size:  8px;
    }
    .content-block .header .form  {
        margin-top:  15px;
    }
    .article-section .article .img-box  {
        width:  auto;
    }
    .article-section .article .text-box  {
        min-height:  auto;
    }
    .video-block .frame  {
        min-height:  auto;
    }
    .interno.breadcrumb li:last-child  {
        display:  none;
    }
    .content-block .header .heading-holder h2  {
        font-size:  22px;
    }
    .article-detail h2  {
        font-size:  22px;
    }
    .subheader .title  {
        font-size:  22px;
    }
    .relacionados .text-box  {
        font-size:  13px;
    }
    .relacionados .video-col:last-child  {
        display:  none;
    }
    .insidetv .loadmore  {
        margin-top:  0px;
    }
    .video-block  {
        padding-bottom:  20px;
    }
    .relatorios_de_analises.article-section .article .img-box  {
        height:  400px;
    }
    .article-section .article .text-box  {
        margin-bottom:  30px;
    }
    .content-block .header .heading-holder h2  {
        margin-bottom:  15px !important;
    }
    #header .notification  {
        right:  auto;
    }
    .notification-slide  {
        width:  300px;
        left:  -60px;
        top:  -13px;
    }
    .search-mobile  {
        display:  block;
        position:  absolute;
        top:  8px;
        right:  46px;
        width:  35px;
        line-height:  35px;
        height:  35px;
        background:  #0a2737;
        border-radius:  3px;
        text-align:  center;
        cursor:  pointer;
    }
    .search-mobile a  {
        color:  #73a4be;
    }
    .modal-body  {
        padding:  10px;
        padding-bottom:  10px;
    }
    .modal-close  {
        top:  6px;
        right:  10px;
    }
    div.snowFlakeModal div.entry-logo,  div.snowFlakeModal div.entry-score,  div.snowFlakeModal div.entry-consensus,  div.snowFlakeModal div.entry-risk  {
        margin-left:  0px;
    }
    .breadcrumb  {
        margin-top:  5px;
        margin-bottom:  10px;
    }
}

@media (max-width: 575.98px)  {
    .info-columns.cursos-block .box  {
        min-height:  230px;
    }
    .info-columns.wallet .box  {
        min-height:  230px;
    }
}

.float{
    position:fixed;
    width:50px;
    height:50px;
    bottom:20px;
    right:20px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
    margin-top:10px;
}

.invalid-feedback {
    display: block; !important;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    margin-bottom: 15px;
    color: #dc3545;
}

.page-item.disabled .page-link {
    color: #4f85a1;
    background: none;
    border-color: #00324c;
}
.page-link {
    color: #4f85a1;
    background: none;
    border: 1px solid #00324c;
}
.page-item.active .page-link {
    background-color: #39b54a;
    border-color: #39b54a;
}
.page-link:hover, .page-link:focus {
    color: #ffffff;
    background-color: #39b54a;
    border-color: #39b54a;
}

.ticker_box {
    background-color: #011b29;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
}
.ticker_box_white {
    background-color: #eee;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    margin: 0 auto;
}

/*
body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-feature-settings: "cv11", "salt", "ss01", "ss03", "cv01", "cv02", "cv03", "cv04", "cv05", "cv06", "cv09", "cv10" !important;
}
*/

.badge.bg-light {
    background-color: #f1f1f1;
}