/* -- General CSS -- */

@media print {

    /* html, body {

       display: none;

    } */

    #printPageButton,

    #lord-icon{

        display: none;

        visibility: hidden;

    }

    .print-btn,

    header {

        display: none;

        visibility: hidden;

    }

    @page :footer {

        display: none

    }



    @page :header {

        display: none

    }

}



@font-face {

    font-family: Bahij;

    src: url('../fonts/Bahij_TheSansArabic-Plain.ttf');

}

html {

    scroll-behavior: smooth;

}







p {

    margin: 0;

}



ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



a {

    text-decoration: none !important;

}



.no-padding-right {

    padding-left: 0;

}



.clear {

    clear: both;

}



.alert-danger {

    color: #ee0000;

    background: none;

    border: none;

}



.alert-info a {

    text-decoration: underline !important;

    color: #23282D;

}



.inner-page {

    padding-bottom: 25px;
    padding-top:110px;

}



/* -- ./General CSS -- */

/* -- scroll -- */

.scroll {

    bottom: 5px;

    left: 5px;

    position: fixed;

    z-index: 10;

}



.scroll.hidden {

    display: none;

}



/* -- Top bar -- */



.top-bar {

    background: #f2f2f2;

    padding: 5px 0;

}



.top-bar .container {

    position: relative;

}



.top-bar .social {

    position: absolute;

    top: 0;

    right: 0;

    padding: 2px 0;

    padding-left: 15px;

    background: #f2f2f2;

}



.top-bar .social li {

    display: inline-block;

    margin-right: 10px;

}



.top-bar .social li.facebook a {

    color: #4267b2;

}



.top-bar .social li.youtube a {

    color: #f00;

}



.top-bar .social li.instagram a {

    color: #feb74d;

}



.marquee-wrapper {

    overflow: hidden;

}



.top-bar .marquee {

    direction: rtl;

}



.top-bar .marquee ul {

    direction: ltr;

}



.top-bar .marquee li {

    display: inline-block;

    color: #23282D;

    border-right: 1px solid #23282D;

    padding-right: 10px;

    margin-right: 10px;

}



.top-bar .marquee li p {

    display: inline-block;

}



/* -- ./Top bar -- */



/* -- Coins bar -- */

.tradingview-widget-container {

    height: auto !important;

    margin-bottom: -10px;

}



/* -- ./Coins bar -- */



/* -- Navbar -- */



header {

    position: relative;

    background: #23282D;

    z-index: 99;

}



header.fixed {

    position: fixed;

    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.5);

    z-index: 99;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    animation: showDown 0.5s ease-in-out;

}



@keyframes showDown {

    0% {

        top: -100px;

    }



    100% {

        top: 0;

    }

}





header .advertise {

    display: flex;

    color: #fff;

    font-size: 14px;

    padding: 0px 7px 0;

    border-radius: 7px;

    background-color: #00c381;

    height: 38px;

    line-height: 38px;

    align-items: center;

    position: absolute;

    top: 13px;

    right: 15px;

}

header .advertise span {

    padding-left: 5px;

}









header .nav-item:hover ul {

    visibility: visible;

    opacity: 1;

}







header .nav-item.signup a {

    font-size: 14px;

}



.close-menu {

    display: none;

}



header .languages img {

    width: 25px;

    height: 15px;

}





header .navbar-toggler {

    display: none;

}



header .navbar {

    padding-left: 0;

    padding-right: 0;

}



@media (min-width: 992px) {

    header .navbar .navbar-nav .nav-item:not(:last-child) {

        margin-right: 35px;

    }

}





.side-menu-computer {

    position: fixed;

    z-index: 98;

    background: #f9fcfb;

    border-right: 1px solid #e1e1e1;

    top: 0;

    bottom: 0;

    left: 0;

    padding-top: 160px;

    width: 210px;

    height: 100vh;

    overflow-y: auto;

    transition: all .5s ease-in-out;

}



.side-menu-computer::-webkit-scrollbar {

    width: 5px;

}



.side-menu-computer::-webkit-scrollbar-track {

    background: #f1f1f1;

}



.side-menu-computer::-webkit-scrollbar-thumb {

    background: #888;

}



.side-menu-computer::-webkit-scrollbar-thumb:hover {

    background: #555;

}



.side-menu-computer.hide-menu {

    left: -215px;

}



.side-menu-computer li a {

    color: #444;

    position: relative;

}



.side-menu-computer li a .icon {

    color: #444;

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

}

.side-menu-computer li .dropdown-list {

    display: none;

    padding-left: 15px;

}



.dropdown-list svg.youtube{

    color: #d00;

    font-size: 21px;

    padding: 0 4px;

}



.dropdown-list svg.tiktok{

    color: #000;

    font-size: 21px;

    padding: 0 4px;

}



.side-menu-computer li.active {

    background: #00c381right 47 top 50%;

}



.side-menu-computer li a:hover {

    color: #00c381;

}



.side-menu-computer img {

    width: 30px;

    height: 30px;

}



header .search-form,

.side-menu-computer .search-form {

    padding: 0 15px;

    position: relative;

}



header .search-form input,

.side-menu-computer .search-form input {

    width: 100%;

    padding: 5px 10px;

    border: 1px solid #e1e1e1;

    outline: none;

}



header .search-form input:focus,

.side-menu-computer .search-form input:focus {

    border: 1px solid #00c381;

}



header .search-form button,

.side-menu-computer .search-form button {

    position: absolute;

    top: 0;

    right: 15px;

    bottom: 0;

    background: transparent;

    border: 0;

    outline: none;

    cursor: pointer;

}



header .search-form button lord-icon,

.side-menu-computer .search-form button lord-icon {

    width: 25px;

}



.side-menu-computer .user-pro {

    border-top: 1px solid #e1e1e1;

    /* padding: 15px; */

    margin-top: 15px;

}



.side-menu-computer .social {

    border-top: 1px solid #e1e1e1;

    padding: 15px;

    margin-top: 15px;

}



.side-menu-computer .social li:not(:last-child) {

    margin-bottom: 15px;

}



.side-menu-computer .social li a {

    /* background: #aaa; */

    display: block;

    padding: 5px 10px;

    color: #141414;

    position: relative;

    overflow: hidden;

    transition: all .5s ease-in-out;

}



.side-menu-computer .social li a:hover {

    color: #444;

}



.side-menu-computer .social li a span {

    position: relative;

    z-index: 2;

    font-size: 16px;

    display: flex;

    align-items: center;

}





.side-menu-computer .social li:hover a {

    color: #fff;

}



.side-menu-computer .social li.facebook:hover a svg {

    box-shadow: 0 0 0 120px #5271b2;

}



.side-menu-computer .social li.youtube:hover a svg {

    box-shadow: 0 0 0 120px #d00;

}



.side-menu-computer .social li.instagram:hover a svg {

    box-shadow: 0 0 0 120px #f09433;

    box-shadow: 0 0 0 120px -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    box-shadow: 0 0 0 120px -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    box-shadow: 0 0 0 120px linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);

}



.side-menu-computer .social li.linked:hover a svg {

    box-shadow: 0 0 0 120px #2787b6;

}



.side-menu-computer .social li.tiktok:hover a svg {

    box-shadow: 0 0 0 120px #000;

}



/* .side-menu-computer .social li a:after {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    right: -100%;

    width: 100%;

    background: #00c381;

    z-index: 1;

    transition: all .5s ease-in-out;

} */

.side-menu-computer .social li a:hover:after {

    /* right: 0; */

}



.side-menu-computer .social li svg {

    border-radius: 50%;

    width: 20px;

    height: 20px;

    margin-right: 10px;

    padding: 8px;

    color: #fff;

    transition: .6s;

}



@media (min-width: 992px) {

    .mobile-link {

        display: none;

    }

}



@media (min-width: 1600px) {

    .body-block.open .container {

        max-width: 1140px !important;

    }



    .body-block {

        padding-left: 0 !important;

    }

}



@media (min-width: 992px) {

    .main-side-meun-btn {

        left: 20px;

        top: 90px;

        width: 40px;

        background: transparent;

        position: absolute;

        border: 0 !important;

        cursor: pointer;

        z-index: 999;

    }



    .main-side-meun-btn span {

        display: block;

        height: 2px;

        width: 100%;

        margin: 7px 0;

        background: #fff;

        transition: all .5s ease-in-out;

    }



    .main-side-meun-btn:hover span:nth-child(2) {

        width: 50%;

    }



    header.fixed .main-side-meun-btn {

       /* top: 105px;*/

    }



    .body-block.open {

        padding-left: 210px;

    }



    .body-block {

        padding-left: 0;

        transition: all .5s ease-in-out;

    }



    .body-block.open .container {

        max-width: calc(100% - 40px);

    }



    .body-block .container {

        max-width: 1140px;

        transition: all .5s ease-in-out;

    }



    header .navbar {

        justify-content: center;

    }



    header .navbar-expand-lg .navbar-collapse {

        flex-grow: unset;

    }

}



@media (max-width: 991px) {

    header .nav-item>a svg.fa-chevron-down {

        display: none;

    }



    header .languages {

        position: static !important;

        margin: 0 !important;

        padding: 0 !important;

        display: flex;

        visibility: visible !important;

        opacity: 1 !important;

    }



    .side-menu-computer,

    .main-side-meun-btn {

        display: none;

    }

}



@media (max-width: 1200px) and (min-width: 991px) {



    header .nav-item>a,

    header .nav-item.signup a {

        padding: 5px 7px !important;

        font-size: 18px;

    }



}



@media (max-width: 991px) {



    header .nav-item>a {

        font-size: 16px;

    }



    header .navbar-toggler {

        outline: none !important;

        border: 0 !important;

        display: block;

    }



    .navbar-toggler span {

        display: block;

        width: 30px;

        height: 2px;

        margin-bottom: 5px;

        background: #fff;

    }



    .navbar-collapse {

        position: fixed;

        top: 0px;

        width: 220px;

        z-index: 9999;

        left: -220px;

        bottom: 0px;

        background: rgb(0, 0, 0);

        padding: 25px 10px 10px;

        height: 100vh !important;

        min-height: 100vh !important;

        max-height: 100vh !important;

        transition: all 0.5s ease-in-out;

        display: block !important;

        overflow-y: auto;

    }



    .navbar-collapse.open {

        left: 0;

    }



    .overlay-all {

        position: fixed;

        z-index: -1;

        top: 0;

        right: 0;

        left: 0;

        bottom: 0;

        background: rgba(0, 0, 0, 0.5);

        opacity: 0;

        visibility: hidden;

        transition: all 0.5s ease-in-out;

    }



    .overlay-all.open {

        opacity: 1;

        visibility: visible;

    }



    .close-menu {

        display: block;

        position: absolute;

        z-index: 9999;

        top: 10px;

        right: 10px;

        color: #fff;

        background: none;

        border: 1px solid #e1e1e1;

        padding: 0 10px;

        outline: none;

    }



    header .nav-item>a .line {

        display: none;

    }





}



/* -- ./Navbar -- */



/* -- Slider -- */

.main-home-area {

    margin-top: 20px;

}



.main-bg {

    height: calc(100vh - 100px);

    position: relative;

    z-index: 2;

    font-size: 16px;

    /*

    background-repeat: no-repeat;



    background-size: cover;

    background-repeat: no-repeat;



    background-position: 90% 72%;*/

}







.main-bg .container {

    position: relative;

    z-index: 5;

}



.main-slider,

.main-slider .flickity-viewport {

    height: calc(100vh - 125px) !important;

}



