body, html { margin: 0; padding: 0; overflow-x: hidden; color: #313131 !important; background-color: #e7e7e7 !important; scroll-behavior: smooth; font-family: 'Tajawal', sans-serif; } .thick-r-b { border-right: 5px solid #01aa77; } .container-cus-ads { height: 315px; } img { color: transparent; } .overflow-hidd { overflow: hidden; } .background-f7f7f7 { background-color: #f7f7f7 !important; } .object-fit-cover { object-fit: cover !important; } .mt-4-cus { margin-top: 1.5rem !important; } .sticky-el { position: -webkit-sticky; position: sticky; top: 65px; } .bor-bot-2-whi { border-bottom: 2px solid white !important; } .bor-rad-50 { border-radius: 50% !important; } .bor-rad-20px { border-radius: 20px; } .img { background-color: #b6b6b6 !important; } .global-img-bg { background-color: #cecece !important; } .border-radius-non { border-radius: 0 !important; } .cat-seacrh-icon { background-color: #e7e7e7 !important; height: 80px !important; width: 80px !important; } .on-hover-op-7:hover { opacity: 0.7; } .color-66 { color: #666666 !important; } .color-52 { color: #525252 !important; } .color-01 { color: #df1111; } .color-02 { color: green; } .color-03 { color: #01aa77; } .color-light { color: #aaaaaa !important; } .bg-01aa7 { background-color: #01aa77 !important; color: white; } .pagination { padding-right: 0; padding-left: 0; } .heading { color: #4f4f4f !important; font-weight: bold !important; font-size: 18px !important; /* border-right: 5px solid; padding-right:5px; */ } .heading-no-border { color: #4f4f4f; font-weight: bold; font-size: 18px; } .heading-left-bor { border-left: 5px solid #4f4f4f !important; padding-left: 5px !important; } .heading-right-bor { border-right: 5px solid #4f4f4f !important; padding-right: 5px !important; } .slider-data { position: absolute; height: 100%; width: 100%; z-index: 100; } .slider-color { background-color: #01aa777e; } .slider-color1 { background-color: #01aa77; } .slider-data .slider-container { margin-top: 15%; } .slider-data h1 { color: white; font-weight: bold; } .post-content-div { background-color: #f7f7f7 !important; margin-top: 10px; padding: 0 10px 0 10px; border-radius: 20px; border: 2px solid #dbdbdb } .related-row .rat-cir { background-color: #01aa77; border: 3px solid #e7e7e7; height: 50px; width: 50px; padding-top: 8px; float: left; text-align: center; color: white; font-weight: bold; border-radius: 50%; position: absolute; margin-top: -47px; margin-left: 12px; left: 0; } .post-body table th { font-size: 20px; } .post-body table td { padding: 5px 10px 5px 10px; border-style: solid none; } .post-body table tr { border-radius: 10px; } .post-body table { background-color: #e7e7e7 !important; border-collapse: separate; border-spacing: 0 10px; padding: 10px; margin-bottom: 1rem !important; margin-top: 1rem !important; line-height: 27px !important; } .post-body table td:first-child { border-left-style: solid; background-color: #f7f7f7; border: none; font-weight: 600; color: #6e6e6e; } .post-body table td:last-child { border-right-style: solid; background-color: #f7f7f7; border: none; color: #858585; } .post-body ul { margin-bottom: 1rem !important; margin-top: 1rem !important; line-height: 27px !important; padding-left: 30px !important; } .post-body li:before { margin: 0 0 0 7px; color: #313131; } .post-body li { margin: 3px 0px 3px auto; } /* start post tabs */ .post-body .nav-tabs { border-bottom: 1px solid #a7a7a7 !important; width: 100%; margin-bottom: 20px; margin-top: 20px; } .post-body .nav-tabs li { margin: 4px 0 4px 0 !important; } .post-body .nav-tabs li::before { content: '' !important; } .post-body .nav-tabs .tab-link { background-color: #e7e7e7 !important; color: #6c757d !important; border: 1px solid #a7a7a7; padding: 7px !important; font-weight: bold; border-radius: 5px 5px 0 0; } .post-body .nav-tabs .tab-link:hover, .post-body .nav-tabs .tab-link:focus { background-color: #f7f7f7 !important; color: #6c757d !important; border-top: 1px solid #a7a7a7 !important; border-left: 1px solid #a7a7a7 !important; border-right: 1px solid #a7a7a7 !important; border-bottom: 1px solid #f7f7f7 !important; } .post-body .nav-tabs .tab-link.active, .post-body .nav-tabs .nav-item.show .tab-link { background-color: #f7f7f7 !important; color: #6c757d !important; border-top: 1px solid #a7a7a7 !important; border-left: 1px solid #a7a7a7 !important; border-right: 1px solid #a7a7a7 !important; border-bottom: 1px solid #f7f7f7 !important; } /* .post-body table { margin-top: 1rem; margin-bottom: 1rem; } */ .post-body p:first-child { margin-top: 0 !important; } .post-body p { color: #443e2e !important; margin-bottom: 1rem !important; margin-top: 1rem; line-height: 27px !important; } .post-body h2 { color: #443e2e !important; margin-bottom: 1rem !important; margin-top: 1rem !important; line-height: 27px !important; font-size: 1.5rem !important; font-weight: bold !important; } .post-body h3, h4, h5, h6 { color: #443e2e !important; margin-bottom: 1rem !important; margin-top: 1rem !important; line-height: 27px !important; font-size: 1.1rem !important; font-weight: bold !important; } .sim-card { text-align: center; } .sim-card:hover { opacity: 0.5; cursor: pointer; } .sim-card a { color: #313131; } .sim-card a:hover { color: #313131; } .sim-card .sim-card-img { height: 100px; width: auto; } .sim-card .sim-card-heading { margin: 0; } .sim-card .sim-card-sub-heading { border-radius: 20px; font-weight: bold; color: red; padding: 5px 10px 5px 10px; } .sim-card .sim-card-rating { border: 3px solid #f7f7f7; background-color: #01aa77; color: white; z-index: 10; position: relative; padding: 5px; height: 43px; width: 43px; border-radius: 50%; text-align: center; font-weight: bold; margin: -30px auto auto auto; } .primary-bordered { background-color: #01aa77 !important; border: none !important; } .comm-rep-btn { border-radius: 50px !important; color: #01aa77 !important; border: none !important } .primary-bordered-1 { background-color: #0062cc !important; border: none !important } .primary-bordered:hover, .primary-bordered-1:hover { opacity: 0.5; } .cursor-pointer { cursor: pointer; } .gloal-green-btn { font-weight: bold !important; border-radius: 5px !important; background-color: #01aa77 !important; border: 0 !important; } .gloal-green-btn:hover { opacity: 0.7; } .centered-el { text-align: center } .h1-bg { font-size: 2.2rem; font-weight: bold; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .global-icons { position: relative; text-align: center; left: 50%; transform: translateX(-50%) } .global-icons .fa-custom { border-radius: 50%; background-color: #f7f7f7 !important; padding: 7px; height: 45px; width: 45px; border: 2px solid #fff; box-shadow: 0 0 0 2px #fff; margin: auto 5px; color: #01aa77; cursor: pointer; font-size: 25px } .global-icons .fa-custom:hover { border: 2px solid #fff; color: orange; box-shadow: 0 0 0 2px #fff; -webkit-transition: -webkit-transform .4s ease-in-out; -webkit-transform: rotate(360deg); transition: transform .4s ease-in-out; transform: rotate(360deg) } a { text-decoration: none !important } .fb-col { color: #3b5998 !important; border-color: #3b5998 !important } .twit-col { color: #00acee !important; border-color: #00acee !important } .tube-col { color: red !important; border-color: red !important } .global-sm { background-color: #f7f7f7 !important; color: #3b3b3b; padding: 3px 8px; border-radius: 0 10px 10px 0; margin-left: -4px } .white-bg { background-color: #f7f7f7 !important; padding: 10px; border: 2px solid #dbdbdb } .bordered-white-bg { background-color: #f7f7f7 !important; padding: 10px; border: 2px solid #dbdbdb } .light-grey-bg { background-color: #e7e7e7; border-radius: 5px; padding: 10px; color: #626262; } .grey-bg { background-color: #e7e7e7; border-radius: 20px; padding: 10px; border: 2px solid #dbdbdb } .bordered-grey-bg { background-color: #e7e7e7; border-radius: 15px; padding: 10px; border: 2px solid #dbdbdb } .non-bordered-grey-bg { background-color: #e7e7e7; padding: 10px; border: 2px solid #dbdbdb } .article-img { border-radius: 20px 20px 0 0 !important; border-bottom: 4px solid #00865e !important; object-fit: cover; width: 100% !important; height: 300px !important; } .overly-favicon { cursor: pointer; border: 3px solid #ffffffce; box-shadow: 0 0 0 2px #01aa77; object-fit: cover; border-radius: 50%; } .t-o-c { background-color: #e7e7e7 !important; padding: 10px; /* margin-top: 20px; */ margin-bottom: 15px; } .t-o-c #main-toc { font-size: 20px; color: #313131; font-weight: bold; /* font-family: 'FontAwesome'; */ /* content: '\f0d9'; */ letter-spacing: 0.5px; } .t-o-c #main-toc::before { font-size: 20px; /* font-family: 'FontAwesome'; */ /* content: '\f0d9'; */ /* margin: 0 0 0 7px; */ /* color: #16a085 !important; */ } .post-body .t-o-c ul { padding-left: 5px !important; padding-right: 5px !important; } .t-o-c li { margin-left: 0 !important; list-style: none; margin-top: 5px !important; margin-bottom: 5px !important; border-bottom: 1px solid #cccccc; padding-bottom: 10px; width: 100%; } .t-o-c li:last-child { padding-bottom: 0px; border-bottom: 1px solid #cccccc00; } .t-o-c li a { /* font-weight:bold; */ letter-spacing: 0.5px; font-size: 15px; color: #7b7b7b !important; text-decoration: none !important; } .t-o-c li a:hover { text-decoration: underline !important; } .t-o-c li::before { /* font-family: 'FontAwesome'; */ /* content: '\f0c1'; */ /* margin: 0 0 0 7px; */ /* color: #16a085 !important; */ } .go-btns .btn { background-color: #01aa77; border: 2px solid #01aa77; border-radius: 20px; color: white; font-weight: bold; } .go-btns .btn:hover { border: 2px solid #01aa77; background-color: #f7f7f7; color: #01aa77; } .vis-hid { pointer-events: none; opacity: 0; } .user_img { height: 30px; width: 30px; margin-right: 5px; object-fit: cover; border-radius: 50%; border: 1px solid grey } .fowe-600 { font-weight: 600 } .bg-heading { background-color: #a8a8a8; background-image: linear-gradient(to left, #e7e7e7, #8b8b8b); margin-right: -20px; border-radius: 50px 0 0 50px; color: #fff; padding: 5px 15px 5px 15px } .gener-img { object-fit: cover } .hidden-cover { visibility: hidden; position: absolute; } .custom-media .col-12 { margin-bottom: 10px; background-color: #f7f7f7 !important; border: 2px solid #dbdbdb; border-radius: 20px; padding: 20px } .custom-media img { height: 150px; width: 100%; object-fit: cover; border-radius: 20px; border: 2px solid #fff } .bg-white { background-color: #f7f7f7 !important } .borad-50 { border-radius: 50px } .preview-img { height: 60px; width: 60px; object-fit: cover; border-radius: 5px; border: 2px solid grey } .share-txt { background-color: #e7e7e7; padding: 5px 15px 5px 15px; border-radius: 50px } .filled-bg-field { background-color: #b6c6b0 !important } .alert-warning { text-align: center; font-weight: 700; border-radius: 0 !important } .alert-success { text-align: center; font-weight: 700; border-radius: 0 !important } .co-badge { color: #007bff } .off-white { background-color: #e7e7e7 } .img-bg { background-color: grey } .z-index-10 { z-index: 10 !important } .z-index-1000 { z-index: 1000 !important } /* .hide-el { position: absolute !important; color: rgba(255, 255, 255, 0) } */ .green-bordered { float: left; background-color: #01aa77; border-radius: 50px; color: #fff } .grn-bo-no-lft { background-color: #01aa77; border-radius: 50px; color: #fff } .color-offwhite { color: #999 } .article-breadcrump .breadcrumb, .breadcrumb-item { white-space: nowrap !important } .article-breadcrump .breadcrumb-item+.breadcrumb-item::before { font-family: 'FontAwesome'; content: "\f0d9" !important; color: #6c757d !important } .article-breadcrump .breadcrumb-item1+.breadcrumb-item1::before { font-family: 'FontAwesome'; content: "\f0da" !important; color: #6c757d !important } .article-breadcrump .breadcrumb { background-color: transparent !important; border: 0px !important; font-weight: 700 !important; font-size: 14px !important; flex-wrap: nowrap !important; overflow: hidden !important; /* border-radius: 20px; */ } .article-breadcrump .breadcrumb a:hover { text-decoration: underline !important; } .article-breadcrump .breadcrumb .active-bread-link { background: linear-gradient(to right, #e7e7e715, #313131); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .web-cats-row .heading-cat { color: white !important; /* background-image: linear-gradient(to right, #f7f7f7, #01aa77) !important; */ background: #01aa77 !important; } .web-cats-row .heading-cat a { color: white !important; box-shadow: none !important; } .web-cats-row .cats-ul-li a { color: #5b5b5b; } .web-cats-row .cats-ul-li a:hover { color: #01aa77; } .web-cats-row ul { padding-right: 14px !important; } .web-cats-row ul li { list-style: none !important; } .rtl-direction { direction: rtl !important } .height-250 { height: 250px !important } .height-300 { height: 300px !important } .txt-align-center { text-align: center !important } .fo-size-1-5 { font-size: 1.5rem !important } .page-item.active .page-link { background-color: #01aa77 !important; border-color: #01aa77 !important; color: #fff !important } .page-link { color: #01aa77 !important } .color-white { color: #fff !important } header .navbar { box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; background-color: #f7f7f7; } header .navbar .navbar-brand { /* font-weight: 700; */ margin-right: 0; } header .navbar .search-box { border: none !important; background-color: #d4d4d4; width: 85%; padding: 5px; outline: none; margin-left: -5px; } header .navbar .search-btn { background: #01aa77; border-radius: 0px; color: #f7f7f7; border-radius: 5; border: none !important; outline: none !important; box-shadow: none !important; width: 15%; padding: 5px } header .navbar .search-btn .fa { font-size: 20px; } header .navbar .pre-fa { /* margin-right: 10px; */ } header .navbar-toggler { outline: 0 !important } header .navbar-toggler i { color: #797979; } header .navbar a { color: #797979 !important; } header .navbar-toggler:hover { opacity: 0.8; } /* Start Spinner */ .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 34px; height: 34px; margin: 8px; border: 3px solid #747677; border-radius: 50%; animation: lds-ring 0.9s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #747677 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.1s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.2s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* End Spinner */ /* Start Spinner 2 */ .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { font-size: 2.5px; float: left; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 0.4s infinite linear; animation: load8 0.4s infinite linear; } /* Start Spinner 3 */ .loader3, .loader3:after { border-radius: 50%; width: 10em; height: 10em; } .loader3 { font-size: 2.2px; float: left; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid white; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 0.4s infinite linear; animation: load8 0.4s infinite linear; } /* Start Spinner 4 */ .loader4, .loader4:after { border-radius: 50%; width: 10em; height: 10em; } .loader4 { font-size: 2.2px; float: left; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #01aa77; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 0.4s infinite linear; animation: load8 0.4s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* End Spinner 2 */ /* Start .loader-99 */ .loader-99 { border: 2px solid #f3f3f3; border-top: 2px solid #0069d9; border-radius: 50%; width: 20px; height: 20px; animation: spin 0.8s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .overly-row-article { height: 100%; width: 100%; } .overly-row-article .holder-inner { background-color: #f7f7f7; padding: 10px; } .overly-row-article .holder-inner h1 { color: #3b3b3b !important; font-size: 1.9rem !important; font-weight: 600; } .overly-article-img { text-align: center; width: 100%; object-fit: scale-down; } .comments-voting { /* font-size: 1.2rem; */ overflow: hidden !important; } .comments-voting span { padding: 8px; } .comments-voting i { cursor: pointer; padding: 5px; color: #b7b8b9; } /* .comments-voting i:hover { color: #6c757d; background-color: #b7b8b9; border-radius: 50%; padding: 5px; } */ .home-h1-p h1{ color:#4f4f4f !important; } .icons-row .social-icons { } .icons-row .social-icons .fa-custom { border-radius: 50%; background-color: #f7f7f7 !important; padding: 5px; height: 35px; width: 35px; border: 2px solid transparent; color: #01aa77; cursor: pointer; margin-left: 3px; margin-right: 3px; font-size: 20px; } .icons-row .social-icons .fa-custom:hover { border: 2px solid #01aa77; -webkit-transition: -webkit-transform .7s ease-in-out; -webkit-transform: rotate(360deg); transition: transform .7s ease-in-out; transform: rotate(360deg) } .div-hover-eff { transition: transform .3s; } .div-hover-eff:hover { opacity: 50%; } .inner-ul { margin-top: 10px; margin-bottom: 7px; } .inner-ul span { border-radius: 50px !important } .catched-div {} .catched-div img { background-color: #cecece !important; width: 100%; object-fit: cover; } .catched-div .h4 { font-weight: bold; color: #565a5e !important; } .catched-div .smss { font-weight: bold; margin-top: -40px; text-align: center; } .catched-div .smss span { background-color: #f7f7f7; padding: 5px 10px 5px 10px; text-align: center; border-radius: 30px; } .cards-row .card { border: 0 !important; overflow: hidden; color: #565a5e; min-height: auto; background-color: #f7f7f7; border: 2px solid #dbdbdb; } .cards-row .card .badge { background-color: #01aa77 !important; color: white; border-radius: 5px; position: absolute; font-size: 13px; padding: 15px; margin: 5px; } .cards-row .card .card-img-top { object-fit: cover; border-radius: 5px; } .cards-row .card-heading { font-size: 1.1rem; font-weight: bold; margin-bottom: 0 !important; } .cards-row .card-heading-1 { font-size: 1rem; font-weight: bold; margin-bottom: 0 !important; } .cards-row .card .list-group-horizontal { border: none } .list-group-horizontal .list-group-item { background-color: #f7f7f700 !important; border: none !important } .cards-row .card .list-group-item { border: none } .cards-row .card .card-body { padding: 5px 0 5px 0 !important; } .cards-row .card a { text-decoration: none; color: #565a5e !important; } .card-block .card { border: 1px solid #cfcfcf; overflow: hidden; color: #565a5e; background-color: #f7f7f7; min-height: auto; } .card-block .card .badge { background-color: #e7e7e7 !important; border-radius: 0 0 0 20px; position: absolute; font-size: 13px; padding: 15px } .card-block .card .card-img-top { object-fit: cover; } .card-block .card-heading { font-size: 1rem; font-weight: bold; margin-bottom: 0 !important; } .card-block .card-heading-1 { font-size: 1rem; font-weight: bold; margin-bottom: 0 !important; } .card-block .card .card-body { padding: 5px 0 5px 0 !important; } .card-block .card a { text-decoration: none; color: #565a5e !important; } .pagination-row { color: #565a5e } .pagination-row a { text-decoration: none !important } .pagination-row .next-prev { color: #565a5e; border-radius: 50px !important; border: 2px solid #565a5e; padding: 2px 15px } .pagination-row .next-prev:hover { color: #fff; border-radius: 50px !important; background-color: #565a5e } .pagination-row .med { background-color: #e7e7e7; border: none } .pagination-row i { padding: 8px } .listed-posts .listed-post { background-color: #f7f7f7 !important; padding: 10px; } .listed-posts .listed-post .media-body { text-decoration: none; color: #565a5e } .listed-posts .listed-post .media-body .h6 { font-size: 0.9rem; } .listed-posts .listed-post .text-color { color: #565a5e !important; } .listed-posts a { color: #565a5e !important; } .listed-posts img { object-fit: cover; border-radius: 5px; } .listed-posts .list-group-horizontal { border: none } .listed-posts .list-group-item { border: none } .shoppingItems-btn { background-color: #01aa77; border-radius: 5px; color: #fff; padding: 5px 8px; /* margin-top: 5px; */ } .topics-row .btn-topics { background-color: #01aa77; border-radius: 5px; color: #fff; padding: 5px 8px; margin-top: 5px; } .topics-row .list-group-item { background-color: rgba(255, 255, 255, 0) !important } .topics-row .btn-topics:hover { opacity: 0.4; color: #fff; } .topics-row .list-group-item { background-color: rgba(255, 255, 255, 0) !important; border: none !important; cursor: pointer; transition: top ease .3s; top: 0 } .emojis-row .list-group-item:hover { opacity: .4 } .emojis-row .count_txt { text-align: center !important; padding: 5px 15px 5px 15px; border-radius: 50px; color: #313131 !important; background-color: #e7e7e7 !important; margin-top: 11px; } .emojis-row small { font-weight: bold; } .emojis-row img { background-color: #e7e7e7 !important; border: 2px solid white; text-align: center !important; object-fit: cover; border-radius: 50px; margin-bottom: 10px; z-index: 10; opacity: 1; position: absolute; transform: translateX(-50%); left: 50%; } .emojis-row .list-group-item { cursor: pointer } .react-anim { animation: thumbs-move 1.2s; -webkit-animation: thumbs-move 1.2s; -moz-animation: thumbs-move 1.2s; -o-animation: thumbs-move 1.2s; } @keyframes thumbs-move { 0% { opacity: 1; transform: translateY(-0%); -webkit-transform: translateY(-0%); height: 40px; width: 40px; } 50% { opacity: 1; transform: translateY(-300%); -webkit-transform: translateY(-300%); height: 60px; width: 60px; } 100% { opacity: 0; transform: translateY(-600%); -webkit-transform: translateY(-600%); height: 60px; width: 60px; } } .inner-count { background-color: #01aa77; padding: 5px 20px 5px 20px; border-radius: 50px; color: #fff } .newsletter-row .newsletter-container { margin: 10px auto } .newsletter-row .newsletter-container .email-input { background-color: #eee; outline: 0; box-shadow: none } .newsletter-row .newsletter-container i { color: #01aa77 } .newsletter-row .newsletter-container .newsletter-btn { background-color: #01aa77; border: none !important; } .newsletter-row .newsletter-container .newsletter-btn:hover { opacity: 0.5; } .comments-row .reply-input { padding: 0 10px; height: 30px } .comments-row .media-bg { padding: 0px; } .comments-row .media-no { color: #313131 !important; background-color: #e7e7e7 !important; padding: 10px; border: 2px solid #dbdbdb } .footer-row { padding: 20px; background-color: #343a40 !important; color: white !important; } .comments-row img { object-fit: cover; } .contact-row .right-box { background-color: #f7f7f7 !important; border: 2px solid #dbdbdb; border-radius: 20px } .contact-jumbotron { padding: 10px !important } .gener-row .col-12 { margin-bottom: 10px; background-color: #f7f7f7 !important; border: 2px solid #dbdbdb; border-radius: 20px; padding: 20px } .gener-row img { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #fff } .categories-row { padding: 10px } .categories-row .inner { padding: 20px; border-radius: 20px; background-color: #f7f7f7 !important; border: 1px solid #d3d3d3 } .uploaded-row img { width: 100%; height: 105px; cursor: pointer; border: 2px solid #c7c7c7; object-fit: cover; } .up-colo { height: 15px; width: 15px; border: 3px solid white; margin-bottom: -25px; margin-right: 10px; position: relative; z-index: 10; border-radius: 50%; } .uploaded-row .time { margin-top: -25px } .uploaded-row .uploader-admin { left: 0 !important; position: absolute !important; margin-left: 14px !important; margin-top: 10px !important; background-color: #e7e7e7 !important; padding: 2px 10px 2px 10px !important; border-radius: 0 7px 7px 0 !important; color: grey !important; } .uploaded-row .time small { background-color: #e7e7e7 !important; padding: 5px 10px; border-radius: 20px 20px 0 0 } .fb-group-row .card { border-radius: 0; text-align: center } .fb-group-row .card-img-overlay { background-image: linear-gradient(to right, #6ec4bf4f, #667d0070) } .fb-group-row .card-img { height: 100%; width: 100%; object-fit: cover } .fb-group-row .group-img { height: 60px; width: 60px; border-radius: 50%; object-fit: cover; margin: 0; border: 2px solid #fff } .fb-group-row .fa-ic { background-color: #f7f7f7 !important; padding: 7px; font-size: 2em; height: 47px; width: 47px; border-radius: 50%; text-rendering: auto; -webkit-font-smoothing: antialiased } .overly-container { margin-top: 1.5rem; } .container-cus { padding: 15px; background-color: #f7f7f7; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; border-radius: 5px; } .container-cus-1 { padding: 20px; background-color: #f7f7f7; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; border-radius: 5px; } .container-cus-2 { padding: 20px; border: 0; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; border-radius: 5px; } #mob-review-post-fields { display: none; } .mob-row .mob-main-img { width: 100%; object-fit: scale-down; } .mob-row .mob-right-col { padding: 5px !important; } .col-12-pad-5 { padding: 5px !important; } .mob-row .mob-right-col .upper-price { text-align: center; } .mob-row .mob-right-col .upper-price span { background-color: grey; padding: 5px 15px; border-radius: 20px; font-weight: bold; color: white; } .mob-row .mob-left-col { padding: 5px !important; } .mob-row .mob-left-col .specs-list { padding: 0 !important; border-radius: 0; } .mob-row .mob-left-col .specs-list .list-group-item { background-color: #dbdbdb; border-radius: 0; } .mob-row .mob-left-col .specs-list .list-group-item .sp-1 { font-weight: bold; } .mob-row .mob-left-col .specs-list .list-group-item .sp-2 { color: #6d6d6d; } .mob-row .mob-left-col .specs-list .fa { right: 0; } .mob-row .mob-row-heading { font-size: 1.9rem; font-weight: 600; color: #3b3b3b !important; } .mob-row .mob-row-heading::before { font-family: 'FontAwesome'; margin-left: 10px; content: "\f0d9" !important; color: #3b3b3b !important; } .rating-row { margin-top: 30px; } .rating-row .num-ratio { height: 70px; width: 70px; font-weight: 600; font-size: 27px; padding-top: 10px; border-radius: 50%; text-align: center; background-color: #01aa77; color: white; box-shadow: 0 0 0 3px #01aa77; border: 3px solid white; z-index: 10 !important; position: relative; } .rating-row .progress { width: 90%; margin-top: -45px; margin-right: 50px; border: 1px solid #dbdbdb; background-color: #dadada; border-radius: 30px 0 0 30px; height: 25px; } .rating-row .progress .perc-ratio { width: 60%; padding: 10px; color: white; border-radius: 30px 0 0 30px; background-color: #01aa77 !important; } .rating-row .progress .perc-ratio span { font-weight: bold; font-size: 17px; } .rating-row .progress .progress-title { position: absolute !important; font-size: 15px !important; font-weight: 700 !important; margin-top: -20px; margin-right: 30px; color: grey; } .rating-row-users .num-ratio { height: 70px; width: 70px; font-weight: 600; font-size: 27px; padding-top: 10px; border-radius: 50%; text-align: center; background-color: #01aa77; color: white; box-shadow: 0 0 0 3px #01aa77; border: 3px solid white; z-index: 10 !important; position: relative; } .rating-row-users .progress { width: 90%; margin-top: -45px; margin-right: 50px; border: 1px solid #dbdbdb; background-color: #dadada; border-radius: 30px 0 0 30px; height: 25px; } .rating-row-users .progress .perc-ratio { width: 60%; padding: 10px; color: white; border-radius: 30px 0 0 30px; background-color: #01aa77 !important; } .rating-row-users .progress .perc-ratio span { font-weight: bold; font-size: 17px; } .rating-row-users .progress .progress-title { position: absolute !important; font-size: 15px !important; font-weight: 700 !important; margin-top: -20px; margin-right: 30px; color: grey; } .fa-question-circle { cursor: pointer; } .popover-body { background-color: #01aa77 !important; } .stars-rating {} .stars-rating .fa-star { color: orange; } .stars-rating .stars-txt { background-color: #01aa77 !important; color: white; border-radius: 20px; padding: 5px 15px 5px 15px; font-weight: bold; } .btn-anim { animation: btn-anim 0.8s infinite; } @keyframes btn-anim { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } .cls-1 { position: absolute; top: 0; width: 100%; margin: auto; background-color: white; padding: 25px; } /* pointer-events:none; */ .cls-1-in { box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; font-weight: bold; pointer-events: none; background-color: #0069d9; cursor: pointer; color: white !important; padding: 10px 15px 10px 15px; border-radius: 5px; } /* Start lightbox gallery */ .img-hover-zoom { overflow: hidden; height: 100%; width: 100%; } .img-hover-zoom img { height: 100%; width: 100%; object-fit: cover; transition: transform .15s ease-in; } .img-hover-zoom:hover img { opacity: 0.5; transform: scale(1.2); } .photo-gallery .photos { padding-bottom: 20px; } .photo-gallery .item { padding: 5px; } /* Start Rating Slider */ .slider { -webkit-appearance: none; width: 85%; height: 8px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .avgValue { text-align: center; color: white; font-weight: bold; padding: 9px; border-radius: 50%; background-color: orange; height: 46px; width: 46px; display: inline-block; } .sl-txt { font-weight: bold; } .sliderValue { margin-top: -27px; font-weight: bold; margin-right: -5px; position: relative; z-index: 10; color: white; float: left; background-color: orange; padding: 2px; border-radius: 5px; text-align: center; height: 30px; width: 30px; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: orange; cursor: pointer; } .slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: orange; cursor: pointer; } .com-rating .inner-col {} .com-rating .bg-rat-1 { background-color: #f7f7f7; border: 3px solid #e7e7e7; } .com-rating .bg-rat-2 { color: white; background: #0062cc; border: 3px solid #e7e7e7; } .com-rating .bg-rat-3 { background-color: #068b64 !important; border: 3px solid #f7f7f7; color: white; } .com-rating small { font-weight: bold; } .com-rating .colored-line { border-radius: 50%; height: 15px; width: 15px; margin: 5px auto; border: 3px solid white; } .com-rating .colored-line-av { border: 3px solid white; border-radius: 50%; height: 15px; width: 15px; margin: 5px auto; } .c-red { background-color: #ff0000 !important; } .c-orange { background-color: orange !important; } .c-green { background-color: #01aa77 !important; } .div-height-500px { height: 500px; } .div-height-auto { height: auto; } .less-more { /* height: 200px; */ } .less-more-height-auto { height: auto; } .less-more .less-more-buttons { width: 100%; position: absolute; bottom: 0; background-image: linear-gradient(#f7f7f7a2, #f7f7f7); padding: 30px; left: 0; right: 0; } .less-more .less-more-buttons .show-more-btn { cursor: pointer; position: absolute; display: block; color: #4f4f4f !important; } .less-more .less-more-buttons .show-less-btn { cursor: pointer; position: absolute; display: none; color: #4f4f4f !important; } .loadMoreBtn { color: #01aa77; cursor: pointer; text-decoration: underline; height: 34.5px !important } .loadMoreComments { color: #01aa77; cursor: pointer; text-decoration: underline; } .loadMoreReplies { color: #01aa77; cursor: pointer; text-decoration: underline; } .show-reply-form { color: #01aa77; cursor: pointer; text-decoration: underline; } .home-card-title { font-size: 1.2rem !important; } .pagination-links { position: absolute; visibility: hidden; } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } .bounce { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite } .bounce-2 { animation: bounce 2.5s infinite; -webkit-animation: bounce 2.5s infinite; -moz-animation: bounce 2.5s infinite; -o-animation: bounce 2.5s infinite } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0) } 40% { -webkit-transform: translateY(-8px) } 60% { -webkit-transform: translateY(-8px) } } @-moz-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -moz-transform: translateY(0) } 40% { -moz-transform: translateY(-8px) } 60% { -moz-transform: translateY(-8px) } } @-o-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -o-transform: translateY(0) } 40% { -o-transform: translateY(-8px) } 60% { -o-transform: translateY(-8px) } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0) } 40% { transform: translateY(-8px) } 60% { transform: translateY(-8px) } } .fb-group-row .count { background-color: #f7f7f7 !important; color: #565a5e; border-radius: 50px; padding: 3px 10px 4px 10px } .fb-group-row .card-title { font-weight: 700; color: #fff } .fb-group-row .btn { font-family: Arial, Helvetica, sans-serif; background-color: #f7f7f7 !important; color: #565a5e; border-radius: 50px; border: none !important; font-weight: 700 } @media (max-width:350px) { .emojis-row .list-group-item { padding: 2px } } @media (max-width:767px) { .container { width: 100% !important; } .container-cus { width: 100% !important; border-radius: 0; border-left: 0; border-right: 0; } .col-main-left { padding-left: 0 !important; padding-right: 0 !important; } .col-main-right { padding-left: 0 !important; padding-right: 0 !important; } .remove-col-padding { padding-left: 0 !important; padding-right: 0 !important; } .article-breadcrump .breadcrumb { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; } .holder-inner { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; } .modal { padding: 0 !important } .modal .modal-dialog { width: 100%; max-width: none; height: 100%; margin: 0 } .modal .modal-content { height: 100%; border: 0; border-radius: 0 } .modal .modal-body { overflow-y: auto } } @media (min-width:576px) { /* .container-cus { border-left: 2px solid #dbdbdb; border-right: 2px solid #dbdbdb; } */ .article-breadcrump .breadcrumb { border-radius: 0 !important; border-left: 2px solid #dbdbbd; border-right: 2px solid #dbdbbd; } .hgfur { margin-top: .5rem !important; } .onsmmt0 { margin-top: 0; } } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .overly-article-img { height: 267px !important; object-fit: cover !important; } .hgfur { margin-top: .5rem !important; } /* .cards-row .card { min-height: auto !important; } */ .overly-container { margin-top: 1.4rem; } .mob-mt15 { margin-bottom: 15px !important; } .container-cus-ads { height: 630px !important; } .comments-voting { width: 15%; } .mt-sm-cus { margin-top: 0.5rem !important; } .carrsousel-sm-mt { margin-top: 20px !important; } .newsletter-sm { display: block !important; } .newsletter-lg { display: none !important; } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .overly-article-img { height: 350px !important; object-fit: cover !important; } /* .cards-row .card { min-height: auto !important; } */ /* .cards-row .card { min-height: 340px !important; } */ .onsmmt0 { margin-top: 1rem; } .container-cus-ads { height: 630px !important; } .mt-sm-cus { margin-top: 1.5rem !important; } /* .mob-wid-100{ max-width:100% !important; } */ .comments-voting { width: 15%; } .newsletter-sm { display: block !important; } .newsletter-lg { display: none !important; } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { .overly-article-img { height: 350px !important; object-fit: cover !important; } .hgfur { margin-top: 1.5rem !important; } .container-cus-ads { height: 630px !important; } .comments-voting { width: 10%; } .mt-sm-cus { margin-top: 1.5rem !important; } .mob-wid-100 { width: 100% !important; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { html { overflow-x: visible; } .overly-article-img { height: 350px !important; object-fit: cover !important; } .container-cus-ads { height: 315px !important; } /* scrollbar style */ .sticky-scrollbar { /* Works on Firefox */ scrollbar-width: thin; scrollbar-color: #01aa77 #cecece; overflow-y: scroll; overflow-x: hidden; height: 500px; } .sticky-scrollbar::-webkit-scrollbar { /* Works on Chrome, Edge, and Safari */ width: 12px; } .sticky-scrollbar::-webkit-scrollbar-track { background: #cecece; } .sticky-scrollbar::-webkit-scrollbar-thumb { background-color: #01aa77; } .newsletter-sm { display: none !important; } .newsletter-lg { display: block !important; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { html { overflow-x: visible; } .overly-article-img { height: 350px !important; object-fit: cover !important; } .container-cus-ads { height: 315px !important; } /* scrollbar style */ .sticky-scrollbar { /* Works on Firefox */ scrollbar-width: thin; scrollbar-color: #01aa77 #cecece; overflow-y: scroll; overflow-x: hidden; height: 500px; } .sticky-scrollbar::-webkit-scrollbar { /* Works on Chrome, Edge, and Safari */ width: 12px; } .sticky-scrollbar::-webkit-scrollbar-track { background: #cecece; } .sticky-scrollbar::-webkit-scrollbar-thumb { background-color: #01aa77; } }