.main-slider {

    background-image: url('../images/bg-img.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: 50% 50%;

}



.main-slider .item {

    width: 100%;

    height: 100%;

    padding: 10px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



.main-slider .flickity-page-dots {

    display: none;

}



.main-slider .item .para {

    transform: scale(0);

    opacity: 0;

    width: calc(70% - 15px);

    display: inline-block;

    transition: all 1s ease-in-out;

}



.main-slider .item .para a {

    padding: 5px 10px;

    border: 2px solid #23282D;

    background: #23282D;

    color: #fff;

    margin-top: 15px;

    display: inline-block;

    margin-left: 15px;

    transition: all 0.5s ease-in-out;

}



.main-slider .item .para a:hover {

    border-color: #fff;

    box-shadow: -1px 1px 10px rgba(83, 84, 86, 0.9);

}



.main-slider .item p {



    /*text-shadow: 1px 1px 10px rgba(83,84,86,0.9);*/

    font-size: 30px;

}



.main-slider .item .img-box {

    width: 50%;

    display: inline-block;

}



.main-bg .item .img-box img {

    width: 250px;

    display: block;

    margin: 0 auto;

    border-radius: 15px;

    height: 180px;

}



.main-slider .item.is-selected .para {

    opacity: 1;

    transform: scale(1);

}



.main-slider .flickity-prev-next-button {

    top: 90%;

    left: calc(50% - 50px);

    background: none;

}



.main-slider .flickity-prev-next-button .arrow {

    fill: #7b7b7b;

}



.main-slider .flickity-prev-next-button.previous {

    right: calc(50% - 50px);

    ;

    left: auto;

}



@media (max-width: 991px) {

    .main-slider .item .para {

        width: calc(50% - 15px);

    }



    .main-slider .item p {

        font-size: 16px;

    }



    .main-slider .item .para a {

        padding: 2px 5px;

        font-size: 13px;

    }

}



@media (max-width: 767px) {

    .main-slider .item .para {

        width: 100%;

    }



    .main-slider .item p {

        color: #000;

    }



    .main-slider .flickity-prev-next-button {

        top: auto;

        bottom: 25px;

    }



    .main-slider,

    .main-slider .flickity-viewport {

        height: calc(100vh - 150px) !important;

    }

}



/* -- ./Slider -- */



/* -- Down Info Blocks -- */



.down-info {

    margin: 25px auto;

}



.down-info .info-block .card {

    padding: 25px 15px;

    border: 0;

    box-shadow: -1px 5px 5px rgba(0, 0, 0, 0.2);

    text-align: center;

}



.down-info .info-block .card h3 lord-icon {

    display: block;

    margin: 15px auto;

    color: #00c381;

    width: 80px;

    height: 80px;

}



.our-service-title {

    margin-top: 70px;

    text-align: center;

}



.our-service-title .main-title {

    margin-bottom: 0;

}



.our-service-title lord-icon {

    height: 150px;

    width: 150px;

}



@media (max-width:991px) and (min-width:768px) {

    .our-service-title lord-icon {

        width: 100px;

    }

}



/* -- ./Down Info Blocks -- */



/* -- Last News -- */



.about-box h1.main-title {

    text-align: left !important;

    margin-bottom: 30px !important;

}

.about-content-box{

    margin-top:50px;

}

.main-title {

    margin-bottom: 30px;

    padding: 10px;

    margin-top: 0;

    padding-top: 0;

    font-size: 32px;

}



.main-title lord-icon {

    height: 58px;

    width: 58px;

}

h1.main-title.small-icon lord-icon {

    height: 58px !important;

    width: 58px !important;

    display: inline-flex !important;

}



.main-title a {

    color: #23282D;

    position: relative;

    display: inline-block;

    font-size: 25px;

}



.main-title a:after {

    position: absolute;

    content: '';

    bottom: -10px;

    left: 0;

    height: 4px;

    width: 30px;

    background: #23282D;

    transition: all 0.5s ease-in-out;

}



.main-title a:hover:after {

    width: 100%;

}



.last-news {

    margin-top: 70px;

}



.last-news .main-title {

    text-align: center;

}



.last-news .main-title lord-icon {

    display: block;

    height: 150px;

    width: 150px;

}



.last-news .main-title a:after {

    display: none;

}



.sub-news {

    border: 1px solid #e1e1e1;

    background: #fff;

    position: relative;

    margin-bottom: 25px;

    padding-bottom: 15px;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.sub-news:hover {

    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

}



.sub-news .img-box {

    height: 250px;

    margin-bottom: 15px;

    position: relative;

}



.sub-news .img-box img,

.sub-news .img-box iframe {

    width: 100%;

    height: 100%;

}



.sub-news .img-box svg {

    width: 30px !important;

    height: 30px;

    top: calc(50% - 15px);

    left: calc(50% - 15px);

    position: absolute;

    z-index: 99;

    color: #fff;

}



.sub-news .img-box:hover svg {

    color: #00c381;

}



.red-bg .sub-news .img-box:hover svg {

    color: #990f3d;

}



.sub-news .img-box .overlay {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(83, 84, 86, 0.7);

    opacity: 0;

    visibility: hidden;

    transition: all 0.5s ease-in-out;

}



.sub-news .img-box:hover .overlay {

    opacity: 1;

    visibility: visible;

}



.sub-news h3 {

    font-size: 18px;

    color: #000;

    padding: 2px;

    margin-left: 10px;

    height: 45px;

    overflow: hidden;

}



.sub-news p {

    height: 55px;

    overflow: hidden;

    color: #23282D;

    line-height: 26px;

    margin-bottom: 10px;

    padding: 0 10px;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.sub-news p:hover {

    color: #00c381;

}



.podcast .sub-news:hover p {

    color: #00c381;

}



.sub-news .date {

    font-size: 12px;

    display: block;

    color: #aaa;

    margin-left: 15px;

}



.sub-news .type {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

    padding: 3px 10px;

    background: #00c381;

    color: #fff;

    border-bottom-right-radius: 15px;

}



.sub-news .more {

    position: absolute;

    right: 15px;

    bottom: 15px;

    font-size: 13px;

    color: #777;

    transition: all 0.5s ease-in-out;

}



.sub-news .more:hover {

    color: #00c381;

}



.sub-news .more svg {

    position: relative;

    font-size: 11px;

    right: 0;

    transition: all 0.5s ease-in-out;

}



.sub-news .more:hover svg {

    right: -5px;

    color: #00c381;

}



/* -- ./Last News -- */





/* -- Video -- */



.video-block {

    background: #23282D;

    margin-top: 70px;

    padding: 40px 0;

}



.video-block .main-title a {

    color: #fff;

}



.video-block .main-title a:after {

    background: #fff;

}



.video-block .main-video .img-box .vplayer {

    width: 100%;

}



.video-block .main-video img,

.video-block .main-video iframe {

    width: 100%;

    height: 600px;

}



.video-block .main-video {

    cursor: pointer;

    background: #000;

}



.video-block .main-video svg {

    position: absolute;

    z-index: 5;

    color: #00c381;

    left: calc(50% - 25px);

    top: calc(50% - 25px);

    width: 50px !important;

    height: 50px;

    border-radius: 50%;

    opacity: 0.5;

    transition: all 0.5s ease-in-out;

}



.video-block .main-video:hover svg {

    opacity: 1;

}



.video-block .main-video h3 {

    color: #fff;

    font-size: 18px;

    line-height: 22px;

    height: 42px;

    overflow: hidden;

    margin: 20px 0;

}



.video-block .main-video p {

    color: #808285;

    height: 42px;

    overflow: hidden;

}



.video-block .sub-video {

    margin-bottom: 10px;

    position: relative;

    cursor: pointer;

    background: #000;

}



.video-block .sub-video .img-block {

    position: relative;

    display: block;

}



.video-block .sub-video img,

.video-block .sub-video iframe {

    width: 100%;

    height: 193px;

}



.video-block .sub-video h3 {

    margin-top: 10px;

    font-size: 16px;

    height: 70px;

    overflow: hidden;

    display: block;

    color: #fff;

    line-height: 25px;

}



.video-block .sub-video svg {

    position: absolute;

    width: 20px;

    height: 20px;

    color: #00c381;

    opacity: 0.7;

    left: calc(50% - 10px);

    top: calc(50% - 10px);

    transition: all 0.5s ease-in-out;

}



.video-block .sub-video:hover svg {

    opacity: 1;

}



.sub-video-link {

    display: flex;

    position: relative;

    justify-content: center;

    align-items: center;

}



.sub-video-link svg {

    position: absolute;

    z-index: 5;

    color: #00c381;

    width: 20px !important;

    height: 20px;

    border-radius: 50%;

    opacity: 0.5;

    transition: all 0.5s ease-in-out;

}



.video-block .sub-video:hover svg {

    opacity: 1;

}



@media (max-width: 991px) and (min-width: 768px) {



    .video-block .main-video img,

    .video-block .main-video iframe {

        height: 500px;

    }



    .video-block .sub-video img,

    .video-block .sub-video iframe {

        height: 160px;

    }

}



@media (max-width: 767px) {

    .video-block .main-video {

        margin-bottom: 15px;

    }



    .video-block .main-video img,

    .video .main-video iframe,

    .video-block .sub-video img,

    .video-block .sub-video iframe {

        height: 300px;

    }



    .video-block .sub-video svg {

        left: calc(50% - 25px);

        top: calc(50% - 25px);

        width: 50px !important;

        height: 50px;

    }

}



/* -- ./Video -- */



/* -- Team -- */



.team {

    margin-top: 70px;

    margin-bottom: 70px;

}



.team .main-title a:after {

    display: none;

}



.team .main-title lord-icon {

    width: 150px;

    height: 150px;

    display: block;

}



.team h2 {

    margin-bottom: 25px;

    text-align: center;

    color: #23282D;

}



.team h2 i:before {

    font-size: 38px;

}



.team .flickity-viewport {

    height: 300px !important;

}



.team .item {

    width: 25%;

    height: 100%;

    padding: 15px;

}



.team .team-slider.no-slide {

    display: flex;

    justify-content: center;

}



.team .item img {

    width: 150px;

    height: 150px;

    cursor: pointer;

    border-radius: 50%;

    display: block;

    margin: 0 auto;

    object-position: top;

    box-shadow: -1px 1px 15px rgba(83, 84, 86, 0.7);

    margin-bottom: 45px;

    transition: all 0.5s ease-in-out;

    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(250, 250, 250, 0.5)));

}



.team .item span {

    display: block;

    text-align: center;

    cursor: pointer;

}



.team .item .name {

    font-size: 22px;

    color: #00c381;

    margin-bottom: 15px;

    cursor: pointer;

}



.team .item .job {

    color: #23282D;

}



.team .flickity-prev-next-button {

    bottom: -70px;

    top: auto;

    left: auto;

    right: calc(50% - 50px);

    border-radius: 0;

    background: none;

    opacity: 1;

    outline: none !important;

    transition: all 0.5s ease-in-out;

}



.team .flickity-prev-next-button.next {

    right: calc(50% + 10px);

}



.team .flickity-prev-next-button .arrow {

    fill: #00c381;

}



.team .flickity-page-dots {

    display: none;

}



.modal-team .modal-dialog {

    max-width: 80%;

}



.modal-team .modal-body {

    padding: 0;

    min-height: calc(100vh - 60px);

}



.modal-team .img-box {

    margin: 25px 0;

}



.modal-team .img-box .right-col {

    width: 40%;

    float: left;

    background: #f2f2f2;

}





.modal-team .img-box img {

    width: 100%;

    height: 400px;

    object-fit: cover;

    object-position: top;

}



.modal-team .img-box .left-col {

    width: 60%;

    float: left;

    padding: 0 0 0 25px;

}



.modal-team .img-box .name {

    color: #00c381;

    font-weight: bold;

    font-size: 22px;

    margin: 10px 0;

    padding-left: 20px;

}



.modal-team .img-box ul {

    margin: 10px 0;

    padding-left: 25px;

}



.modal-team .img-box ul.guest-social {

    margin: 10px 0;

    padding-left: 0;

    display: flex;

    justify-content: center;

}



.modal-team .img-box ul.guest-social li a {

    font-size: 24px;

}

.modal-team .img-box ul.guest-social li:not(:last-child) {

    margin-right: 15px;

}





.modal-team .img-box ul li {

    margin-bottom: 10px;

    color: #23282D;

}



.modal-team .img-box ul li span {

    direction: rtl;

    display: inline-block;

}



.modal-team .img-box ul li span.news {

    direction: ltr;

}



.modal-team .img-box ul li a:hover span.news {

    color: #00c381;

}



.modal-team .img-box ul li svg {

    margin-right: 5px;

    color: #00c381;

}





.modal-team .img-box .left-col .info {

    border: 1px solid #e1e1e1;

    position: relative;

    background: #fff;

}



.modal-team .img-box .left-col .info h3 {

    font-size: 20px;

    display: inline-block;

    padding: 10px 20px;

    background: #00c381;

    color: #fff;

}



.modal-team .img-box .left-col .info p {

    padding: 0 15px;

    text-align: justify;

    line-height: 30px;

}



.modal-team .img-box .left-col .info ul li {

    position: relative;

    padding-left: 25px;

}



.modal-team .img-box .left-col .info ul li:after {

    position: absolute;

    content: '';

    width: 10px;

    height: 10px;

    background: #fff;

    border: 2px solid #00c381;

    left: 0;

    top: 7px;

    border-radius: 50%;

}



.modal-team .carousel-control-prev,

.modal-team .carousel-control-next {

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    background: #00c381;

    color: #fff;

    bottom: auto;

    border-radius: 50%;

    top: 15px;

    right: 60px;

    transition: all 0.5s ease-in-out;

}





.modal-team .carousel-control-next {

    left: auto;

    right: 105px;

}



.modal-team button.close {

    position: absolute;

    z-index: 15;

    top: 15px;

    right: 15px;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    background: #00c381;

    color: #fff;

    bottom: auto;

    border-radius: 50%;

    transition: all 0.5s ease-in-out;

    font-size: 15px;

    outline: none;

}



.modal-team button.close:hover {

    opacity: 1;

    color: #fff !important;

}



.modal-team .team-desc {

    padding: 15px;

}



.modal-team .team-desc img {

    display: block;

    margin: 15px auto;

    max-width: 98%;

    max-height: 300px;

}



@media (max-width: 991px) and (min-width: 768px) {

    .team .item {

        width: 33.33%;

    }



    .modal-team .img-box .right-col,

    .modal-team .img-box .left-col {

        float: none;

        width: 100%;

        min-height: auto;

        background: none;

    }



    .modal-team .img-box img {

        width: 150px;

        height: 150px;

        border-radius: 50%;

        display: block;

        margin: 75px auto 15px;

    }



    .modal-team .img-box .left-col {

        padding-top: 0;

    }



    .modal-team .modal-dialog {

        max-width: 100%;

    }



    .modal-team .img-box .right-col {

        text-align: center;

    }

}



@media (max-width: 767px) {

    .team .item {

        width: 50%;

    }



    .modal-team .img-box .right-col,

    .modal-team .img-box .left-col {

        float: none;

        width: 100%;

        min-height: auto;

        background: none !important;

    }



    .modal-team .img-box img {

        width: 150px;

        height: 150px;

        border-radius: 50%;

        display: block;

        margin: 75px auto 15px;

    }



    .modal-team .modal-dialog {

        max-width: 100%;

    }



    .modal-team .img-box .left-col {

        padding-top: 15px;

    }



    .modal-team .img-box .right-col {

        text-align: center;

    }



    .modal-team .img-box .left-col .info h3 {

        font-size: 15px;

    }

}



@media (max-width: 400px) {

    .team .item {

        width: 100%;

    }

}



/* -- ./Team -- */



/* -- Instagram posts -- */



.ig_feed_container img {

    margin-bottom: 15px;

}



/* -- ./Instagram posts -- */





/* -- Contact Info -- */



.contact-info {

    padding-top: 25px;

    padding-bottom: 25px;

}



.contact-info .email-block {

    direction: rtl;

}



.contact-info .email-block a {

    font-size: 20px;

    color: #444;

    transition: all 0.5s ease-in-out;

}



.contact-info .email-block a:hover {

    color: #00c381;

}



.contact-info .email-block lord-icon {

    width: 50px;

    height: 50px;

}



.contact-info .social {

    float: right;

}



.contact-info .social li {

    display: inline-block;

    margin-left: 10px;

}



.contact-info .social img {

    width: 45px;

}



@media (max-width: 767px) {

    .contact-info .email-block {

        text-align: center;

    }



    .contact-info .social {

        float: none;

        display: block;

        text-align: center;

        margin-top: 15px;

    }

}



/* -- ./Contact Info -- */



/* -- Footer -- */



footer {

    background: #23282D;

    padding: 20px 0 10px;

}





footer .site-map {

    margin-top: 30px;

    width: calc((100% / 4) - 5px);

    display: inline-block;

    float: left;

}



footer .site-map li {

    margin-bottom: 10px;

}



footer .site-map li a {

    color: #ccc;

    transition: all 0.5s ease-in-out;

}



footer .site-map li a:hover {

    color: #fff;

}



footer .social {

    text-align: center;

    margin: 20px auto 10px;

    width: 70%;

    border-top: 1px solid #aaa;

    padding-top: 20px;

}



footer .social li {

    display: inline-block;

    margin-left: 5px;

}



footer .social li a {

    display: block;

    width: 45px;

    height: 40px;

    color: #fff;

    position: relative;

    top: 0;

    transition: all 0.5s ease-in-out;

}



footer .social li a:hover {

    top: -10px;

}



footer .social li a svg {

    transform: rotate(45deg);

    font-size: 18px;

}







@media (max-width: 450px) {

    footer .site-map {

        margin-top: 0;

        width: calc((100% / 2) - 5px);

    }



    footer .social {

        width: 100%;

    }

}



/* -- ./Footer -- */





/*

   =================================

   =================================

    ======== INNER PAGES ==========

   =================================

   =================================

*/



/** Articles **/

.article-bread {

    background: #233831;
}



.articles-page .sub-news .img-box {

    height: 330px;

}



.red-bg {

    background: #fff1e5;

}







.breadcramb {

    padding: 50px 0;

    /*background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;*/

    position: relative;

    margin-bottom: 50px;

}



.breadcramb .overlay {

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: rgba(83, 84, 86, 0.7);

}



.breadcramb ul {

    position: relative;

    z-index: 10;

    margin-bottom: 15px;

}



.breadcramb ul li {

    display: inline-block;

    margin-right: 10px;

}



.breadcramb ul li svg {

    margin-left: 15px;

    color: #aaa;

    font-size: 12px;

}



.breadcramb ul li a,

.breadcramb ul li span {

    color: #fff;

    transition: all 0.5s ease-in-out;

}



.breadcramb ul li a:hover {

    color: #ccc;

}



.breadcramb ul li:last-child svg {

    display: none;

}



.breadcramb h2 {

    color: #fff;

    position: relative;

    z-index: 10;

}



.breadcramb h2.main-title a {

    font-size: 32px;

    word-break: break-word;

}



.breadcramb h2.main-title a:after {

    background: #fff;

    border-radius: 2px;

}



.dictionary .search-div {

    max-width: 500px;

    margin: 0 auto;

}



.side-bar .search ,

.dictionary .search {

    position: relative;

    margin-bottom: 25px;

}



.side-bar .search input ,

.dictionary .search input {

    padding: 6px 10px;

    width: 100%;

    border: 1px solid #23282D;

    background: rgba(83, 84, 86, 0.1);

    transition: all 0.5s ease-in-out;

}



.side-bar .search input:focus ,

.dictionary .search input:focus {

    background: #fff;

    border: 1px solid #00c381;

}



.side-bar .search button ,

.dictionary .search button {

    height: 38px;

    border: 1px solid #23282D;

    position: absolute;

    right: 0;

    top: 0;

    padding: 0 10px;

    background: #23282D;

    color: #fff;

    cursor: pointer;

    transition: all 0.5s ease-in-out;

}



.side-bar .search button:hover ,

.dictionary .search button:hover {

    background: #fff;

    color: #23282D;

}



.side-bar .categories {

    border-top: 2px solid #00c381;

    padding-top: 25px;

    margin-bottom: 25px;

}



.side-bar .categories h3 {

    font-size: 20px;

    margin-bottom: 20px;

}



.side-bar .categories ul {

    background: rgba(83, 84, 86, 0.1);

}



.side-bar .categories ul li a {

    color: #23282D;

    padding: 10px 15px;

    border-bottom: 1px solid #fff;

    display: block;

    transition: all 0.5s ease-in-out;

}



.side-bar .categories ul li a:hover {

    color: #fff;

    background: #23282D;

}



.side-bar .call {

    padding: 15px;

    background: #23282D;

}



.side-bar .call h4 {

    color: #fff;

    font-size: 18px;

}



.side-bar .call p {

    color: #ccc;

    font-size: 14px;

}



.side-bar .call a {

    display: inline-block;

    margin-top: 15px;

    padding: 4px 10px 2px;

    border-radius: 5px;

    color: #23282D;

    background: #fff;

    border: 2px solid #fff;

    transition: all 0.5s ease-in-out;

}



.side-bar .call a:hover {

    background: #23282D;

    color: #fff;

}



.side-bar .call a svg {

    transition: all 0.5s ease-in-out;

    transform: rotate(0);

    color: #23282D;

}



.side-bar .call a:hover svg {

    transform: rotate(35deg);

    color: #fff;

}



.side-bar .last-articles {

    margin-top: 25px;

    margin-bottom: 15px;

    padding: 15px 0;

}



.side-bar .last-articles h3 {

    font-size: 22px;

    margin-bottom: 5px;

}



.side-bar .last-articles .sub-article {

    position: relative;

    height: 90px;

    border-bottom: 1px dashed #888;

    padding-top: 10px;

    background: #fff;

}



.red-bg .side-bar .last-articles .sub-article {

    background: #f2dfce;

}



.side-bar .last-articles .sub-article:last-child {

    border: 0;

}



.side-bar .last-articles .sub-article img {

    position: absolute;

    left: 10px;

    width: 90px;

    height: 65px;

}



.side-bar .last-articles .sub-article p {

    /*width: calc(100% - 30px);*/

    margin-left: 110px;

    height: 80px;

    color: #23282D;

    overflow: hidden;

    transition: all 0.5s ease-in-out;

}



.side-bar .last-articles .sub-article p:hover {

    color: #00c381;

}



.news-details .tags {

    margin-top: 25px;

    padding-top: 25px;

    border-top: 2px solid #00c381;

}



.news-details .tags h3 {

    font-size: 22px;

    margin-bottom: 10px;

}



.news-details .tags a {

    display: inline-block;

    margin-bottom: 10px;

    margin-right: 5px;

    padding: 5px;

    border: 1px solid #aaa;

    background: #f2f2f2;

    color: #444;

    font-size: 15px;

    transition: all 0.5s ease-in-out;

}



.news-details .tags a:hover {

    background: #ccc;

}



.pagination {

    margin-top: 25px;

    margin-bottom: 25px;

    padding-top: 25px;

    border-top: 1px solid #e1e1e1;

    border-radius: 0;

    width: 100%;

    display: block;

}



.pagination li {

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 10px;

}



.pagination li a,

.pagination li span {

    display: block;

    width: 40px;

    height: 40px;

    border: 2px solid #fff;

    padding: 10px;

    font-weight: bold;

    font-size: 14px;

    text-align: center;

    color: #23282D;

    outline: none;

    border-radius: 0 !important;

    transition: all 0.5s ease-in-out;

}



.pagination li a:after {

    display: none;

}



.pagination li span {

    border: 2px solid #23282D;

    cursor: not-allowed;

}



.pagination li a:hover,

.pagination li a:focus {

    border-color: #23282D;

    outline: none !important;

}



.pagination li svg {

    vertical-align: -0.08px;

}



.pagination li:hover {

    background-color: #fff;

}



.pagination li:hover a {

    color: #23282D;

    background-color: #fff;

}



.page-item.active .page-link {

    background-color: #fff;

    color: #23282D;

    border-color: #23282D;

}



@media (max-width: 991px) and (min-width: 768px) {

    .side-bar .last-articles .sub-article p {

        width: calc(100% - 20px);

        margin-left: 10px;

        font-size: 14px;

        height: 65px;

    }



    .side-bar .last-articles .sub-article {

        height: auto;

        padding-bottom: 10px;

    }



    .side-bar .last-articles .sub-article img {

        position: static;

        margin-left: 10px;

        width: calc(100% - 20px);

        height: 100px;

        margin-bottom: 10px;

    }



    .inner-page .side-bar {

        padding-left: 0;


    }



    .red-bg .logo-news {

        height: auto;

    }

}



@media (max-width: 767px) {

    .breadcramb {

        margin-bottom: 20px;

        padding: 20px 0;

    }



    .pagination li a,

    .pagination li span {

        width: 30px;

        padding: 10px 5px;

    }



    .pagination {

        padding: 10px 0;

    }



    .pagination ul {

        display: block;

        text-align: center;

        width: 100%;

    }



    .breadcramb h2.main-title a {

        font-size: 22px;

    }

}



/** ./Articles **/



/* -- Article Details -- */



.news-details h1 {

    font-size: 22px;

    color: #23282D;

    border-bottom: 1px solid #e1e1e1;

    padding-bottom: 10px;

}



.red-bg .news-details h1 {

    color: #990f3d;

}



.news-details ul.info {

    font-size: 13px;

    margin-bottom: 15px;

}



.news-details ul.info li {

    display: inline-block;

    margin-right: 15px;

    color: #aaa;

}



.news-details ul.info li svg {

    color: #00c381;

    margin-right: 5px;

}



.red-bg .news-details ul.info li svg {

    color: #990f3d;

}



.news-details ul.info li.date {

    border-left: 1px solid #ccc;

    padding-left: 15px;

}



.news-details ul.info li img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin-right: 10px;

}



.news-details ul.info li.comment {

    padding-left: 15px;

    border-left: 1px solid #ccc;

}



.news-details .img-box {

    margin-bottom: 5px;

    position: relative;

}



.news-details .img-box img {

    max-height: 500px;

    display: block;

    margin: 15px auto;

    width: 100%;

}



.news-details .img-box small {

    font-size: 14px;

    color: #fff;

    display: block;

    position: absolute;

    bottom: 0;

    padding: 5px;

    width: 100%;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.5);

}



.news-details p {

    text-align: justify;

    white-space: pre-line;
    word-wrap: break-word;

}



.news-details p a {

    font-weight: 500;

    text-decoration: underline !important;

    color: #00c381;

    transition: all 0.5s ease-in-out;

}



.news-details p a:hover {

    color: #23282D;

    font-weight: bold;

}



.news-details h2 {

    margin: 15px 0 15px;

    font-size: 20px;

    position: relative;

}



.news-details h2:after {

    position: absolute;

    left: 0;

    bottom: -5px;

    height: 2px;

    width: 50px;

    border-radius: 5px;

    content: '';

    background: #00c381;

}



.red-bg .news-details h2:after {

    background: #990f3d;

}



.news-details iframe {

    margin: 15px 0;

    width: 100%;

    min-height: 400px;

}



.news-details .facebook iframe {

    margin: 0;

}



.news-details .comments h3 {

    font-size: 22px;

    margin-top: 25px;

    padding-top: 25px;

    border-top: 1px solid #e1e1e1;

}



.news-details .comments .comment-body {

    border-radius: 10px;

    width: calc(100% - 5px);

    border: 1px solid #e1e1e1;

    position: relative;

    padding: 15px;

    margin-bottom: 15px;

    background: #fff;

}



.news-details .comments .comment-body.reply {

    background: #eee;

    margin-left: 40px;

    width: calc(100% - 45px);

    margin-top: -10px;

    padding-bottom: 5px;

}



.news-details .comments .user {

    margin-bottom: 2px;

}



.news-details .comments .user img.user {

    width: 40px;

}



.news-details .comments .user .name {

    color: #990f3d;

    padding-left: 0;

}



.news-details .comments .comment-body.reply .user .name {

    color: #00c381;

    font-weight: bold;

    font-size: 13px;

    margin-top: -10px;

    margin-bottom: 5px;

}



.news-details .comments-area p {

    white-space: normal;

    padding-left: 15px;

}



.news-details .comments-area .comment-body.reply .comment-para {

    padding-left: 8px;

}



.news-details .comments-area::-webkit-scrollbar {

    width: 5px;

    border-radius: 5px;

}



.news-details .comments-area::-webkit-scrollbar-track {

    background: #f1f1f1;

}



.news-details .comments-area::-webkit-scrollbar-thumb {

    background: #888;

}



.news-details .comments-area::-webkit-scrollbar-thumb:hover {

    background: #555;

}



.news-details .add-comment {

    width: calc(100% - 5px);

    position: relative;

    margin-top: 25px;

}



.news-details .add-comment textarea {

    border-radius: 5px;

    width: 100%;

    border: 1px solid #e1e1e1;

    padding: 10px;

    height: 150px;

    margin-bottom: 20px;

    resize: none;

    transition: all 0.5s ease-in-out;

}



.news-details .add-comment textarea::-webkit-scrollbar {

    width: 5px;

    border-radius: 5px;

}



.news-details .add-comment textarea::-webkit-scrollbar-track {

    background: #f1f1f1;

}



.news-details .add-comment textarea::-webkit-scrollbar-thumb {

    background: #888;

}



.news-details .add-comment textarea::-webkit-scrollbar-thumb:hover {

    background: #555;

}



.news-details .add-comment textarea:focus {

    border-color: #23282D;

    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.5);

}



.news-details .add-comment button {

    width: 40px;

    height: 40px;

    text-align: center;

    border: 1px solid #23282D;

    background: #23282D;

    color: #fff;

    position: absolute;

    bottom: 10px;

    right: 20px;

    border-radius: 50%;

    cursor: pointer;

    transition: all 0.5s ease-in-out;

}



.news-details .add-comment button:hover {

    background: #fff;

    color: #23282D;

}



.add-comment.reply-comment {

    margin-top: -5px;

    width: calc(100% - 45px);

    margin-left: 40px;

}



.add-comment.reply-comment textarea {

    background: #eee;

    height: 70px;

}



.add-comment.reply-comment button {

    bottom: 10px;

}



.news-details .content-box {

    padding: 15px 25px;

    border: 1px solid #e1e1e1;

    background: #f2f2f2;

    margin: 15px 0;

}



.news-details .content-box h3 {

    font-size: 20px;

    font-weight: bold;

}



.news-details .content-box ul {

    padding-left: 25px;

}



.news-details .content-box ul li {

    margin-bottom: 10px;

    font-size: 16px;

    padding-left: 15px;

    position: relative;

    cursor: pointer;

    transition: all 0.5s ease-in-out;

}



.news-details .content-box ul li:hover {

    color: #00c381;

}



.news-details .content-box ul li:after {

    position: absolute;

    content: '';

    width: 10px;

    height: 10px;

    background: #00c381;

    border-radius: 50%;

    top: 5px;

    left: 0;

}



@media (max-width: 500px) {



    .news-details ul.info li.comment,

    .news-details ul.info li.date {

        display: block;

        margin-top: 15px;

        border: 0;

        padding-left: 0;

    }

}



/* -- ./Article Details -- */



/* -- News -- */

.red-bg .logo-news {

    height: 90px;

    margin-right: -20px;

}



.red-bg .logo-news img {

    height: 100%;

    width: 100%;

    object-fit: contain !important;

}



.news-page .nav-tabs {

    margin-bottom: 25px;

    display: block;

    text-align: center;

    padding-bottom: 5px;

    border-color: #e1e1e1;

}



.red-bg .breadcramb ul li a,

.red-bg .breadcramb ul li span {

    color: #990f3d;

}



.red-bg .breadcramb li.main-title {

    color: #990f3d;

    padding-left: 0;

}



.news-page .nav-tabs li ,

.news-page-1 .nav-tabs li {

    display: inline-block;

}



.news-page .nav-tabs .nav-link ,

.news-page-1 .nav-tabs .nav-link {

    border: 0;

    color: #777;

    font-size: 15px;

    font-weight: bold;

    transition: all 0.5s ease-in-out;

}



.news-page .nav-tabs .nav-link:hover ,

.news-page-1.nav-tabs .nav-link:hover {

    color: #990f3d;

}



.news-page .nav-tabs .nav-link.active ,

.news-page-1 .nav-tabs .nav-link.active {

    border: 0;

    color: #990f3d;

    background: none;

}



.news-page .sub-news ,

.news-page-1 .sub-news {

    padding: 15px;

    padding-bottom: 0;

    border-top: 2px solid #23282D;

}



.news-page .tab-pane .info ,

.news-page-1 .tab-pane .info {

    padding-top: 0 !important;

}



.news-page .sub-news h2 ,

.news-page-1.sub-news h2 {

    font-size: 18px;

    font-weight: bold;

    padding-bottom: 10px;

    border-bottom: 1px solid #e1e1e1;

    padding-right: 90px;

    color: #990f3d;

}



.news-page .sub-news .type ,

.news-page-1.sub-news .type {

    top: 10px;

    color: #990f3d;

    font-weight: bold;

    background: #fff;

    left: auto;

    right: 10px;

}



.news-page .sub-news .img-box ,

.news-page-1 .sub-news .img-box {

    width: 200px;

    height: 150px;

    display: inline-block;

}



.news-page .sub-news p ,

.news-page-1 .sub-news p {

    height: 75px;

}



.news-page .sub-news .info ,

.news-page-1 .sub-news .info {

    width: calc(100% - 210px);

    float: right;

    position: relative;

    padding-top: 20px;

}



.news-page .sub-news .date ,

.news-page-1 .sub-news .date {

    margin-top: 20px;

}



.news-page .sub-news .more ,

.news-page-1 .sub-news .more {

    bottom: 0;

}



.news-page .sub-news .more:hover,

.news-page .sub-news .more:hover svg,

.news-page .sub-news:hover p,

.news-page-1 .sub-news .more:hover,

.news-page-1 .sub-news .more:hover svg,

.news-page-1 .sub-news:hover p,

.red-bg .side-bar .last-articles .sub-article p:hover {

    color: #990f3d;

}



.red-bg .sub-news {

    background: #f2dfce;

}



@media (max-width: 767px) {

    .red-bg .logo-news {

        margin-right: 0;

        position: relative;

        top: -25px;

    }

}



@media (max-width: 575px) {

    .news-page .sub-news .img-box ,

    .news-page-1 .sub-news .img-box {

        display: block;

        width: 100%;

        height: 225px;

    }



    .news-page .sub-news .info ,

    .news-page-1 .sub-news .info {

        float: none;

        width: 100%;

        position: static;

        padding-bottom: 10px;

    }



    .news-page .sub-news .more ,

    .news-page-1 .sub-news .more {

        bottom: 15px;

    }



    .news-page .sub-news h2 ,

    .news-page-1 .sub-news h2 {

        padding-right: 0;

    }

}



/* -- ./News -- */



/* -- Academy -- */




.academy .main-title {

    text-align: center;

    color: #23282D;

    font-size: 32px;

}



.academy .main-title img {

    display: block;

    margin: 0 auto 15px;

    width: 100px;

    border-radius: 15px;

}



.academy .main-title small {

    display: block;

    font-size: 24px;

    margin-top: 10px;

    color: #00c381;

}



.academy .sub-academy {

    padding: 15px;

}







.academy .sub-academy a {

    border: 1px solid #e1e1e1;

    display: block;

    padding: 10px;

    transition: all 0.5s ease-in-out;

    height: 300px;

    background: #fff;

}

.about-page .academy .sub-academy a{

    height:auto;

}

lord-icon.special-lord {

    height: 130px !important;

    width: 130px !important;

}



.academy .sub-academy img {

    width: 100%;

    height: 250px;

}



.academy .sub-academy h3 {

    text-align: center;

    margin-top: 15px;

    color: #00c381;

    font-size: 22px;

    transition: all 0.5s ease-in-out;

}



.calc .sub-academy h3 {

    color: #777;

}



.academy .sub-academy p {

    color: #777;

    height: 105px;

    overflow: hidden;

    font-size: 16px;

    width: calc(100% - 20px);

    margin: 10px 10px 0;

    transition: all 0.5s ease-in-out;

}



.academy .sub-academy a:hover h3 {

    text-shadow: -1px 1px 10px rgba(83, 84, 86, 0.3);

    /*color: #fff;*/

}



.academy .sub-academy a:hover p {

    color: #444;

}



.academy .sub-academy a:hover {

    box-shadow: -1px 1px 10px rgba(83, 84, 86, 0.5);

    /*background: #00c381;*/

}



.academy .sub-academy.inactive a {

    background: #e1e1e1;



}



.academy .sub-academy.inactive h3,

.academy .sub-academy.inactive p {

    color: #999;

}



.academy .sub-academy .soon {

    position: absolute;

    top: 26px;

    right: 29px;

    /* transform: rotate(-39deg); */

    background: #999;

    color: #fff;

    width: 71px;

    text-align: center;

    height: 34px;

    overflow: hidden;

    line-height: 34px;

    box-shadow: -1px 1px 10px rgba(83, 84, 86, 0.7);

}



@media (max-width: 767px) {



    .academy .sub-academy p,

    .academy .sub-academy a {

        height: auto;

    }

}



/* -- ./Academy -- */



/* -- Academy Category -- */

.academy-breadcrumb.calc-breadcrumb {

    width: 100%;

    padding: 60px 0;

    margin: 0;

}



.academy-lord lord-icon {

    width: 96px;

    height: 96px;

    display: block;

    margin: 35px auto;

}



.academy-category {

    margin-top: 50px;

}



.academy-category h3 {

    font-size: 24px;

    color: #3e889a;

    margin-bottom: 15px;

}



.academy-category h3 svg {

    margin-right: 5px;

}



.academy-category ul li {

    margin-bottom: 25px;

}



.academy-category ul li a {

    color: #23282D;

    display: inline-block;

    position: relative;

    margin-bottom: 10px;

}



.academy-category ul li a:after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

    height: 2px;

    width: 0;

    background: #23282D;

    transition: all 0.5s ease-in-out;

}



.academy-category ul li a:hover:after {

    width: 100%;

    opacity: 1;

    visibility: visible;

}



.academy-category ul li p {

    height: 45px;

    overflow: hidden;

    color: #aaa;

    font-size: 14px;

}



/* -- ./Academy Category -- */





/* -- Academy Details -- */



.academy-details {

    margin-top: 50px;

    position: relative;

}



.academy-details .info {

    width: calc(100% - 260px);

}



.academy-details .info p {

    white-space: pre-line;

}



.academy-details .info span {

    /*color: #7b7b7b !important;*/

    background: none;
    font-size: 18px !important;

}



.academy-details .info h3 span {

    color: #23282D !important;

}



.academy-details .info h2 {

    font-size: 20px;

    margin-bottom: 25px;

}



.academy-details .info h2 small {

    display: block;

    font-size: 15px;

    color: #00c381;

    margin-bottom: 10px;

}



.academy-details .info h3 {

    font-size: 16px;

    font-weight: bold;

    margin: 15px 0 20px;

    color: #23282D;

    position: relative;

}



.academy-details .info h3:after {

    position: absolute;

    content: '';

    bottom: -10px;

    left: 0;

    height: 3px;

    width: 50px;

    background: #00c381;

    border-radius: 10px;

}



.academy-details .info a {

    color: #00c381;

    transition: all 0.5s ease-in-out;

}



.academy-details .info a:hover {

    color: #23282D;

    text-decoration: underline !important;

}



.academy-details .info img {

    display: block;

    margin: 10px auto;

    max-width: 100%;

    max-height: 400px;

    width: 75% !important;

}



.academy-details .info p b {

    display: block;

    margin: 10px 0;

}



.academy-details .info blockquote {

    width: calc(100% - 20px);

    margin: 10px;

    border: 2px solid #00c381;

    padding: 15px;

}



.academy-details .info blockquote b svg {

    color: #00c381;

    margin-right: 5px;

}



.academy-details .info blockquote p {

    color: #aaa;

}



.academy-details .info ul {

    margin: 15px 0;

}



.academy-details .info ul li {

    padding-left: 20px;

    position: relative;

    margin-bottom: 10px;

}



.academy-details .info ul li:after {

    position: absolute;

    content: '';

    width: 10px;

    height: 10px;

    background: #00c381;

    border-radius: 50%;

    left: 0;

    top: 8px;

}



.academy-details .list-content {

    width: 250px;

    float: right;

    transition: all 0.5s ease-in-out;

}



.academy-details .list-content.fix {

    position: fixed;

    top: 100px;

}



.academy-details .list-content p {

    font-weight: bold;

    margin-bottom: 10px;

    color: #444;

}



.academy-details .list-content li {

    padding: 8px;

    border-left: 1px solid #e1e1e1;

    transition: all 0.5s ease-in-out;

    padding-left: 15px;

    cursor: pointer;

}



.academy-details .list-content li.active {

    border-left: 3px solid #00c381;

    color: #00c381;

}



.academy-details .list-content li:hover {

    color: #00c381;

}



.academy-details .academy-links {

    margin-top: 15px;

    min-height: 10px;

}



.academy-details .academy-links a {

    font-size: 14px;

    display: inline-block;

    color: #23282D;

    opacity: 0.8;

    transition: all 0.5s ease-in-out;

}



.academy-details .academy-links a.prev {

    float: right;

}



.academy-details .academy-links a:hover {

    text-decoration: underline !important;

    opacity: 1;

}



@media (max-width: 767px) {

    .academy-details .list-content {

        display: none;

    }



    .academy-details .info {

        width: 100%;

    }



    .academy-details .academy-links a {

        float: none !important;

        margin: 5px auto;

        display: block;

    }

}



/* -- ./Academy Details -- */



/* -- About us -- */



.about-page img {

    max-width: 100%;

}



.about-content-box h1,

.about-content-box h2,

.about-content-box h3,

.about-content-box h4,

.about-content-box h5,

.about-content-box h6 {

    color: #00c281 !important;

    margin-top:25px;

}



.about-page .about-box {

    background: #fff;

    border: 1px solid #e1e1e1;

    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1);

    margin-top: 60px;

    padding: 25px;

}



.about-page .about-box h1 {

    text-align: left;

    margin-bottom: 0;

    font-size: 30px;

}



.about-page .about-box h1 lord-icon {

    display: block;

    width: 150px;

    height: 150px;

    margin: 0 auto;

}



.about-page .about-box h3 {

    color: #00c381;

}



.about-page .about-box p {

    white-space: pre-line;

    line-height:30px;

}



.about-page .about-box img {

    display: block;

    margin: 15px auto;

    max-height: 500px;

    object-fit: contain;

}



@media (max-width: 767px) {

    .about-page .about-box img {

        width: 100% !important;

    }

}



/* -- ./About us -- */



/* -- Services -- */



.about-box.service form {

    padding-top: 15px;

    border-top: 1px solid #e1e1e1;

}



/* -- ./Services -- */



/* -- Signup -- */



.form-group .group {

    padding: 5px;

    position: relative;

}



.form-group .group label {

    font-size: 14px;

    color: #aaa;

    margin-left: 10px;

    display: block;

}

.form-group .group.form-check label {

    font-size: 14px;

    color: #aaa;

    margin-left: 20px;

    display: block;

}



.form-group .group input,

.form-group .group textarea,

.form-group .group select {

    padding: 5px;

    display: block;

    border: 1px solid #e1e1e1;

    width: 100%;

    border-radius: 10px;

}

.form-group .group input[type="checkbox"] ,

.form-group .group input[type="radio"] {

    left: 5px;

    margin-left: 0;

    width: fit-content;

}





.form-group .group textarea {

    height: 200px;

    resize: none;

}



.form-group .group.two {

    float: left;

    width: 50%;

}

.form-group .group.two-l {

    float: left;

    width: 66%;

}

.form-group .group.two-s {

    float: left;

    width: 34%;

}

.form-group .group.three {

    float: left;

    width: 33%;

}

.form-group .group.three:nth-child(3n) {

    float: left;

    width: 34%;

}

.form-group .group.quarter {

    float: left;

    width: 25%;

}



.form-group .group button {

    display: block;

    width: 150px;

    margin: 10px auto;

    cursor: pointer;

    text-align: center;

    border-radius: 5px;

    border: 2px solid #23282D;

    background: #23282D;

    color: #fff;

    padding: 5px;

    transition: all 0.5s ease-in-out;

}



.form-group .group button:hover {

    background: #fff;

    color: #23282D;

    box-shadow: -1px 1px 10px rgba(83, 84, 86, 0.7);

}



.form-group .forget-password,

.form-group .login-link {

    font-size: 12px;

    color: #aaa;

    cursor: pointer;

    transition: all 0.5s ease-in-out;

}



.form-group .forget-password:hover,

.form-group .login-link:hover {

    color: #777;

    text-decoration: underline;

}



.about-box .form-group.password {

    display: none;

}



.form-group .group .show,

.form-group .group .hide {

    position: absolute;

    right: 15px;

    bottom: 10px;

    color: #ccc;

    cursor: pointer;

}



.form-group .group .show:hover,

.form-group .group .hide:hover {

    color: #777;

}



.form-group .group .hide {

    display: none;

}



.about-box .nav-tabs,

.about-box .tab-content {

    width: 70%;

    margin-right: 15%;

    margin-left: 15%;

}



.about-box .tab-content {

    border: 1px solid #e1e1e1;

    padding-top: 15px;

}



.signup-page .about-box {

    padding-bottom: 0;

}



.about-box .nav-tabs {

    text-align: center;

    display: block;

    border: 0;

}



.about-box .nav-tabs li {

    width: 50%;

    float: left;

}



.about-box .nav-tabs li a {

    border: 1px solid #e1e1e1;

    color: #777;

    transition: all 0.5s ease-in-out;

    background: #f2f2f2;

}



.about-box .nav-tabs li a:hover {

    color: #23282D;

}



.about-box .nav-tabs li a.active {

    color: #23282D;

    text-shadow: -1px 1px 10px rgba(83, 84, 86, 0.9);

}



@media (max-width: 767px) {

    .form-group .group.two ,

    .form-group .group.two-l ,

    .form-group .group.two-s ,

    .form-group .group.three {

        width: 100%;

        float: none;

    }

    .form-group .group.quarter {

        float: none;

        width: 50%;

    }



    .about-box .nav-tabs,

    .about-box .tab-content {

        margin: 0;

        width: 100%;

    }

}



/* -- ./Signup -- */



/* star rating */



.star-rating {

    direction: rtl;

    text-align: center;

    padding: 0;

}



.star-rating input[type=radio] {

    display: none

}



.star-rating label {

    color: #bbb;

    font-size: 18px;

    padding: 0;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    cursor: pointer;

}



.star-rating label:hover,

.star-rating label:hover~label,

.star-rating input[type=radio]:checked~label {

    color: #f2b600

}



.star-rating label.none {

    color: #bbb !important;

}



.star-rating input[type=radio]:disabled+label {

    cursor: auto;

}



.star-rating button {

    display: block;

    direction: ltr;

    margin: 10px auto 0;

    padding: 2px 5px;

    border: 2px solid #f2b600;

    background: #f2b600;

    color: #fff;

    cursor: pointer;

    outline: none;

    border-radius: 10px;

    transition: all 0.5s ease-in-out;

}



.star-rating button:hover {

    background: #fff;

    color: #f2b600;

    box-shadow: -1px 1px 10px rgba(242, 182, 0, 0.5);

}



.rate {

    margin-top: 30px;

}



.rate p {

    font-weight: bold;

    text-align: center;

    margin-bottom: 15px;

}



/* ./star rating */



/* -- Videos Page -- */



.videos-page {

    padding-top: 20px;

    padding-bottom: 20px;

}



.videos-page h3 {

    color: #23282D;

    font-size: 25px;

    margin-top: 25px;

    margin-bottom: 15px;

}



.videos-page .sub-video {

    border: 1px solid #e1e1e1;

    background: #fff;

    padding: 15px;

    margin-bottom: 15px;

}



.videos-page .sub-video img,

.videos-page .sub-video iframe {

    width: 100%;

    height: 250px;

    margin-bottom: 10px;

}



.videos-page .sub-video p {

    height: 100px;

    overflow: hidden;

    text-align: justify;

}



/* -- ./Videos Page -- */



.tradingview-widget-copyright {

    display: none;

    height: 0;

}



.videos-slider .flickity-viewport {

    height: 250px !important;

}



.videos-slider .item {

    height: 100%;

    width: 25%;

}



.videos-slider .item a,

.videos-slider .item img {

    width: 100%;

    height: 100%;

}



/*-- calcs */



.range-output-number-type {

    right: 1.75rem;

    left: auto !important;

}



.clear {

    clear: both;

}



.calc-box {

    padding: 25px;

    width: 70%;

    margin: 0 15%;

    background: #eaeaea;

    border: 1px solid #e1e1e1;

}



.calc-box .cal-group {

    display: block;

    width: 100%;

    padding: 5px 10px;

    margin-bottom: 15px;

    position: relative;

}



.calc-box .cal-group span {

    position: absolute;

    height: 45px;

    width: 55px;

    text-align: center;

    background: #ccc;

    right: 11px;

    bottom: 6px;

    padding: 10px;

    color: #000;

    border-left: 1px solid rgba(0, 0, 0, 0.4);

}



.calc-box .cal-group.two {

    float: left;

    width: 50%;

}



.calc-box .cal-group.one {

    width: 100%;

    clear: both;

}



.calc-box .cal-group button {

    padding: 5px 25px;

    border: 1px solid #00c381 !important;

    background: #00c381 !important;

    color: #fff !important;

    font-size: 23px;

    font-weight: bold;

    margin: 0 auto;

    display: block;

    transition: all 0.5s ease-in-out;

    cursor: pointer;

}

/*

.calc-box .cal-group button:hover {

    background: #444;

    color: #fff;

}*/



.calc-box .cal-group label {

    display: block;

    color: #444;

    font-size: 14px;

    position: relative;

}



.calc-box .cal-group label.required:before {

    content: '*';

    color: #f00;

    margin-right: 5px;

}



.calc-box .cal-group input[type='text'],

.calc-box .cal-group input[type='number'],

.calc-box .cal-group select {

    width: 100%;

    padding: 15px;

    border-radius: 10px;

    border: 1px solid #ccc;

    transition: all 0.5s ease-in-out;

    outline: none;

    background: rgba(255, 255, 255, 1);

    color: rgba(0, 0, 0, 0.6);

    border: 1px solid rgba(0, 0, 0, 0.4);

    cursor: text;

    border-radius: 0;

    height: 47px;

    font-weight: bold;

}



.calc-box .cal-group input[type='text']:focus,

.calc-box .cal-group input[type='number']:focus,

.calc-box .cal-group select:focus {

    border-color: #444;

}



.radio-box {

    margin: 0 10px;

    display: inline-block;

    position: relative;

}



.radio-box input {

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    width: 100% !important;

    height: 100%;

    cursor: pointer;

    opacity: 0;

}



.radio-box span {

    padding: 5px;

    border-radius: 10px;

    font-size: 14px;

    border: 1px solid #e1e1e1 !important;

    min-width: 40px;

    text-align: center;

    display: inline-block;

    transition: all 0.5s ease-in-out;

    position: static;

    height: auto;

    background: #fff;

    width: auto;

    position: static !important;

}



.radio-box input:checked+span,

.radio-box input:hover+span {

    background: #777;

    color: #fff;

    border: 1px solid #777;

}



.box-result,

.calc-para {

    width: 70% !important;

    margin: 15px 15%;

    padding: 15px 25px;

    background: #eaeaea;

    border-radius: solid 1px solid #e1e1e1;

}



.calc-para {

    background: rgba(0, 198, 129, 0.4);

}



.calc-para p {

    margin-bottom: 0;

    font-size: 16px;

    white-space: pre-line;

}



.box-result h2 {

    font-size: 16px;

    text-align: center;

    line-height: 25px;

    font-weight: bold;

}



.box-result table th,

.box-result table td {

    text-align: center;

    background: rgba(0, 0, 0, 0.05);

}



.calc-title {

    text-align: center;

    color: #00c381;

    margin-top: 30px;

    font-size: 32px;

}



.calc-breadcrumb {

    width: 70%;

    margin: 65px 15% 15px;

    padding: 60px 25px;

    border-radius: 5px;

    position: relative;

}



.calc-breadcrumb ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.calc-breadcrumb ul li {

    display: inline-block;

    margin-right: 10px;

}



.calc-breadcrumb ul li:after {

    content: "\f053";

    font-family: 'Font Awesome\ 5 Free';

    font-weight: 900;

    margin-left: 10px;

    color: #aaa;

    float: right;

}



.calc-breadcrumb ul li:last-child:after {

    display: none;

}



.calc-breadcrumb ul li a {

    color: #999;

    transition: all 0.5s ease-in-out;

    text-decoration: none !important;

}

.calc-breadcrumb ul li h1 {

    font-size: 16px;

}



.calc-breadcrumb ul li a:hover {

    color: #444;

}



.calc-breadcrumb lord-icon {

    width: 96px;

    height: 96px;

    position: absolute;

    right: 15px;

    top: 15px;

}



.box-result table td,

.box-result table th {

    white-space: normal !important;

}



.calc-para.displayed {

    display: none;

}



.calc-para ul,

.calc-para ol {

    display: block;

    margin-top: 10px;

    margin-bottom: 10px;

}



@media (max-width: 991px) and (min-width: 768px) {

    .academy-breadcrumb.calc-breadcrumb ul li {

        margin-bottom: 10px;

    }

}



@media (max-width: 767px) {



    .calc-breadcrumb,

    .calc-box,

    .box-result,

    .calc-para {

        width: calc(100% - 20px);

        margin-right: 10px;

        margin-left: 10px;

    }



    .calc-breadcrumb {

        padding: 10px 0 !important;

    }



    .calc-breadcrumb lord-icon {

        position: static;

        margin: 20px auto 0;

        display: block;

    }



    .calc-breadcrumb ul li {

        margin-top: 10px;

        margin-bottom: 10px;

    }



    .calc-box .cal-group input[type='text'],

    .calc-box .cal-group input[type='number'],

    .calc-box .cal-group select {

        height: 40px;

    }



    .calc-box .cal-group span {

        height: 38px;

    }

}



@media (max-width: 500px) {

    .calc-box .cal-group.two {

        float: none;

        width: 100%;

    }



    .box-result table th,

    .box-result table td {

        font-size: 14px;

    }

}



.moms .moms-tax {

    padding: 5px !important;

}



/* -- ./Calcs -- */



/* -- Videos page -- */



.videos-page .playlist-title {

    font-size: 22px;

    padding-bottom: 5px;

    padding-top: 25px;

    margin: 0;

    color: #444;

    clear: both;
    color:#39b07e;

}



.videos-page .flickity-viewport,

.videos-page .item {

    height: 300px !important;

}



.videos-page .flickity-page-dots {

    display: none;

}



.videos-page .flickity-prev-next-button {

    border-radius: 0;

    background: #00c381;

    opacity: 0.5;

    transition: all 0.5s ease-in-out;

}



.videos-page .flickity-prev-next-button:hover {

    opacity: 1;

}



.videos-page .flickity-prev-next-button .arrow {

    fill: #fff;

}



.videos-page .item {

    width: 33.33%;

    height: 100%;

    padding: 5px 15px;

}



.videos-page .item .vplayer {

    background: #000;

    height: 100%;

    width: 100%;

}



.videos-page .video-slider-inner>.item {

    float: left;

    /* padding-bottom: 25px; */

}



.videos-page .item img,

.videos-page .item iframe {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.videos-page .item .vplayer {

    position: relative;

    cursor: pointer;

}



.videos-page .item .vplayer svg.fa-play {

    position: absolute;

    width: 40px;

    height: 40px;

    top: calc(50% - 20px);

    left: calc(50% - 20px);

    color: #00c381;

    opacity: 0.7;

    transition: all 0.5s ease-in-out;

}



.videos-page .item .vplayer:hover svg.fa-play {

    opacity: 1;

}



.video-slider-inner {

    margin-bottom: 20px;

    clear: both;

}



.videos-page .main-title {

    text-align: center;

    color: #23282D;

    font-size: 32px;

}



.videos-page .main-title lord-icon {

    width: 96px;

    height: 96px;

    display: block;

    margin: 0 auto 5px;

}



@media (max-width: 991px) {



    .videos-page .flickity-viewport,

    .videos-page .item {

        height: 175px !important;

    }

}



@media (max-width: 767px) {

    .videos-page .item {

        width: 50%;

    }

}



@media (max-width: 450px) {



    .videos-page .flickity-viewport,

    .videos-page .item {

        height: 250px !important;

    }



    .videos-page .item {

        width: 100%;

    }

}



/* -- ./Videos page -- */



/* -- Icons behined slider -- */



.main-bg .icon {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



.main-bg .icon .img {

    width: 130px;

    position: absolute;

    opacity: 0;

}



.main-bg .icon .img img {

    max-width: 100%;

    position: relative;

    z-index: -1;

}



.main-bg .icon.done .img1 {

    top: 8%;

    left: calc(50% - 65px);

    opacity: 1;

    animation: img1 2s ease-in-out;

    width: 110px;

}



@keyframes img1 {

    0% {

        left: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    50% {

        left: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        top: 8%;

        left: calc(50% - 65px);

        opacity: 1;

    }

}



.main-bg .icon.done .img2 {

    top: 15%;

    left: 16%;

    opacity: 1;

    animation: img2 3s ease-in-out;

}



@keyframes img2 {

    0% {

        left: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    66.66% {

        left: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        top: 15%;

        left: 16%;

        opacity: 1;

    }

}



.main-bg .icon.done .img4 {

    top: 50px;

    right: 20%;

    opacity: 1;

    animation: img4 4s ease-in-out;

}



@keyframes img4 {

    0% {

        right: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    75% {

        right: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        top: 50px;

        right: 20%;

        opacity: 1;

    }

}



.main-bg .icon.done .img3 {

    top: 38%;

    width: 190px;

    right: 10%;

    opacity: 1;

    animation: img3 5s ease-in-out;

}



@keyframes img3 {

    0% {

        right: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    80% {

        right: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        bottom: 38%;

        right: 10%;

        opacity: 1;

    }

}



.main-bg .icon.done .img5 {

    bottom: 29%;

    left: 11%;

    opacity: 1;

    animation: img5 6s ease-in-out;

}



@keyframes img5 {

    0% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    83.33% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        bottom: 29%;

        left: 11%;

        opacity: 1;

    }

}



.main-bg .icon.done .img6 {

    width: 190px;

    opacity: 1;

    animation: img6 1s ease-in-out;

    right: 23%;

    bottom: 20%;

}



@keyframes img6 {

    0% {

        opacity: 0;

        right: calc(50% - 65px);

        bottom: calc(50% - 65px);

    }



    50% {

        opacity: 0;

        right: calc(50% - 65px);

        bottom: calc(50% - 65px);

    }



    100% {

        opacity: 1;

        right: 23%;

        bottom: 20%;

    }

}



.main-bg .icon.done .img7 {

    width: 100px;

    bottom: 16%;

    left: 37%;

    opacity: 1;

    animation: img7 7s ease-in-out;

}



@keyframes img7 {

    0% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    85.71% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        bottom: 16%;

        left: 37%;

        opacity: 1;

    }

}



@media (max-width: 991px) {

    .main-bg .icon .img {

        width: 100px;

    }

    

    .main-bg .icon.done .img1,

    .main-bg .icon.done .img4 {

        width: 80px;

    }



    .main-bg .icon.done .img6 {

        width: 150px;

    }



    .main-bg .icon.done .img7 {

        width: 60px;

    }



    .main-bg .icon.done .img3 {

        width: 130px;

    }

}





@media (max-width: 500px) {

    .main-bg .icon.done .img1 {

        top: 15px;

        left: calc(50% - 40px);

        animation: img11 2s ease-in-out;

    }



    .main-bg .icon.done .img2 {

        top: 70px;

        left: 10px;

        animation: img22 3s ease-in-out;

    }



    .main-bg .icon.done .img3 {

        top: 250px;

        right: 10px;

        animation: img33 5s ease-in-out;

    }



    .main-bg .icon.done .img4 {

        top: 70px;

        right: 10px;

        animation: img44 4s ease-in-out;

    }



    .main-bg .icon.done .img5 {

        bottom: 100px;

        left: 10px;

        animation: img55 6s ease-in-out;

    }



    .main-bg .icon.done .img6 {

        right: 10px;

        bottom: 100px;

        animation: img66 1s ease-in-out;

    }



    .main-bg .icon.done .img7 {

        bottom: 15px;

        left: 50px;

        animation: img77 7s ease-in-out;

    }



    .main-bg .icon.done .img {

        opacity: 0.5;

        transform: scale(0.8);

    }



}



@keyframes img77 {

    0% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    85.71% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        bottom: 15px;

        left: 50px;

        opacity: 0.5;

    }

}



@keyframes img66 {

    0% {

        opacity: 0;

        right: calc(50% - 65px);

        bottom: calc(50% - 65px);

    }



    50% {

        opacity: 0;

        right: calc(50% - 65px);

        bottom: calc(50% - 65px);

    }



    100% {

        opacity: 0.5;

        right: 10px;

        bottom: 100px;

    }

}



@keyframes img55 {

    0% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    83.33% {

        left: calc(50% - 65px);

        bottom: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        bottom: 100px;

        left: 10px;

        opacity: 0.5;

    }

}



@keyframes img44 {

    0% {

        right: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    75% {

        right: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        top: 70px;

        right: 10px;

        opacity: 0.5;

    }

}



@keyframes img33 {

    0% {

        right: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    80% {

        right: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        top: 250px;

        right: 10px;

        opacity: 0.5;

    }

}



@keyframes img22 {

    0% {

        left: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    66.66% {

        left: calc(50% - 65px);

        top: calc(50% - 65px);

        opacity: 0;

    }



    100% {

        top: 70px;

        left: 10px;

        opacity: 0.5;

    }

}



@keyframes img11 {

    0% {

        left: calc(50% - 40px);

        top: calc(50% - 40px);

        opacity: 0;

    }



    50% {

        left: calc(50% - 40px);

        top: calc(50% - 40px);

        opacity: 0;

    }



    100% {

        top: 15px;

        left: calc(50% - 40px);

        opacity: 0.5;

    }

}



/* -- /Icons behined slider -- */



/* -- Facebook & gmail login btns --  */

.social-login {

    display: block;

    width: fit-content;

    margin: 15px auto;

    cursor: pointer;

    text-align: center;

    border-radius: 5px;

    border: 2px solid #23282D;

    background: #23282D;

    color: #fff;

    padding: 5px 10px;

    transition: all 0.5s ease-in-out;

}



.social-login svg {

    width: 20px;

    height: 20px;

    margin-left: 10px;

}



.social-login.facebook {

    margin-bottom: 25px;

    border: 2px solid #4a7aff;

    background: #fff;

    color: #23282D;

}



.social-login.gmail {

    margin-bottom: 25px;

    border: 2px solid #dd4b39;

    background: #fff;

    color: #23282D;

}



.social-login:hover {

    box-shadow: -1px 1px 10px rgba(83, 84, 86, 0.7);

}



/* -- ./Facebook & gmail login btns --  */



/* article details page */

.social-share {

    margin: 10px 0;

    display: flex;

    /* align-items: center; */

}



.body.plugin {

    direction: ltr !important;

}



.social-share li {

    display: inline-block;

    margin: 10px 10px 10px 0;

}



.social-share li a {

    padding: 2px 10px;

    border-radius: 5px;

    background: #e1e1e1;

    color: #444;

    display: block;

    position: relative;

    top: 0;

    transition: all 0.5s linear;

}



.social-share li a span {

    font-size: 13px;

}



.social-share li.facebook a {

    color: #fff;

    background: #3b5998;

}



.social-share li.whatsapp a {

    color: #fff;

    background: #0bc041;

}



.social-share li.linkedin a {

    color: #fff;

    background: #1c8cb4;

}



/* .social-share li .fb_iframe_widget {

    transition: all 0.5s linear;

} */



/* .social-share li .fb_iframe_widget:hover , */

.social-share li a:hover {

    top: -3px;

    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);

}



lord-icon.btn-scrl {

    width: 60px;

    height: 60px;

    /* display: block; */

}



.privacy p {

    line-height: 30px;

}



.privacy h3 {

    margin-top: 35px;

    margin-bottom: 25px;

}



/* -- Search -- */



.search-btn {

    position: fixed;

    z-index: 999;

    bottom: 20px;

    right: 20px;

    background: #fff;

    box-shadow: -1px 1px 15px rgba(0, 0, 0, 0.5);

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 2.5;

    border-radius: 50%;

    cursor: pointer;

    background: #23282D;

    border: 2px solid #23282D;

    transition: all .5s ease-in-out;

}



.search-btn svg {

    color: #fff;

    transition: all .5s ease-in-out;

}



.search-btn:hover {

    background: #fff;

}



.search-btn:hover svg {

    color: #23282D;

}



.search-box {

    position: fixed;

    z-index: 99999;

    top: 0;

    left: -220px;

    bottom: 0;

    width: 220px;

    background: #23282D;

    padding: 100px 25px 0;

    transition: all .5s ease-in-out;

}



.search-box.open {

    left: 0;

}



.search-box input {

    display: block;

    width: 100%;

    border-radius: 10px;

    padding: 5px 10px;

    background: #fff;

    border: 0;

    outline: none;

}



.search-box button {

    display: block;

    margin: 15px auto;

    border: 1px solid #fff;

    color: #fff;

    background: none;

    border-radius: 10px;

    padding: 2px 10px;

    cursor: pointer;

    transition: all 0.5s ease-in-out;

}



.search-box button:hover {

    background: #fff;

    color: #23282D;

}



.search-box .search-close {

    position: absolute;

    top: 15px;

    right: 15px;

    font-size: 30px;

    color: #fff;

    cursor: pointer;

}



.overlay-search {

    position: fixed;

    z-index: 99998;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: none;

    background: rgba(0, 0, 0, 0.5);

}



.search-page {

    padding-top: 25px;

    padding-bottom: 25px;

}



.search-page .search-nav {

    display: block;

    width: 100%;

    text-align: center;

}



.search-tabs {

    margin: 15px 0;

    width: 100%;

    padding: 0 15px;

}



.search-tabs .nav-tabs .nav-link {

    /* width: 33.33%; */

    float: left;

    background: #23282d;

    text-align: center;

    border: 1px solid #e1e1e1;

    color: #fff;

    transition: all .5s ease-in-out;

}



.search-tabs .nav-tabs .nav-link:hover,

.search-tabs .nav-tabs .nav-link.active {

    background: #00c381;

    color: #fff;

}



.search-tabs .nav-tabs .nav-link.active {

    box-shadow: -1px 1px 10px rgba(0, 195, 129, 0.5);

    border: 1px solid #00c381;

}



.search-tabs+.tab-content {

    padding: 0;

}



/* -- ./Search -- */





/* -- Dark mode Button -- */

.dark-mode-box input[type='checkbox'] {

    --active: #fff;

    --active-inner: #050102;

    --focus: 2px rgba(39, 94, 254, .3);

    --border: #fff;

    --border-hover: #fff;

    --background: #050102;

    --disabled: #F6F8FF;

    --disabled-inner: #E1E6F9;

    -webkit-appearance: none;

    -moz-appearance: none;

    height: 21px;

    outline: none;

    display: inline-block;

    vertical-align: top;

    position: relative;

    margin: 0;

    cursor: pointer;

    border: 1px solid var(--bc, var(--border));

    background: var(--b, var(--background));

    -webkit-transition: background .3s, border-color .3s, box-shadow .2s;

    transition: background .3s, border-color .3s, box-shadow .2s;

}



.dark-mode-box input[type='checkbox']:after {

    content: '';

    display: block;

    right: 0;

    top: 0;

    position: absolute;

    -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);

    transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);

    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);

    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);

}



.dark-mode-box input[type='checkbox']:checked {

    --b: var(--active);

    --bc: var(--active);

    --d-o: .3s;

    --d-t: .6s;

    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);

}



.dark-mode-box input[type='checkbox']:hover:not(:checked):not(:disabled) {

    --bc: var(--border-hover);

}



.dark-mode-box input[type='checkbox']:focus {

    box-shadow: 0 0 0 var(--focus);

}





.dark-mode-box input[type='checkbox'].switch {

    width: 38px;

    border-radius: 11px;

    padding: 0 !important;

}



.dark-mode-box input[type='checkbox'].switch:after {

    left: 2px;

    top: 2px;

    border-radius: 50%;

    width: 15px;

    height: 15px;

    background: var(--ab, var(--border));

    -webkit-transform: translateX(var(--x, 0));

    transform: translateX(var(--x, 0));

}



.dark-mode-box input[type='checkbox'].switch:checked {

    --ab: var(--active-inner);

    --x: 17px;

}



.dark-mode-box input[type='checkbox'].switch:disabled:not(:checked):after {

    opacity: .6;

}



.dark-mode-box {

    position: relative;

    padding: 15px;

}



.dark-mode-box input {

    border: 1px solid #444 !important;

}



.dark-mode-box span {

    position: absolute;

    color: #444;

    left: 65px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.5s ease-in-out;

}



header .dark-mode-box span {

    color: #fff !important;

}



.dark-mode-box span.light {

    color: #fff;

}



.dark-mode-box input:checked~span.light {

    opacity: 1;

    visibility: visible;

}



.dark-mode-box input:not(:checked)~span.dark {

    opacity: 1;

    visibility: visible;

}



@media (max-width: 575px) {

    .scroll {

        bottom: 55px;

        left: 10px;

    }

}



/* -- ./Dark mode Button -- */



/* -- New Homepage -- */



/* -- Main Slider -- */



.main-slider-new {

    height: 430px;

    overflow: hidden;

}



.main-slider-new .flickity-viewport {

    height: 430px !important;

}



.main-slider-new .item {

    width: 100%;

    height: 100%;

    padding: 5px;

    margin-top: -5px;

}



.main-slider-new .item .news-block1 {

    height: 100% !important;

}



.main-slider-new .flickity-prev-next-button {

    width: 40px;

    height: 40px;

    outline: none !important;

    border: 0 !important;

    border-radius: 0;

    top: 35px;

}



.main-slider-new .flickity-prev-next-button .arrow {

    fill: #00c381;

}



.main-slider-new .flickity-prev-next-button.next {

    left: 20px;

}



.main-slider-new .flickity-prev-next-button.previous {

    right: auto;

    left: 70px;

}



@media (max-width: 767px) {

    .main-slider-new {

        height: 350px;

    }



    .main-slider-new .flickity-viewport {

        height: 350px !important;

    }



    .main-home-area .news-block1,

    .news-block1.type3 {

        height: 300px !important;

    }

}



@media (max-width: 450px) {

    .main-slider-new {

        height: 270px;

    }



    .main-slider-new .flickity-viewport {

        height: 270px !important;

    }



    .main-home-area .news-block1,

    .news-block1.type3 {

        height: 250px !important;

    }

}



/* -- ./Main Slider -- */



/* -- News Blocks -- */



.news-block1 {

    position: relative;

    overflow: hidden;

    height: 300px;

    margin-bottom: 10px;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);

}



.news-block1 .type {

    background: #00c381;

    padding: 5px 10px;

    margin-bottom: 5px;

    display: inline-block;

    border-radius: 15px;

    color: #000;

    font-size: 12px;

    transition: all .5s ease-in-out;

}



.news-block1 .overlay {

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    content: '';

    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.9) 100%);

}



.news-block1:hover .overlay {

    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.9) 100%);

}



.news-block1 .info {

    position: absolute;

    z-index: 2;

    bottom: 15px;

    left: 15px;

    right: 15px;

    transition: all .5s ease-in-out;

}



.news-block1 p {

    max-height: 50px;

    overflow: hidden;

    color: #fff;

    font-size: 18px;

}



.news-block1 p:hover {

    color: #e2e2e2;

}



.news-block1 img,

.news-block1 iframe {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.news-block1 .news-time {

    position: absolute;

    z-index: 2;

    top: 10px;

    right: -100px;

    color: #e2e2e2;

    font-size: 14px;

    transition: all .5s linear;

}



.news-block1 .news-time svg {

    margin-right: 5px;

}



.news-block1:hover .news-time {

    right: 10px;

    opacity: 1;

}



.news-block1.type2 {

    height: 270px;

}



.news-block1.type3 {

    height: 205px;

}



/* -- News Blocks -- */



/* -- News ticker -- */

section.ticker-news {

    padding: 25px 0;

    background: #fff;

    margin-top: 20px;

}



.ticker-news-box {

    overflow: hidden !important;

}



.ticker-news-box span.breaking-news {

    display: inline-block;

    float: left;

    position: relative;

    margin-right: 5px;

    color: #ffffff;

    font-size: 14px;

    line-height: 12px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 8px 14px;

    padding-right: 17px;

    background: #f44336;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}



.ticker-news-box span.breaking-news:after {

    content: '';

    position: absolute;

    width: 22px;

    height: 22px;

    background: #f44336;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 3px;

    right: -7px;

}



.ticker-news-box span.new-news {

    display: inline-block;

    float: left;

    color: #ffffff;

    font-size: 9px;

    line-height: 9px;

    text-transform: uppercase;

    padding: 3px;

    background: #222222;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    margin: 8px 0 0 10px;

}



.ticker-news-box .ticker-swipe {

    height: 40px;

    width: 100%;

}



.ticker-news-box .ticker-content {

    color: #999999;

    font-size: 15px;

    font-weight: 400;

    margin: 0;

    padding-top: 4px;

}



.ticker-news-box .ticker-content span.time-news {

    color: #f44336;

    margin-right: 3px;

}



.ticker-news-box .ticker-content a {

    display: inline-block;

    text-decoration: none;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    font-weight: 700;

    color: #666666;

}



.ticker-news-box .ticker-content a:hover {

    color: #f44336;

}



.ticker-news-box .ticker-controls li {

    border: 1px solid #999999;

    text-align: center;

    width: 25px;

    height: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}



.ticker-news-box .ticker {

    width: calc(100% - 190px);

}



.ticker-news-box .ticker-controls li:after {

    color: #666666;

    font-family: 'boxicons' !important;

    font-size: 15px;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}



.ticker-news-box .ticker-controls li:hover {

    border: 1px solid #f44336;

    background: #f44336;

}



.ticker-news-box .ticker-controls li:hover:after {

    color: #ffffff;

}



.ticker-news-box .ticker-controls li.jnt-prev:after {

    content: "\ec8c";

}



.ticker-news-box .ticker-controls li.jnt-next:after {

    content: "\ec8f";

}



.ticker-news-box .ticker-controls li.jnt-play-pause {

    line-height: 14px;

}



.ticker-news-box .ticker-controls li.jnt-play-pause:after {

    content: "\eb10";

    font-size: 19px;

}



.ticker-news-box .ticker-controls li.jnt-play-pause.paused:after {

    content: "\eb1e";

}



@media (max-width: 767px) {

    .ticker-news-box .ticker {

        width: 100%;

        margin-top: 15px;

    }



    .right .ticker-controls {

        margin-top: 0;

        position: absolute;

        right: 15px;

        top: 0;

    }



    .ticker-news-box {

        position: relative;

    }



    .ticker-news-box .ticker-content span.time-news {

        display: none;

    }



    .ticker-news-box .ticker-content {

        font-size: 14px;

    }

}



/* -- ./News ticker -- */



/* -- Calcs -- */

.calcs-area {

    padding-top: 50px;

    padding-bottom: 50px;

}



.content-box {

    border: 1px solid #e1e1e1;

    padding: 15px;

    padding-bottom: 0;

    background: #fff;

}



.content-box .box-title {

    margin: 0;

    padding: 15px;

    margin: -15px -15px 15px;

    border-bottom: 1px solid #e1e1e1;

    font-size: 24px;

    position: relative;

    font-weight: bold;

}



.content-box .box-title:after {

    position: absolute;

    top: 15px;

    bottom: 15px;

    left: -1px;

    width: 3px;

    content: '';

    background: #00c381;

}



.content-box .box-title a {

    color: #444;

}



.calc-slider .flickity-viewport {

    height: 165px !important;

}



.calc-slider .item {

    width: 20%;

    text-align: center;

}



.calc-slider .item lord-icon {

    width: 100px;

    height: 100px;

    display: block;

    margin: 0 auto;

}



.calc-slider .item a {

    color: #777;

    font-size: 16px;

    transition: all .5s ease-in-out;

}



.calc-slider .item a:hover {

    color: #00c381;

}



.calc-slider .flickity-prev-next-button {

    top: -40px;

    width: 25px;

    height: 25px;

    border-radius: 0;

    border: 1px solid #e1e1e1;

    right: 0;

}



.calc-slider .flickity-prev-next-button.next {

    left: auto;

    right: 30px;

}



@media (max-width: 767px) {

    .calc-slider .item {

        width: 33.33%;

    }

}



@media (max-width: 500px) {

    .calc-slider .item {

        width: 50%;

    }

}



@media (max-width: 340px) {

    .calc-slider .item {

        width: 100%;

    }

}



/* -- ./Calcs -- */



/* -- Weather Slider - */

.weather-slider {

    padding-top: 45px;

    margin-top: 17px;

    height: 210px;

    overflow: hidden;

}



.weather-slider .flickity-viewport {

    height: 160px !important;

}



.weather-slider .flickity-prev-next-button {

    top: 12px;

    width: 25px;

    height: 25px;

    border-radius: 0;

    border: 1px solid #e1e1e1;

    right: 5px;

}



.weather-slider .flickity-prev-next-button.next {

    left: auto;

    right: 40px;

}



.weather-slider .item {

    width: 100%;

    text-align: center;

}



.weather-slider .item>a {

    width: 100% !important;

    display: block !important;

}



/* -- ./Weather Slider -- */



/* -- Articles -- */

.news-block2 {

    margin-bottom: 20px;

}



.news-block2 .img-box {

    position: relative;

    display: block;

}



.news-block2 .img-box .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #000;

    opacity: 0.2;

    transition: all .5s ease-in-out;

}



.news-block2 .img-box:hover .overlay {

    opacity: 0.05;

}



.news-block2 .img-box .date {

    position: absolute;

    color: #fff;

    z-index: 2;

    bottom: 15px;

    left: 15px;

    font-size: 14px;

}



.news-block2 img,

.news-block2 iframe {

    width: 100%;

    height: 315px;

}



.news-block2 h2 {

    font-size: 16px;

    line-height: 1.7;

    font-weight: bold;

    margin: 10px 0 0;

    height: 55px;

    overflow: hidden;

}



.news-block2 h2 a {

    color: #000;

    transition: all .5s ease-in-out;

}



.news-block2 h2 a:hover {

    color: #00c381;

}



.news-block3 {

    margin: 0 -5px 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e1e1e1;

}



.news-block3:last-child {

    border: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



.news-block3 .col-sm-4 {

    padding-left: 0;

}



.news-block3 .img-box {

    position: relative;

    display: block;

}



.news-block3 .img-box .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background: #000;

    opacity: 0.2;

    transition: all .5s ease-in-out;

}



.news-block3 .img-box:hover .overlay {

    opacity: 0.05;

}



.news-block3 .img-box img,

.news-block3 .img-box iframe {

    width: 100%;

    height: 100px;

    object-fit: cover;

}



.news-block3 h2 {

    font-size: 15px;

    font-weight: bold;

    margin: 0;

    max-height: 50px;

    overflow: hidden;

    line-height: 1.7;

}



.news-block3 h2 a {

    color: #000;

    transition: all .5s ease-in-out;

}



.news-block3 h2 a:hover {

    color: #00c381;

}



.news-block3 .date {

    display: block;

    margin-top: 10px;

    font-size: 15px;

    color: #666;

}



@media (max-width: 767px) {



    .news-block2 img,

    .news-block2 iframe {

        height: 230px;

    }



    .news-block3 .col-sm-4 {

        padding-left: 15px;

    }



    .news-block3:last-child {

        padding-bottom: 15px

    }

}



@media (max-width: 575px) {



    .news-block2 img,

    .news-block2 iframe,

    .news-block3 .img-box img,

    .news-block3 .img-box iframe {

        height: 200px;

    }

}



/* -- ./Articles -- */



/* -- Videos -- */

.videos-section {

    margin: 40px 0;

    padding-right: 0;

}



.videos-section .video-playlist li {

    margin-bottom: 15px;

    color: #777;

}



.videos-section .video-playlist li:first-child {

    font-weight: bold;

}



.videos-section .video-playlist li:not(:first-child) span {

    cursor: pointer;

}



.videos-section .video-playlist li.active span,

.videos-section .video-playlist li span:hover {

    color: #00c381;

}



.videos-section .title {

    padding: 30px 0 30px;

    font-size: 22px;

}



.videos-section .title a {

    color: #444;

}



.videos-section .channel-videos {

    display: none;

}



.videos-section .channel-videos.active {

    display: block;

}



.video-box {

    margin-bottom: 25px;

}



.video-box .date {

    color: #aaa;

    font-size: 14px;

}



.video-box .img-box {

    display: block;

    position: relative;

}



.video-box .img-box img,

.video-box .img-box iframe {

    width: 100%;

    height: 225px;

    object-fit: contain;

    object-position: center;

    background: #000;

}



.video-box .img-box .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1;

    background: rgba(0, 0, 0, 0.3);

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all .5s ease-in-out;

}



.video-box .img-box .overlay span {

    margin-left: 25px;

    opacity: 0;

    color: #fff;

    transition: all .5s ease-in-out;

}



.video-box:hover .img-box .overlay {

    background: rgba(0, 0, 0, 0.5);

    top: calc(50% - 20px);

    bottom: calc(50% - 20px);

    right: calc(50% - 100px);

    left: calc(50% - 100px);

}



.video-box:hover .img-box .overlay span {

    opacity: 1;

}



.video-box .img-box i {

    position: absolute;

    z-index: 2;

    color: #fff;

    font-size: 36px;

    top: calc(50% - 18px);

    left: calc(50% - 18px);

    transition: all .5s ease-in-out;

}



.video-box:hover .img-box i {

    transform: scale(1.1);

    color: #d00;

}



.video-box p {

    margin: 10px 0;

    height: 47px;

    overflow: hidden;

}



.video-box p a {

    color: #fff;

    transition: all .5s ease-in-out;

}



.video-box:hover p a {

    color: #00c381;

}



.video-box.main img,

.video-box.main iframe {

    height: 700px;

}



.videos-section .left-side {

    padding-right: 0;

}



.video-box.main {

    position: relative;

    margin-bottom: 0;

}



.video-box.main p {

    position: absolute;

    bottom: 30px;

    left: 15px;

    right: 15px;

    z-index: 2;

    max-height: 47px;

    height: auto;

    color: #fff;

    font-size: 32px;

}



@media (max-width: 991px) {

    .videos-section .left-side {

        padding-right: 30px;

        padding-bottom: 20px;

    }



    .video-box.main img,

    .video-box.main iframe {

        height: 400px;

    }

}



@media (max-width: 767px) {



    .video-box .img-box img,

    .video-box .img-box iframe {

        height: 250px;

    }

}



/* -- ./Videos -- */



/* -- Video Popup -- */

.popup-box {

    position: fixed;

    z-index: 9999999;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.4);

    display: flex;

    justify-content: center;

    align-items: center;

    transform: scale(0) rotate(0);

    opacity: 0;

    transition: all .5s linear;

}



.popup-box.open {

    opacity: 1;

    transform: scale(1) rotate(0);

}



.popup-box iframe {

    position: relative;

    z-index: 10;

    min-width: 80%;

    min-height: 80%;

    max-width: calc(100% - 30px);

    max-height: calc(100% - 30px);

    border: 0;

    background: #000;

}



.popup-box .overlay-popup {

    position: absolute;

    z-index: 8;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.4);

    cursor: pointer;

}



.popup-box .close-btn {

    position: absolute;

    top: 0;

    right: 10px;

    color: #ccc;

    font-size: 40px;

    cursor: pointer;

    transition: all .5s ease-in-out;

}



.popup-box .close-btn:hover {

    color: #fff;

}



/* -- ./Video Popup -- */



/* -- Acadmy -- */

.acadmy {

    margin-bottom: 50px;

}



.acadmy .sub-acadmy {

    border-right: 1px dashed #e1e1e1;

    border-bottom: 1px dashed #e1e1e1;

    padding-left: 20px;

    padding-right: 20px;

    height: 300px;

}



.acadmy .sub-acadmy:nth-child(3),

.acadmy .sub-acadmy:nth-child(6) {

    border-right: 0;

}



.acadmy .sub-acadmy:nth-child(4),

.acadmy .sub-acadmy:nth-child(5),

.acadmy .sub-acadmy:nth-child(6) {

    border-bottom: 0;

}



.acadmy .sub-acadmy lord-icon {

    width: 100px;

    height: 100px;

    margin-top: 15px;

}



.acadmy .sub-acadmy h3 {

    margin-top: 0;

    margin-bottom: 10px;

    font-size: 22px;

    line-height: 1.5;

    color: #444;

    max-height: 60px;

    overflow: hidden;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.acadmy .sub-acadmy:hover h3 {

    color: #00c381;

}



.acadmy .sub-acadmy p {

    height: 100px;

    overflow: hidden;

    font-size: 16px;

    line-height: 1.5;

    color: #777;

    margin-bottom: 15px;

}



.acadmy .sub-acadmy .read-more {

    position: absolute;

    right: 10px;

    top: 10px;

    padding: 5px 10px;

    display: inline-block;

    background: #00c381;

    color: #fff;

    font-size: 14px;

    overflow: hidden;

}



.acadmy .sub-acadmy .read-more span {

    position: relative;

    z-index: 5;

}



.acadmy .sub-acadmy .read-more:after {

    position: absolute;

    z-index: 3;

    background: #31363b;

    right: -100%;

    top: 0;

    bottom: 0;

    width: 100%;

    content: '';

    transition: all .5s ease-in-out;

}



.acadmy .sub-acadmy:hover .read-more:after {

    right: 0;

}



@media (max-width: 991px) and (min-width: 768px) {



    .acadmy .sub-acadmy:nth-child(2),

    .acadmy .sub-acadmy:nth-child(4),

    .acadmy .sub-acadmy:nth-child(6) {

        border-right: 0;

        border-bottom: 1px dashed #e1e1e1;

    }



    .acadmy .sub-acadmy:nth-child(1),

    .acadmy .sub-acadmy:nth-child(3),

    .acadmy .sub-acadmy:nth-child(5) {

        border-right: 1px dashed #e1e1e1;

        border-bottom: 1px dashed #e1e1e1;

    }



    .acadmy .sub-acadmy:nth-child(5),

    .acadmy .sub-acadmy:nth-child(6) {

        border-bottom: 0;

    }

}



@media (max-width: 767px) {



    .acadmy .sub-acadmy:nth-child(1),

    .acadmy .sub-acadmy:nth-child(2),

    .acadmy .sub-acadmy:nth-child(3),

    .acadmy .sub-acadmy:nth-child(4),

    .acadmy .sub-acadmy:nth-child(5),

    .acadmy .sub-acadmy:nth-child(6) {

        border-right: 0;

        border-bottom: 1px dashed #e1e1e1;

    }



    .acadmy .sub-acadmy:nth-child(6) {

        border-bottom: 0;

    }

}



/* -- ./Acadmy -- */



/* -- Footer -- */

footer {

    background: #31363b;

    padding-top: 40px;

}



footer .logo img {

    display: inline-block;

    margin-bottom: 15px;

    width: 90%;

}



footer .footer-about {

    color: #fff;

    line-height: 1.5;

    margin-bottom: 40px;

}



footer .site-links li {

    position: relative;

    padding: 10px 15px 10px 30px;

}



footer .site-links li a {

    color: #fff;

    padding: 5px 10px;

    border-radius: 5px;

    display: block;

    position: relative;

    transition: all .5s ease-in-out;

}



footer .site-links li a:hover {

    color: #00c381;

    background: #464d54;

}



footer .site-links li a:after {

    position: absolute;

    z-index: 4;

    left: -15px;

    top: 50%;

    height: calc(100% + 20px);

    content: '';

    border-left: 2px solid #777;

}



footer .site-links li:last-child a:after {

    display: none;

}



footer .site-links li a:before {

    position: absolute;

    z-index: 5;

    left: -18px;

    top: calc(50% - 4px);

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #777;

    content: '';

    transition: all .5s ease-in-out;

}



footer .site-links li a:hover:before {

    background: #00c381;

}



footer .socail-para {

    font-size: 22px;

    color: #777;

    margin-top: 10px;

    margin-bottom: 15px;

}



footer .socail-links li {

    display: inline-block;

}



footer .socail-links li a {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 30px;

    height: 30px;

    border-radius: 5px;

    color: #fff;

    background: #464d54;

    color: #ccc;

    margin: 0 5px 5px 0;

    transition: all .5s ease-in-out;

}



footer .socail-links li a:hover {

    color: #fff;

}



footer .socail-links li.facebook a:hover {

    background: #4867aa;

}



footer .socail-links li.twitter a:hover {

    background: #5da9dd;

}



footer .socail-links li.youtube a:hover {

    background: #ff0000;

}



footer .socail-links li.linkedin a:hover {

    background: #0077b5;

}



.cookie-box {

    background: #31363b;

    position: fixed;

    z-index: 9999;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

    padding: 20px 0 15px;

    bottom: 0;

    left: 0;

    right: 0;

    transition: all .5s ease-in-out;

}



.cookie-box p {

    color: #fff;

    margin-bottom: 0;

    margin-right: 30px;

    display: inline-block;

}



.cookie-box button {

    float: right;

    font-size: 15px;

    background: #00c381;

    color: #fff;

    border: 2px solid #00c381;

    transition: all .5s ease-in-out;

    cursor: pointer;

}



.cookie-box button:hover {

    background: transparent;

    color: #00c381;

}



.down-footer {

    padding: 20px 0;

    background: #232629;

}



.down-footer li {

    display: inline-block;

    margin-right: 15px;

}



.down-footer li a {

    color: #fff;

    transition: all .5s ease-in-out;

}



.down-footer li a:hover,

.down-footer .copyrights span {

    color: #00c381;

}



.down-footer .copyrights {

    margin-bottom: 0;

    text-align: right;

    color: #666;

}



/* -- ./Footer -- */

/* -- ./New Homepage -- */



.author-name {

    padding-bottom: 15px;

}



.author-name svg {

    margin-right: 5px;

    color: #00c381;

}



.author-name a {

    color: #444;

    font-weight: bold;

}



.author-name a:hover {

    text-decoration: underline !important;

}







/* -- Reservation Page -- */



.calender-page .team-list {

    background: #f7f7f7;

    border: 1px solid #e1e1e1;

    padding: 5px 15px;

}



.calender-page .team-list img {

    width: 50px !important;

    height: 50px;

    border-radius: 50%;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

    object-fit: cover;

    object-position: top;

    margin: 0 15px;

}



.calender-page .team-list li {

    border-top: 1px dashed #e1e1e1;

    display: flex;

    align-items: center;

    padding: 10px;

    position: relative;

}



.calender-page .team-list li:first-child {

    border: 0;

}



.calender-page .team-list li input {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    opacity: 0;

    cursor: pointer;

}



.calender-page .team-list li h3 {

    font-size: 14px;

    font-weight: bold;

    color: #444;

    transition: all .5s ease-in-out;

}



.calender-page .team-list li input:checked~h3 {

    color: #00c381;

}



.calender-page .team-list span {

    display: inline-block;

    width: 20px;

    height: 20px;

    background: #fff;

    position: relative;

}



.calender-page .team-list span:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: '';

    border-top: 2px solid #00c381;

    border-right: 2px solid #00c381;

    transition: all .2s ease-in-out;

}



.calender-page .team-list span:after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: '';

    border-bottom: 2px solid #00c381;

    border-left: 2px solid #00c381;

    transition: all .5s ease-in-out;

}



.calender-page .team-list input:checked~span:before {

    border: 0;

}



.calender-page .team-list input:checked~span:after {

    right: 50%;

    transform: rotate(-45deg) translateX(5px) translateY(-4px);

    -webkit-transform: rotate(-45deg) translateX(5px) translateY(-4px);

}



.calender-page .time-slots {

    display: none;

    color: #444;

}



.calender-page .time-slots li {

    border: 1px solid #e1e1e1;

    text-align: center;

    float: left;

    width: calc(50% - 4px);

    margin: 2px;

    position: relative;

}



.calender-page .time-slots li input {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

    cursor: pointer;

    opacity: 0;

}



.calender-page .time-slots li span {

    display: block;

    width: 100%;

    padding: 5px;

}



.calender-page .time-slots li input:hover+span {

    background: #00c381right 26 top 50%;

}



.calender-page .time-slots li input:checked+span {

    background: #00c381;

}



.calender-page .time-slots li:first-child {

    padding: 5px;

    margin-bottom: 5px;

    float: none;

    width: 100%;

    text-align: left;

    border: 0;

    border-bottom: 1px solid #e1e1e1;

}



.calender-page .time-slots li:not(:first-child) span {

    display: inline-block;

}



.calender-page p {

    color: #444;

    font-size: 16px;

    margin-bottom: 15px;

}



.calender-page .no-dates {

    text-align: center;

    display: none;

}



.calender-page .no-dates img {

    margin-bottom: 15px;

    height: 75px;

}



.calender-page .reserve-result {

    margin-top: 15px;

    display: none;

}



.calender-page .reserve-result h3 {

    font-size: 20px;

    font-weight: bold;

}



.calender-page .service-box,

.calender-page .reserve-final-box {

    background: #f7f7f7;

    padding: 15px;

    border: 1px solid #e1e1e1;

}



.calender-page .service-box {

    margin-bottom: 25px;

}



.calender-page .reserve-final-box li {

    margin-bottom: 5px;

}



.calender-page .reserve-final-box li span {

    margin-left: 5px;

    color: #444;

}



.calender-page .form-group .group button svg {

    margin-left: 5px;

}



.calender-page .second-step {

    margin-top: 15px;

    display: none;

    padding-top: 15px;

    border-top: 1px solid #e1e1e1;

}



@media (max-width: 425px) {



    .calendar thead,

    .calendar tbody {

        font-size: 12px !important;

    }

}



/* -- ./Reservation Page -- */



.more-href-box {

    padding: 15px;

    text-align: center;

}



.more-href-box .more-href {

    padding: 5px 15px;

    background: #00c381;

    color: #fff;

    border: 2px solid #00c381;

    transition: all .5s ease-in-out;

    display: inline-block;

}



.more-href-box .more-href svg {

    transform: rotate(-180deg);

}



.more-href-box .more-href:hover {

    background: transparent;

    color: #00c381;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

}



.news-list-main li:not(:last-child) {

    margin-bottom: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #e1e1e1;

}



.news-list-main li:last-child {

    padding-bottom: 15px;

}



.news-list-main li h3 {

    font-weight: bold;

    font-size: 18px;

    color: #00c381;

}



.news-list-main li a {

    color: #777;

}



.news-list-main li a:hover {

    color: #444;

}



/* -- Services -- */

.service-block {

    margin-bottom: 20px;

}



.service-block lord-icon {

    margin-right: 5px;

    width: 50px;

    height: 50px;

}



.modal .service-block {

    margin: 0;

}



.service-block h3 {

    color: #00c381;

    font-size: 18px;

    font-weight: bold;

}



.service-block p {

    height: 50px;

    overflow: hidden;

    margin-bottom: 10px;

}



.modal .service-block p {

    height: auto;

}



.service-block a,

.service-block button {

    background: #00c381;

    color: #fff;

    border: 0;

    padding: 5px 10px;

    transition: all .5s ease-in-out;

    cursor: pointer;

}



.service-block a:hover,

.service-block button:hover {

    color: #444;

}



/* -- ./Services -- */



.go-course {

    display: inline-block;

    padding: 5px 10px;

    background: #00c381;

    color: #fff;

    margin-top: 15px;

}



.go-course:hover {

    color: #444;

}









/* new 8-21 */

#coins.eocjs-newsticker {

    background-color: #00c381;

    color: white

}



#coins.eocjs-newsticker a {

    color: white;

    padding: 0 10px;

}



.sl-wrapper .sl-image {

 

    margin: 0 auto !important;


    top: 5vh !important;

}



.sl-wrapper .sl-image img {

    width: 100% !important;

    height: 100% !important;

}



/* exchange currency page */

.currency-chart {

    width: 100%;

}



.exchange-currency .flex-box {

    display: flex;

    justify-content: start;

    align-items: center;

}



.exchange-currency .flags_img {

    background-image: url('../images/currency-icon/flag-icons.png');

    background-repeat: no-repeat;

    display: inline-block;

    width: 36px;

    height: 27px;

    background-color: transparent;

    vertical-align: middle;

    /* background-position: 37px 28px; */

    margin: 8px;

    margin-left: 15px;

}



.iso_AD {

    background-position: right -185px top 0

}



.iso_AE {

    background-position: right -185px top -308px

}



.iso_AF {

    background-position: 100% 0

}



.iso_AG {

    background-position: right -333px top 0

}



.iso_AI {

    background-position: right -259px top 0

}



.iso_AL {

    background-position: right -74px top 0

}



.iso_AM {

    background-position: right -407px top 0

}



.iso_AN {

    background-position: right -407px top -196px

}



.iso_AO {

    background-position: right -222px top 0

}



.iso_AQ {

    background-position: right -296px top 0

}



.iso_AR {

    background-position: right -370px top 0

}



.iso_AS {

    background-position: right -148px top 0

}



.iso_AT {

    background-position: right -518px top 0

}



.iso_AU {

    background-position: right -481px top 0

}



.iso_AW {

    background-position: right -444px top 0

}



.iso_AX {

    background-position: right -37px top 0

}



.iso_AZ {

    background-position: right -555px top 0

}



.iso_BA {

    background-position: right -259px top -28px

}



.iso_BB {

    background-position: right -703px top 0

}



.iso_BD {

    background-position: right -666px top 0

}



.iso_BE {

    background-position: 100% -28px

}



.iso_BF {

    background-position: right -518px top -28px

}



.iso_BG {

    background-position: right -481px top -28px

}



.iso_BH {

    background-position: right -629px top 0

}



.iso_BI {

    background-position: right -555px top -28px

}



.iso_BJ {

    background-position: right -74px top -28px

}



.iso_BL {

    background-position: right -666px top -224px

}



.iso_BM {

    background-position: right -111px top -28px

}



.iso_BN {

    background-position: right -444px top -28px

}



.iso_BO {

    background-position: right -185px top -28px

}



.iso_BQ {

    background-position: right -222px top -28px

}



.iso_BR {

    background-position: right -370px top -28px

}



.iso_BS {

    background-position: right -592px top 0

}



.iso_BT {

    background-position: right -148px top -28px

}



.iso_BV {

    background-position: right -333px top -28px

}



.iso_BW {

    background-position: right -296px top -28px

}



.iso_BY {

    background-position: right -740px top 0

}



.iso_BZ {

    background-position: right -37px top -28px

}



.iso_CA {

    background-position: right -666px top -28px

}



.iso_CC {

    background-position: right -185px top -56px

}



.iso_CD {

    background-position: right -333px top -56px

}



.iso_CF {

    background-position: 100% -56px

}



.iso_CG {

    background-position: right -296px top -56px

}



.iso_CH {

    background-position: right -296px top -280px

}



.iso_CI {

    background-position: right -444px top -56px

}



.iso_CK {

    background-position: right -370px top -56px

}



.iso_CL {

    background-position: right -74px top -56px

}



.iso_CM {

    background-position: right -629px top -28px

}



.iso_CN {

    background-position: right -111px top -56px

}



.iso_CO {

    background-position: right -222px top -56px

}



.iso_CR {

    background-position: right -407px top -56px

}



.iso_CS {

    background-position: right -370px top -252px

}



.iso_CU {

    background-position: right -518px top -56px

}



.iso_CV {

    background-position: right -703px top -28px

}



.iso_CW {

    background-position: right -555px top -56px

}



.iso_CX {

    background-position: right -148px top -56px

}



.iso_CY {

    background-position: right -592px top -56px

}



.iso_CZ {

    background-position: right -629px top -56px

}



.iso_DE {

    background-position: right -703px top -84px

}



.iso_DJ {

    background-position: right -703px top -56px

}



.iso_DK {

    background-position: right -666px top -56px

}



.iso_DM {

    background-position: right -740px top -56px

}



.iso_DO {

    background-position: 100% -84px

}



.iso_DZ {

    background-position: right -111px top 0

}



.iso_EC {

    background-position: right -37px top -84px

}



.iso_EE {

    background-position: right -222px top -84px

}



.iso_EG {

    background-position: right -74px top -84px

}



.iso_EH {

    background-position: right -629px top -308px

}



.iso_ER {

    background-position: right -185px top -84px

}



.iso_ES {

    background-position: right -37px top -280px

}



.iso_ET {

    background-position: right -259px top -84px

}



.iso_FI {

    background-position: right -407px top -84px

}



.iso_FJ {

    background-position: right -370px top -84px

}



.iso_FK {

    background-position: right -296px top -84px

}



.iso_FM {

    background-position: right -703px top -168px

}



.iso_FO {

    background-position: right -333px top -84px

}



.iso_FR {

    background-position: right -444px top -84px

}



.iso_GA {

    background-position: right -592px top -84px

}



.iso_GB {

    background-position: right -222px top -308px

}



.iso_GD {

    background-position: right -111px top -112px

}



.iso_GE {

    background-position: right -666px top -84px

}



.iso_GF {

    background-position: right -481px top -84px

}



.iso_GG {

    background-position: right -259px top -112px

}



.iso_GH {

    background-position: right -740px top -84px

}



.iso_GI {

    background-position: 100% -112px

}



.iso_GL {

    background-position: right -74px top -112px

}



.iso_GM {

    background-position: right -629px top -84px

}



.iso_GN {

    background-position: right -296px top -112px

}



.iso_GP {

    background-position: right -148px top -112px

}



.iso_GQ {

    background-position: right -148px top -84px

}



.iso_GR {

    background-position: right -37px top -112px

}



.iso_GS {

    background-position: right -740px top -252px

}



.iso_GT {

    background-position: right -222px top -112px

}



.iso_GU {

    background-position: right -185px top -112px

}



.iso_GW {

    background-position: right -333px top -112px

}



.iso_GY {

    background-position: right -370px top -112px

}



.iso_HK {

    background-position: right -555px top -112px

}



.iso_HM {

    background-position: right -444px top -112px

}



.iso_HN {

    background-position: right -518px top -112px

}



.iso_HR {

    background-position: right -481px top -56px

}



.iso_HT {

    background-position: right -407px top -112px

}



.iso_HU {

    background-position: right -592px top -112px

}



.iso_ID {

    background-position: right -703px top -112px

}



.iso_IE {

    background-position: right -37px top -140px

}



.iso_IL {

    background-position: right -111px top -140px

}



.iso_IM {

    background-position: right -74px top -140px

}



.iso_IN {

    background-position: right -666px top -112px

}



.iso_IO {

    background-position: right -407px top -28px

}



.iso_IQ {

    background-position: 100% -140px

}



.iso_IR {

    background-position: right -740px top -112px

}



.iso_IS {

    background-position: right -629px top -112px

}



.iso_IT {

    background-position: right -148px top -140px

}



.iso_JE {

    background-position: right -259px top -140px

}



.iso_JM {

    background-position: right -185px top -140px

}



.iso_JO {

    background-position: right -296px top -140px

}



.iso_JP {

    background-position: right -222px top -140px

}



.iso_KE {

    background-position: right -370px top -140px

}



.iso_KG {

    background-position: right -592px top -140px

}



.iso_KH {

    background-position: right -592px top -28px

}



.iso_KI {

    background-position: right -407px top -140px

}



.iso_KM {

    background-position: right -259px top -56px

}



.iso_KN {

    background-position: right -740px top -224px

}



.iso_KP {

    background-position: right -444px top -140px

}



.iso_KR {

    background-position: right -481px top -140px

}



.iso_KW {

    background-position: right -555px top -140px

}



.iso_KY {

    background-position: right -740px top -28px

}



.iso_KZ {

    background-position: right -333px top -140px

}



.iso_LA {

    background-position: right -629px top -140px

}



.iso_LB {

    background-position: right -703px top -140px

}



.iso_LC {

    background-position: 100% -252px

}



.iso_li {

    background-position: right -74px top -168px

}



.iso_LK {

    background-position: right -74px top -280px

}



.iso_LR {

    background-position: 100% -168px

}



.iso_LS {

    background-position: right -740px top -140px

}



.iso_LT {

    background-position: right -111px top -168px

}



.iso_LU {

    background-position: right -148px top -168px

}



.iso_LV {

    background-position: right -666px top -140px

}



.iso_LY {

    background-position: right -37px top -168px

}



.iso_MA {

    background-position: right -148px top -196px

}



.iso_MC {

    background-position: 100% -196px

}



.iso_MD {

    background-position: right -740px top -168px

}



.iso_ME {

    background-position: right -74px top -196px

}



.iso_MF {

    background-position: right -37px top -252px

}



.iso_MG {

    background-position: right -259px top -168px

}



.iso_MH {

    background-position: right -481px top -168px

}



.iso_MK {

    background-position: right -222px top -168px

}



.iso_ML {

    background-position: right -407px top -168px

}



.iso_MM {

    background-position: right -222px top -196px

}



.iso_MN {

    background-position: right -37px top -196px

}



.iso_MO {

    background-position: right -185px top -168px

}



.iso_MP {

    background-position: right -703px top -196px

}



.iso_MQ {

    background-position: right -518px top -168px

}



.iso_MR {

    background-position: right -555px top -168px

}



.iso_MS {

    background-position: right -111px top -196px

}



.iso_MT {

    background-position: right -444px top -168px

}



.iso_MU {

    background-position: right -592px top -168px

}



.iso_MV {

    background-position: right -370px top -168px

}



.iso_MW {

    background-position: right -296px top -168px

}



.iso_MX {

    background-position: right -666px top -168px

}



.iso_MY {

    background-position: right -333px top -168px

}



.iso_MZ {

    background-position: right -185px top -196px

}



.iso_NA {

    background-position: right -259px top -196px

}



.iso_NC {

    background-position: right -444px top -196px

}



.iso_NE {

    background-position: right -555px top -196px

}



.iso_NF {

    background-position: right -666px top -196px

}



.iso_NG {

    background-position: right -592px top -196px

}



.iso_NI {

    background-position: right -518px top -196px

}



.iso_NL {

    background-position: right -370px top -196px

}



.iso_NO {

    background-position: right -740px top -196px

}



.iso_NP {

    background-position: right -333px top -196px

}



.iso_NR {

    background-position: right -296px top -196px

}



.iso_NU {

    background-position: right -629px top -196px

}



.iso_NZ {

    background-position: right -481px top -196px

}



.iso_OM {

    background-position: 100% -224px

}



.iso_PA {

    background-position: right -148px top -224px

}



.iso_PE {

    background-position: right -259px top -224px

}



.iso_PF {

    background-position: right -518px top -84px

}



.iso_PG {

    background-position: right -185px top -224px

}



.iso_PH {

    background-position: right -296px top -224px

}



.iso_PK {

    background-position: right -37px top -224px

}



.iso_PL {

    background-position: right -370px top -224px

}



.iso_PM {

    background-position: right -74px top -252px

}



.iso_PN {

    background-position: right -333px top -224px

}



.iso_PR {

    background-position: right -444px top -224px

}



.iso_PS {

    background-position: right -111px top -224px

}



.iso_PT {

    background-position: right -407px top -224px

}



.iso_PW {

    background-position: right -74px top -224px

}



.iso_PY {

    background-position: right -222px top -224px

}



.iso_QA {

    background-position: right -481px top -224px

}



.iso_RE {

    background-position: right -518px top -224px

}



.iso_RO {

    background-position: right -555px top -224px

}



.iso_RS {

    background-position: right -333px top -252px

}



.iso_RU {

    background-position: right -592px top -224px

}



.iso_RW {

    background-position: right -629px top -224px

}



.iso_SA {

    background-position: right -259px top -252px

}



.iso_SB {

    background-position: right -629px top -252px

}



.iso_SC {

    background-position: right -407px top -252px

}



.iso_SD {

    background-position: right -111px top -280px

}



.iso_SE {

    background-position: right -259px top -280px

}



.iso_SG {

    background-position: right -481px top -252px

}



.iso_SH {

    background-position: right -703px top -224px

}



.iso_SI {

    background-position: right -592px top -252px

}



.iso_SJ {

    background-position: right -185px top -280px

}



.iso_SK {

    background-position: right -555px top -252px

}



.iso_SL {

    background-position: right -444px top -252px

}



.iso_SM {

    background-position: right -185px top -252px

}



.iso_SN {

    background-position: right -296px top -252px

}



.iso_SO {

    background-position: right -666px top -252px

}



.iso_SR {

    background-position: right -148px top -280px

}



.iso_SS {

    background-position: 100% -280px

}



.iso_ST {

    background-position: right -222px top -252px

}



.iso_SV {

    background-position: right -111px top -84px

}



.iso_SX {

    background-position: right -518px top -252px

}



.iso_SY {

    background-position: right -333px top -280px

}



.iso_SZ {

    background-position: right -222px top -280px

}



.iso_TC {

    background-position: right -37px top -308px

}



.iso_TD {

    background-position: right -37px top -56px

}



.iso_TF {

    background-position: right -555px top -84px

}



.iso_TG {

    background-position: right -555px top -280px

}



.iso_TH {

    background-position: right -481px top -280px

}



.iso_TJ {

    background-position: right -407px top -280px

}



.iso_TK {

    background-position: right -592px top -280px

}



.iso_TL {

    background-position: right -518px top -280px

}



.iso_TM {

    background-position: 100% -308px

}



.iso_TN {

    background-position: right -703px top -280px

}



.iso_TO {

    background-position: right -629px top -280px

}



.iso_TR {

    background-position: right -740px top -280px

}



.iso_TT {

    background-position: right -666px top -280px

}



.iso_TV {

    background-position: right -74px top -308px

}



.iso_TW {

    background-position: right -370px top -280px

}



.iso_TZ {

    background-position: right -444px top -280px

}



.iso_UA {

    background-position: right -148px top -308px

}



.iso_UG {

    background-position: right -111px top -308px

}



.iso_UM {

    background-position: right -296px top -308px

}



.iso_US {

    background-position: right -259px top -308px

}



.iso_UY {

    background-position: right -333px top -308px

}



.iso_UZ {

    background-position: right -370px top -308px

}



.iso_VA {

    background-position: right -481px top -112px

}



.iso_VC {

    background-position: right -111px top -252px

}



.iso_VE {

    background-position: right -444px top -308px

}



.iso_VG {

    background-position: right -518px top -308px

}



.iso_VI {

    background-position: right -555px top -308px

}



.iso_VN {

    background-position: right -481px top -308px

}



.iso_VU {

    background-position: right -407px top -308px

}



.iso_WF {

    background-position: right -592px top -308px

}



.iso_WS {

    background-position: right -148px top -252px

}



.iso_XK {

    background-position: right -518px top -140px

}



.iso_YE {

    background-position: right -666px top -308px

}



.iso_YT {

    background-position: right -629px top -168px

}



.iso_ZA {

    background-position: right -703px top -252px

}



.iso_ZM {

    background-position: right -703px top -308px

}



.iso_ZW {

    background-position: right -740px top -308px

}



.exchange-currency {

    display: flex;

}



.exchange-currency .select {

    position: relative;

}



.exchange-currency .select .selected-change {

    overflow-x: hidden;

    position: absolute;

    display: none;

    top: 72px;

    right: 0;

    z-index: 99;

    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);

    border: 1px solid #eee;

}



.exchange-currency .select .selected-change input {

    border: 0;

    border-radius: 0;

    padding: 10px 0 10px 45px;

    width: 100%;

    outline: 0;

    border-bottom: 1px solid #eee;

}



.exchange-currency .select ul {

    max-height: 300px;

    overflow-y: auto;

    flex-direction: column;

    width: 300px;

}



.exchange-currency .select ul li.option {

    padding: 5px 10px;

    z-index: 2;

    font-size: 18px;

}



.exchange-currency .select ul li.option span {

    font-size: 12px;

    color: #bfbfbf;

    margin-top: 5px;

    display: none;

}



.exchange-currency .select ul li.option:not(.init) {

    float: right;

    width: 300px;

    display: block;

    background: #fff;

    list-style: none;

    border-bottom: 1px solid #eee;

}



.exchange-currency .select ul li.option:not(.init):hover,

.exchange-currency .select ul li.selected:not(.init) {

    background: #efefef;

}



.exchange-currency ul li.selected:not(.init) {

    background: #fff;

}



.exchange-currency .select li.option.init {

    cursor: pointer;

    list-style: none;

    background: #fff;

    line-height: 45px;

    height: 45px;

}



.exchange-currency .select li.option.init span {

    display: none;

}



.exchange-currency .select span.from,

.exchange-currency .select span.to {

    background: #fff;

    border: none;

    outline: none;

    box-shadow: none;

    font-size: 18px;

    padding: 5px 10px;

    width: 204px;

    height: 50px;

    line-height: 45px;

    display: block;

    position: relative;

}



.exchange-currency .exchange-arrow {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 10px;

}



.exchange-currency .select span.arrow {

    content: "";

    display: block;

    position: absolute;

    right: 150px;

    width: 0;

    height: 0;

    border-style: solid;

    transform: translateX(50%);

    z-index: 6;

    opacity: 0;

    border-color: transparent transparent #fff;

    bottom: -21px;

    border-width: 1.163rem;

    transition: .6s;

}



.exchange-currency .select span.to span,

.exchange-currency .select span.from span {

    display: none;

}



.display-exhange-value {

    margin: 40px 0;

    padding-left: 40px;

}



.display-exhange-value .exchangeFrom-value {

    font-size: 22px;

    color: #00c381;

}



.display-exhange-value .exchangeTo-value {

    font-size: 80px;

    color: #23282d;

}



.currencyExchangesAll {

    margin: 50px 0;

}



.currencyExchangesAll .single-exchage {

    background-color: #eee;

    text-align: center;

    padding: 15px 0;

    font-size: 16px;

}



.currencyExchangesAll .single-exchage h3 {

    font-size: 18px;

}



/* say about us page */

.page-logo-block {

    color: #fff;

    padding: 40px 0;

    background-image: url(img/partners.jpg);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}



.page-logo-block .main-partners {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    align-items: center;

}



.page-logo-block .main-partners .img-holder:nth-child(3n) {

    width: 100%;

}



.page-logo-block .main-partners .img-holder img:nth-child(3n) {

    display: block;

    margin: 20px auto;

}



.page-logo-block img {

    width: 200px;

    margin: 10px auto;

}



.page-logo-block .partners-imgholder {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    align-items: center;

}



/* .page-logo-block .partners-imgholder img:nth-child(1n) {

    text-align: right;

}

.page-logo-block .partners-imgholder img:nth-child(2n) {

    text-align: left;

} */

.page-logo-block .partners-imgholder .img-holder:nth-child(3n) {

    width: 100%;

}



.page-logo-block .partners-imgholder img:nth-child(3n) {

    display: block;

    margin: 20px auto;

}



@media (max-width:530px) {

    .page-logo-block .img-holder {

        width: 100%;

        margin-bottom: 20px;

    }



    .page-logo-block .img-holder:last-child {

        margin-bottom: 40px;

    }

}



/* new style 8-15 */

.say-about-us .articales-link .link {

    background: #00c381;

    padding: 7px 0;

    color: white;

    display: block;

    width: 120px;

    margin: 0 auto 20px;

    border-radius: 0 10px;

    transition: cubic-bezier(0.075, 0.82, 0.165, 1);

    height: 62px;

    position: relative;

}

.say-about-us .articales-link .link span {

    position: absolute;

    top: 50%;

    right: 50%;

    transform: translate(50%,-50%);

    width: 100%;

}

.say-about-us h1.main-title lord-icon.special-lord {

    height: 130px !important;

    width: 130px !important;

}

/* .articales-link .link .line {

    display: block;

    width: 0%;

    height: 3px;

    margin-top: 10px;

    background-color: #00c381;

    transition: 0.6s;

}



.articales-link .link:hover .line {

    width: 80%;

} */



.say-about-us .audio-section {

    padding: 30px 15px 0;

}



.say-about-us .audio-section .audio-art {

    background-color: #00c381;

    color: #23282d;

    text-align: center;

    padding: 60px 10px 17px;

    position: relative;

    border-radius: 10px 10px 0 0;

    margin: -20px auto;

    /* margin-bottom: 40px; */

    max-width: 500px;

    box-shadow: 0 0 10px 4px #eef1f0;

    overflow: hidden;

    transition: .6s;

}

.say-about-us .audio-section .audio-art:first-child {

    height: 205px;

}



.say-about-us .audio-section .audio-art.part-2 {

    z-index: -1;

    padding: 70px 20px 20px;

    border-radius: 0 0 10px 10px;

    background-color: #fff;

}

.say-about-us .audio-section .audio-art.part-2 p {

    overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   -webkit-line-clamp: 2; /* number of lines to show */

           line-clamp: 2;

   -webkit-box-orient: vertical;

   height: 48px;

}



.say-about-us .audio-section .audio-ho {

    margin-bottom: 70px;

}



.say-about-us .audio-section .audio-ho:hover .audio-art {

    color: #00c381;

}



.say-about-us .audio-section .audio-art .art-title a,

.say-about-us .audio-section .audio-art p {

    color: #23282d;

}



.say-about-us .audio-section .audio-art p {

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    /* number of lines to show */

    line-clamp: 2;

    -webkit-box-orient: vertical;

}



.say-about-us .audio-section .audio-art:hover .art-title a,

.say-about-us .audio-section .audio-art:hover p {

    color: #00c381;

}



/* .audio-section .audio-art {

    background-color: #23282d;

    color: #00c381;

} */



.say-about-us .audio-section .audio-art .art-title {

    font-size: 30px;

    margin-bottom: 20px;

    position: relative;

    z-index: 20;

}



.say-about-us .audio-section .audio-art .art-title span {

    font-size: 24px;

    margin-top: 15px;

    display: block;

}



.say-about-us .audio-section .audio-art .icon {

    position: absolute;

    top: 10px;

    right: 20px;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background-color: #23282d;

    color: #00c381;

    transition: .6s;

    font-size: 34px;

}



.say-about-us .audio-section .audio-ho:hover .audio-art .icon {

    box-shadow: 0 0 0 700px #23282d;

}



.say-about-us .audio-section .green-audio-player {

    width: 100%;

    max-width: 500px;

    min-width: auto !important;

    margin: 0 auto;

    position: relative;

    /*direction: rtl;*/

    top: 13px;

    transform: scale(1.03);

}



.say-about-us .audio-section .audio-art a.link-to {

    position: absolute;

    right: -200px;

    bottom: 0;

    background: #23282d;

    color: #fff;

    padding: 6px 11px;

    border-radius: 20px 0 0 0;

    transition: .8s;

}



.say-about-us .say-about-us .audio-section .audio-art:nth-child(even) a.link-to {

    background: #00c381;

}



.say-about-us .audio-section .audio-art:hover a.link-to {

    right: 0;

    bottom: 0;

}





.say-about-us .gallery.about-p {

    padding: 50px 0;

}



.say-about-us .gallery.about-p a {

    position: relative;

    display: block;

    margin-bottom: 30px;

}





.say-about-us .gallery.about-p a:hover {

    box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 20%);

    transition: 0.5s;

}



.say-about-us .gallery.about-p a img {

    height: 200px;

    max-width: 100%;

    width: 100%;

    object-fit: cover;

}



.say-about-us .gallery.about-p a .overlay {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(83, 84, 86, 0.7);

    opacity: 0;

    visibility: hidden;

    transition: all 0.5s ease-in-out;

}



.say-about-us .gallery.about-p a:hover .overlay {

    opacity: 1;

    visibility: visible;

}



.say-about-us .gallery.about-p a .overlay svg {

    width: 27px !important;

    height: 27px;

    /* top: calc(50% - 15px); */

    /* right: calc(50% - 15px); */

    position: absolute;

    z-index: 99;

    color: #fff;

    transition: all 0.5s ease-in-out;

    opacity: 0;

    background-color: #01c07f;

    padding: 12px;

    border-radius: 50%;

    bottom: -16px;

    left: 14px;

    ;

}



.say-about-us .gallery.about-p a:hover .overlay svg {

    opacity: 1;

    /* color: #990f3d; */

}



/* Curl Top Right */

.say-about-us .curl-top-right {

    display: inline-block;

    position: relative;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}



.say-about-us .curl-top-right:before {

    pointer-events: none;

    position: absolute;

    content: "";

    height: 0;

    width: 0;

    top: 0;

    left: 0;

    background: white;

    /* IE9 */

    background: linear-gradient(-225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);

    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);

    transition-duration: 0.3s;

    transition-property: width height;

}



.say-about-us .curl-top-right:hover:before {

    width: 25px;

    height: 25px;

}

@media (max-width:565px) {

    .exchange-currency {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .exchange-currency .exchange-arrow {

        margin: 20px 10px;

        transform: rotate(90deg);

    }

}

.canvas-form label{

    color:#7b7b7b !important;

}

.model-img {

	max-width: 600px;

	max-height: 600px;

	margin: 0 auto;

}

.model-img img {

	width: 100%;

	height: 100%;

}

.model-process {

	text-align: center

}

.model-process button {

	margin: 20px auto;

}

.model-info h4 {

	margin-top: 20px

}

.model-info p ,

.model-info ol li ,

.model-info ul.details li {

	color: #000;

	line-height: 33px;

}

.model-info ul.details li {

	color: #000;

	list-style-type: disc;

	margin-left: 40px;

}

#langPopup .modal-dialog {

    max-width: 311px !important;

    -webkit-transform: translate(0,0);

    transform: translate(0,0);

    top: 35%;

    transform: translate(0,-50%);

    margin: 0 auto;

}

#langPopup .modal-header {

    background-color: #050102;

    color: #00c381;

}

#langPopup .modal-header .close {



    color: #00c381;

}

#langPopup .modal-body .languages a {

    margin: 10px 0;

    color: #050102;

    display: block;

}

#langPopup .modal-body .languages img {

    width: 30px;

    height: 20px;

    display: block;

    margin: 0 auto 10px;

    /* margin-left: 10px; */



}



.videos-page .item {

    height: auto !important;

    /* width: 100%; */

}



.videos-page  .item .img-holder {

    width: 100% !important;

    padding-bottom: 100% !important;

    /* margin: 10% auto !important; */

    position: relative !important;

    overflow: hidden !important;

    display: block;

    background-color: #000;

}

.videos-page  .item a h4 {

    color: #000;

    margin: 12px 0 0 10px

}



.videos-page  .item a .img-holder  img {

    position: absolute;

    height: 100%;

    right: 50%;

    transform: translateX(50%)

    /* width: 100%; */

}

/* ._2tga._8j9w {

    height: 30px !important;

    width: 75px;

}



._2tga._8j9w {

    border-radius: 4px;

    font-size: 13px;

    height: 30px;

    padding: 0 8px;

} */



.links-scroll ul {

    display: flex;

    justify-content: center;

}

.links-scroll ul li {

    position: relative;

}

.links-scroll ul a {

    background-color: #00c281;

    font-size: 20px;

    display: block;

    color: #fff;

    padding: 8px 8px 6px;

}

.links-scroll ul li:not(:last-child) {

    margin-right: 10px;

}

.news-box p span{
    font-size:18px !important;
}