@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap'); @import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css'); .changes-fixes .fixes-header { font-weight: bold; padding:25; background: linear-gradient(to right,rgba(80,147,197,.4),rgba(80,147,197,0)); color: #65b6ed; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .RBAP-disable { pointer-events: none; } .notification-ui_dd-content { margin-bottom: 30px; } .transactions-table-accordin { border:1px solid #ffffff; border-top: none; width:100%; } .form-check-input:checked { background-color: ; border-color: ; } .form-switch .form-check-input { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23'/%3e%3c/svg%3e"); } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23'/%3e%3c/svg%3e"); } .transactions-table-tr-accordin { float:center; width:100%; } .transaction-table-tr { font-size: 13px; } .transaction-table-tr:hover { background-color: #121212; color: #ffffff; } .selected-ticket { border:3px solid ; border-radius: 20px; } .hidden_mobile_nav { display:none; } .hidden_nav { transform: translateX(-200vw); width:1%; } .search-config { width:auto !important; } .public_nav { } .hidden_search { transform: translateY(-50vh); display:none; } .nav-search-form { width:100%; transition: 1s transform; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; } .nav-search-form-mobile { height:100%; float:left; transition: 1s transform; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:5px; } .notification-list-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; margin-bottom: 7px; background: #fdfdfd; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); } .notification-list-modal--unread { border-left: 2px solid ; } .notification-list-modal .notification-list-modal_content { display: -webkit-box; display: -ms-flexbox; display: flex; } .notification-list-modal .notification-list-modal_content .notification-list-modal_img svg { height: 48px; width: 48px; border-radius: 50px; margin-right: 20px; } .notification-list .notification-list-modal_content .notification-list-modal_detail p { margin-bottom: 5px; line-height: 1.2; } .notification-list-modal .notification-list-modal_feature-img #Main_icon svg { height: 48px; width: 48px; border-radius: 5px; margin-left: 20px; } .changes-removes .removes-header { font-weight: bold; padding:25; background: linear-gradient(to right,rgba(199,42,42,.4),rgba(199,42,42,0)); color: #e27575; } .changes-improvements .improvements-header { font-weight: bold; padding:25; background: linear-gradient(to right,rgba(215,170,12,.4),rgba(215,170,12,0)); color: #f5d254; } .changes-features .features-header { font-weight: bold; padding:25; background: linear-gradient(to right,rgba(93,114,57,.4),rgba(93,114,57,0)); color: #8ec62f; } .changes-pagination { display: flex; align-items: center; justify-content: center; } .pagination-list { flex-grow: 1; flex-shrink: 1; justify-content: flex-start; order: 1; } .pagination-next { order: 3; } .pagination-previous { order: 2; } .changes-td { padding-left:20px; padding-right:20px; } .changes-section-title { font-size:13px; padding:0; margin:0; } .changes-section-date { font-size:17px; } .wallet-payment-selection { font-size:11px; } .tx-12 { font-size:12px; } .tx-11 { font-size:11px; } .changes-table-striped>tbody>tr:nth-child(odd)>td, .changes-table-striped>tbody>tr:nth-child(odd)>th { background-color: rgba(0,0,0,.1); // Choose your own color here } .changes-table-striped>tbody>tr:nth-child(even)>td, .changes-table-striped>tbody>tr:nth-child(even)>th { background-color: rgba(228,218,209,.05); // Choose your own color here } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: stretch; min-height:100px; } .card-description-fix { min-height:100px; } .yellow-stars { color:yellow; } .card-footer-fix { min-height:40px; } .body-custom { width:100%; } .comments-creator { font-size:13px; margin-top:5; } .filter-col{ padding-left:10px; padding-right:10px; } .comments-time { font-size:13px; width:60%; float:right; padding:0; margin:0; } .comments-rating { font-size:13px; float:left; width:40%; padding:0; margin:0; } .comments-image { width:100%; margin-right:10; border: 2px solid black; border-radius: 5px; margin-bottom:0; } .home-text-primary { color: #FFD333 !important; font-size:36px; padding-right:5px; } .home-image-slider { filter: brightness(25%); max-height:400px; height:400px; min-height:400px; } .home-slider-main { border: 4px solid #ffffff; } .home-main { position: relative; } .home-discord-button { width:100%; position: absolute; bottom: 0; } a.home-text-primary:hover, a.home-text-primary:focus { color: #e6b400 !important; } a:link { color: ; background-color: transparent; text-decoration: none !important; font-family: 'Inter', sans-serif !important;font-family: 'Inter', sans-serif !important; } a:visited { color: ; background-color: transparent; text-decoration: none; } a:hover { color: ; background-color: transparent; } a:active { color: ; background-color: transparent; } /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/ .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; } .modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; } /*Left*/ .modal.left.fade .modal-dialog{ left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.in .modal-dialog{ left: 0; } /*Right*/ .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog { right: 0; } /* ----- MODAL STYLE ----- */ .modal-content { border-radius: 0; border: none; } .modal-header { border-bottom-color: #EEEEEE; background-color: #FAFAFA; } .listing-hr { padding:0; margin:0; } .tooltip-inner { background-color: transparent; border: 0px solid black; box-shadow: 0px 0px 0px black; opacity: 1 !important; } .tooltip.bs-tooltip-right .tooltip-arrow::before { border-right-color: transparent !important; } .tooltip.bs-tooltip-left .tooltip-arrow::before { border-left-color: transparent !important; } .tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: transparent !important; } .tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: transparent !important; } .cartHeader { color: ; font-family: 'Inter', sans-serif !important; font-size: 20px; font-weight: 700; margin: 0 auto; padding: 5px; /* display: flex; justify-content: center; span.cartcount { color: ; background: #fdfdfd; padding: 8px; margin-left: 6px; position: relative; top: -1px; width: 18px; height: 18px; border-radius: 50px; font-size: 12px; letter-spacing: 0; display: flex; align-items: center; justify-content: center; } */ } .listing-information-title { padding:0; margin:0; width:100%; } .listing-links a { font-weight: bold; } .listing-information-path { padding:0; margin:0; } .listing-information-image-holder { max-height:525px; overflow-y: scroll; overflow-x: hidden; margin-right:5; } .listing-information-image-holder::-webkit-scrollbar { width: 20px; } .listing-information-image-holder::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .listing-information-image-holder::-webkit-scrollbar-thumb { background: ; border-radius: 10px; } .image_list { padding: 15px; } .image_list li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 165px; border: solid 1px #fdfdfd; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); margin-bottom: 15px; cursor: pointer; padding: 15px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; overflow: hidden } .image_list li:last-child { margin-bottom: 0 } .image_list li:hover { box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3) } .image_list li img { max-width: 100% } .image_selected { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(100% + 15px); height: 525px; -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); transform: translateX(-15px); border: solid 1px #fdfdfd; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); overflow: hidden; padding: 15px; position: relative; } .image_selected img { max-width: 100% } .list-group { border: 1px solid #000000; } @media (min-width: 768px) { .listing-nav { text-align: center; } } .listing-paid { background-color: rgba(76, 175, 80, 10); } .listing-sale { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { background-color: rgba(76, 175, 80, 2); } } .listing-owned::before{ border: 0px; content: ''; position: absolute; left: -5px; top: -5px; background: linear-gradient(45deg, #e8f74d, #ff6600d9, #00ff66, #13ff13, #ad27ad, #bd2681, #6512b9, #ff3300de, #5aabde); background-size: 400%; width: calc(100% + 10px); height: calc(100% + 10px); z-index: -1; animation: glower 40s linear infinite; } @keyframes glower { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 400%; } } .listing-discount-holder_ver { position: absolute;top:-18; left:-12;z-index: 6; } .listing-discount-image-ver { } .listing-image-holder { position: relative; width:100%; } .listing-image-holder-hor { position: relative; width:100%; margin-top:12.5%; padding-left:25px; } .RBAP-danger { color:red; } .RBAP-success { color:green; } .RBAP-warning { color:yellow; } .listing-discounted-price { color:red; } .listing-image-main { background-size: cover; display: block; border: 4px solid #ffffff; border-offset: -4px; } .listing-outdated-holder { position: absolute; top:0; left:0; z-index: 6; width:100%; height:200px; } .listing-outdated-main { background-size: cover; display: block; } .listing-imageless-main { opacity: 0.8; background-size: cover; display: block; } .listing-imageless-holder { position: absolute; top:0; left:0; z-index: 5; width:100%; height:200px; } .listing-rating-star { padding-right:2px; } .listing-rating-holder { position: absolute; bottom:-12; left:4; z-index: 5; height:20px; color:yellow; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 0px 25px 0px 0px; width:50%; } .listing-sponsor-holder { position: absolute; top:0; right:3; z-index: 5; font-size: 11px; height:20px; color:#121212; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 0px 0px 25px 25px; width:50%; } .listing-col { margin-bottom:15px; } .listing-col:hover { cursor: pointer; } .listing-card { background-color: #ffffff; } .lim-hor { max-width:400px; } .listing-nav-item { padding-right:5px; padding-left:5px; } .main-nav-item:hover:nth-child(odd) { box-shadow: 0px 5px 0px ; } .main-nav-item:hover:nth-child(even) { box-shadow: 0px 5px 0px ; } .cartProducts { margin-top: 0 !important; margin-bottom: 0 !important; font-family: 'Inter', sans-serif !important; font-weight: 500; color: #3C3C3C; } .cartProductPrice { font-family: 'Inter', sans-serif !important; font-weight: 500; color: #3C3C3C; margin-top: 0 !important; margin-bottom: 0 !important; } .cartProductMonths { font-family: 'Inter', sans-serif !important; font-weight: 600; color: #3C3C3C; } .cartProductDetails { font-family: 'Inter', sans-serif !important; font-weight: 500; color: #878787e3 !important; } .cartTotalCost { font-family: 'Inter', sans-serif !important; } .cartTotalCostPrice { font-family: 'Inter', sans-serif !important; } .cartButtons { font-family: 'Inter', sans-serif !important; } .entender + .tooltip > .tooltip-inner { background-color: #fff; } .cart-padder { padding: 5px; } .cart-box { display: flex; flex-flow: column; height: 100%; } .cart-body { flex: 1 1 auto; } .cart-scroller { overflow-y:auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .cart-header { flex: 0 1 40px; } .cart-footer { flex: 0 1 40px; padding:20px; } .cart-btn { padding-right:2; padding-top:0; padding-bottom:0; padding-left:2; height:100%; } .cart-information { padding-right:0; margin-right:0; padding-top:0; padding-bottom:0; width:100%; } .cart-quality { width:17%; } .cart-cat { position:relative; top:-20px; } .no-padding { padding: 0; } .text-start { text-align: left !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 22px !important; } .script_reviews { margin: 10px 0px; font-family: 'Inter', sans-serif !important; font-weight: 500; } .script_star_ratings { margin: 10px 0px; } .script_reviews_text { text-align: left !important; margin-left: 5px; font-family: 'Inter', sans-serif !important; font-size: 18px; min-height:100px; } .listing-rating-text { font-size: 14px; color:#121212; } .listing-information-price { padding:0; margin:0; font-family: 'Inter', sans-serif !important; font-weight: 700; font-size: 20px; } .listing-information-subprice { font-family: 'Inter', sans-serif !important; font-weight: 600; font-size:12px; color: #00000094; margin:0; padding:0; } .listing-information-trial-sub { font-size:12px; margin:0; padding:0; width:100%; float:left; } .listing-trial-button { font-size:12px; } .trial-modal-footer { font-size:12px; } .listing-information-status-main { font-family: 'Inter', sans-serif !important; font-weight: 400; text-align: left; font-size:13px; } .listing-information-status-sub { font-family: 'Inter', sans-serif !important; font-weight: 500; text-align: right; font-size:12px; } .listing-information-trial-main { font-size:16px; margin:0; padding:0; width:100%; float:left; } .listing-information-button { width:100% } .listing-information-button-split { width:50%; } .listing-title { width:100%; } .cart-tooltip { background-color: transparent; } .no-margin { margin:0; } .no-right-margin { margin-right:0px; } .no-padding-top { padding-top:0; } .no-pad { padding-right:0; } .cart img-cart { display: block; max-width: 50px; height: auto; margin-left: auto; margin-right: auto; } .cart table tr td{ border:1px solid #FFFFFF; } .cart table tr th { background:#eee; } .cart .panel-shadow { box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px; } .checkout-main { background-color: #ffffff; border-radius: 25px; } .progress-label-left { float: left; margin-right: 0.5em; line-height: 1em; } .progress-label-right { float: right; margin-left: 0.3em; line-height: 1em; } .star-light { color:#e9ecef; } .hide { display:none; } .nameless-dropdown { right:0 !important; } .mainbox { margin: auto; height: 600px; width: 600px; } .navbar-light .custom-navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); /* background-color: #ffffff; */ } .accordion-special-item { border-color: #121212; border: 1px solid #ffffff !important; } .accordion-special-header { } .accordion-special-button { background-color: #ffffff; color: #121212; } .accordion-special-body { background-color: #f2f5f5; } .accordion-special-collapse { } hr { border-color: #ffffff; border-style:solid; color: #ffffff; background-color #ffffff; } .article_image { style="background-size: cover; display: block;" } .comment-main { float:left; width:20%; max-width:20%; margin-right:10px; } .comment-image { margin-right:10; width:100%; border: 2px solid ; border-radius: 5px; } .comment-card { background-color: #f2f5f5; min-width:75%; width:auto; height:100%; } .err { color: #121212; font-family: 'Nunito Sans', sans-serif; font-size: 11rem; } .msg { color: #121212; text-align: center; font-family: 'Nunito Sans', sans-serif; font-size: 1.6rem; padding-bottom:10px; } .buttons { color: #121212; text-align: center; font-family: 'Nunito Sans', sans-serif; font-size: 1.6rem; } .custom-border { border-color: !important; } .custom-background { background-color: ; } custom-card1 { min-width:100%; margin:0; } .article-background { background-color: #ffffff; } .status-background { background-color: #ffffff; } .articles-sticky { top: 2rem; background-color: #ffffff; } .articles-sticky-border { border-bottom: 1px solid #f2f5f5; } .articles-sticky-links { font-size: 80%; } .articles-nav { font-size: 80%; border-radius: 0px 0px 25px 25px; margin-bottom:25px; } .articles-dropdown-nav { margin-left:10px; } .themed-background { background-color: #fdfdfd; } .themed-text { color: #121212 !important; } .main-background { background-color: #ffffff !important; } .image-modal-content { width:100%; height:100%; padding:25px; } .image-modal-dialog { width:100%; height:75%; } .themed-border { border-color: #ffffff; } .load { width:100%; height:100%; } .maxWidth { width:100%; } .alignRight { float:right !important; } .alignLeft { float:left !important; } .unset { all: unset; } .white-font { color:#121212; font-family: 'Inter', sans-serif !important; } .activateGreen { font-size: 2rem; color: green; } .activateRed { font-size: 2rem; color: red; } .status_green { color:green;padding-right:5px; } .status_yellow { color:yellow;padding-right:5px; } .status_red { color:red;padding-right:5px; } .searcher { margin-top:-1px; } .notification-list { width:10%; margin-top:-15px !important; } .navbar-mobile-profile { margin-top:5px; } .notification-text { } .notification-image { height: 48px; width: 48px; border-radius: 50px; background-color:rgba(0, 0, 0, 0); } .notification-image:hover { height: 48px; width: 48px; opacity: 0.7; border-radius: 50px; background-color:rgba(0, 0, 0, 0); } .membership-pricing-table { width: 920px } .membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px } .membership-pricing-table table .icon-no { color: #a93717 } .membership-pricing-table table .icon-yes { color: #209e61 } .membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0 } .membership-pricing-table table .plan-header-free { background-color: #ffffff; color: #121212; border: 0px; } .membership-pricing-table table .plan-header-blue { color: #fff; background-color: #61a1d1; border-color: #3989c6 } .membership-pricing-table table .plan-header-standard { color: #fff; background-color: #ff9317; border-color: #e37900 } .membership-pricing-table table td { text-align: center; width: 15%; padding: 7px 10px; background-color: #fafafa; font-size: 14px; -webkit-box-shadow: 0 1px 0 #f2f5f5 inset; box-shadow: 0 1px 0 #f2f5f5 inset } .membership-pricing-table table,.membership-pricing-table table td { } .membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 24%; color:white; } .membership-pricing-table table tr td:nth-child(5) { background-color: #ffffff; color: #121212; } .membership-pricing-table table tr td:nth-child(4) { background-color: #ffffff; color: #121212; } .membership-pricing-table table tr td:nth-child(3) { background-color: #ffffff; color: #121212; } .membership-pricing-table table tr td:nth-child(2) { background-color: #ffffff; color: #121212; } .membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none } .membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2; color:white; } .membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px } .membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px } .membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45% } .membership-pricing-table table tr:first-child th .pricing-plan-price>span { font-size: 30% } .membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: 7px; font-size: 25% } .membership-pricing-table table .header-plan-inner { position: relative } .image-modal-text{ font-size: 10px!important; width:100%; text-align: center; } .membership-pricing-table table .recommended-plan-ribbon { box-sizing: content-box; background-color: #dc3b5d; color: #FFF; position: absolute; padding: 3px 6px; font-size: 11px!important; font-weight: 500; left: -6px; top: -22px; z-index: 99; width: 100%; -webkit-box-shadow: 0 -1px #c2284c inset; box-shadow: 0 -1px #c2284c inset; text-shadow: 0 -1px #c2284c } .membership-pricing-table table .recommended-plan-ribbon:before { border: solid; border-color: #c2284c transparent; border-width: 6px 0 0 6px; bottom: -5px; content: ""; left: 0; position: absolute; z-index: 90 } .membership-pricing-table table .recommended-plan-ribbon:after { border: solid; border-color: #c2284c transparent; border-width: 6px 6px 0 0; bottom: -5px; content: ""; right: 0; position: absolute; z-index: 90 } .membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; top: -33px; left: -1px; height: 30px; width: 100%; border-bottom: none } .membership-pricing-table table, tr, td { border: none; } body { background-color: #f2f5f5; } .bg-light { background-color: #ffffff !important; } h1, .h1 { font-family: 'Inter', sans-serif !important; font-weight: 900 !important; font-size: 60px; color: #121212; } .borderless { border: none; } .rounded-border { border-radius: 25px; } .lead { color: #3C3C3C; font-family: 'Inter', sans-serif !important; } .discord-button-icon { margin-top: -6px; } .special-btn { background-color: #ffffff !important; color: #121212 !important; } .special-btn:hover { background-color: #121212 !important; color: #ffffff !important; } .special-btn-dropdown { background-color: #fdfdfd !important; color: #121212 !important; } .special-btn.active, .special-btn:active { background-color: #121212 !important; color: #ffffff !important; } .special-btn-dropdown:hover { background-color: #EBEBEB !important; color: #ffffff !important; } .discord-btn { padding: 15px 20px 7px 20px; } .caret-off::before { display: none; } .caret-off::after { display: none; } .navbar-light .navbar-brand { color: !important; } .nav-border-bottom { border-bottom: 1px solid #000000 !important; } .nav-avatar { color: #3C3C3C !important; width: 40px !important; height: 40px !important; } .nav-avatar:hover, .nav-avatar:focus { color: #b1b1b1 !important; } .nav-search { color:rgba(255, 255, 255, 0.55); border: 1px solid !important; padding: 0.60rem 1.00rem; border-radius: 5px; } .nav-search>i { width: 1.5em; height: 1.5em; } .nav-search:hover, .nav-search:focus { color: #b1b1b1 !important; } .nav-link { font-size: 1.2em; color: #3C3C3C !important; font-family: 'Open Sans',sans-serif; } .nav-link:hover, .nav-link:focus { font-weight: 400; color: #929292 !important; } .nav-logo { font-size: 2em; font-family: 'Inter', sans-serif; font-weight: 600; } .dropdown-item { font-family: 'Inter', sans-serif; font-weight: 450 !important; font-size: 0.92em; } .dropdown-header { font-family: 'Inter', sans-serif; font-weight:400; } .form-control { background-clip: border-box !important; } .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8f8f8f7a; font-family: 'Inter', sans-serif; font-weight: 300; } .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #8f8f8f7a; font-family: 'Inter', sans-serif; font-weight: 300; } .form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #8f8f8f7a; font-family: 'Inter', sans-serif; font-weight: 300; } .btn-outline-dark { color: #121212; border-color: ; border-width: 1px; } .btn-outline-dark:hover { background-color: ; } .btn-outline-dark2 { font-family: 'Inter', sans-serif; font-weight: 400; margin-top: 15px; } .btn-outline-dark2:hover { font-weight: 450; } .footer { color: #d3d3d3 !important; } .form-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .btn:focus,.btn:active { outline: none !important; box-shadow: none; } .script-listing{ padding: 25px; color: #121212; } .img-fluid { max-width: 75%; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .hero { padding-top: 50px; } .hero__items { padding: 250px 0 42px 50px; border-radius: 5px; } .hero__text { position: relative; z-index: 9; } .hero__text .label { font-size: 13px; color: #e53637; background: #ffffff; padding: 5px 14px 3px; display: inline-block; position: relative; top: -100px; opacity: 0; -webkit-transition: all, 0.2s; -o-transition: all, 0.2s; transition: all, 0.2s; } .hero__text h2 { color: #ffffff; font-size: 42px; font-family: "Oswald", sans-serif; font-weight: 700; line-height: 52px; margin-top: 35px; margin-bottom: 8px; position: relative; top: -100px; opacity: 0; -webkit-transition: all, 0.4s; -o-transition: all, 0.4s; transition: all, 0.4s; } .hero__text p { color: #ffffff; font-size: 16px; margin-bottom: 40px; position: relative; top: -100px; opacity: 0; -webkit-transition: all, 0.6s; -o-transition: all, 0.6s; transition: all, 0.6s; } .hero__text a { position: relative; top: -100px; opacity: 0; -webkit-transition: all, 0.8s; -o-transition: all, 0.8s; transition: all, 0.8s; } .hero__text a span { font-size: 13px; color: #ffffff; background: #e53637; display: inline-block; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 14px 20px; border-radius: 4px 0 0 4px; margin-right: 1px; } .hero__text a i { font-size: 20px; display: inline-block; background: #e53637; padding: 11px 5px 16px 8px; color: #ffffff; border-radius: 0 4px 4px 0; } .hero__slider.owl-carousel .owl-item.active .hero__text .label { top: 0; opacity: 1; } .hero__slider.owl-carousel .owl-item.active .hero__text h2 { top: 0; opacity: 1; } .hero__slider.owl-carousel .owl-item.active .hero__text p { top: 0; opacity: 1; } .hero__slider.owl-carousel .owl-item.active .hero__text a { top: 0; opacity: 1; } .hero__slider.owl-carousel .owl-dots { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; } .hero__slider.owl-carousel .owl-dots button { height: 8px; width: 8px; background: #b7b7b7; border-radius: 50%; margin-right: 10px; } .hero__slider.owl-carousel .owl-dots button.active { background: #ffffff; } .hero__slider.owl-carousel .owl-dots button:last-child { margin-right: 0; } .hero__slider.owl-carousel .owl-nav button { font-size: 36px; height: 66px; width: 66px; background: #0b0c2a; line-height: 66px; text-align: center; color: #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: relative; z-index: 1; position: absolute; left: -33px; top: 50%; margin-top: -47px; } .hero__slider.owl-carousel .owl-nav button.owl-next { left: auto; right: -33px; } .hero__slider.owl-carousel .owl-nav button:after { position: absolute; top: 6px; left: 0; right: 0; height: 54px; width: 54px; background: rgba(255, 255, 255, 0.1); content: ""; z-index: -1; margin: 0 auto; } .hero__slider.owl-carousel .owl-nav button span { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; z-index: 1; } .product { padding-bottom: 60px; padding-top: 80px; } .product-page { padding-top: 60px; } .btn__all { text-align: right; margin-bottom: 30px; } .trending__product { margin-bottom: 50px; } .popular__product { margin-bottom: 50px; } .recent__product { margin-bottom: 50px; } .product__item { margin-bottom: 30px; } .product__item__pic { height: 250px; position: relative; border-radius: 5px; overflow-y: hidden ! important; overflow-x: hidden ! important; background-color: #ffffff; background-image: url('index.png'); /*background-size: cover;*/ background-size: contain; background-repeat: no-repeat; background-position: right; } .product__item__pic .ep { font-size: 13px; color: #ffffff; background: #e53637; display: inline-block; padding: 2px 12px; border-radius: 4px; position: absolute; left: 10px; top: 10px; } .product__item__pic .comment { font-size: 13px; color: #ffffff; background: #3d3d3d; display: inline-block; padding: 2px 10px; border-radius: 4px; position: absolute; left: 10px; bottom: 10px; } .product__item__pic .cat { font-size: 13px; color: #121212; background: #ffffff; display: inline-block; padding: 2px 10px; border-radius: 4px; position: absolute; left: -40px; bottom: 15px; } .product__item__pic .cat ul li { list-style: none; font-size: 10px; color: #121212; font-weight: 700; padding: 1px 10px; background: rgba(255, 255, 255, 0.2); border-radius: 50px; display: inline-block; } .product__item__pic .view { font-size: 13px; color: #ffffff; background: #3d3d3d; display: inline-block; padding: 2px 10px; border-radius: 4px; position: absolute; right: 10px; bottom: 10px; } .product__item__text { padding-top: 20px; } .product__item__text ul { margin-bottom: 10px; } .product__item__text ul li { list-style: none; font-size: 10px; color: #121212; font-weight: 700; padding: 1px 10px; background: rgba(255, 255, 255, 0.2); border-radius: 50px; display: inline-block; } .product__item__text h5 a { color: #121212; font-weight: 700; line-height: 26px; } .product__sidebar .section-title h5 { color: #121212; font-weight: 600; font-family: "Oswald", sans-serif; line-height: 21px; text-transform: uppercase; padding-left: 20px; position: relative; } .product__sidebar .section-title h5:after { position: absolute; left: 0; top: -6px; height: 32px; width: 4px; background: #e53637; content: ""; } .product__sidebar__view { position: relative; margin-bottom: 80px; } .product__sidebar__view .filter__controls { position: absolute; right: 0; top: -5px; } .product__sidebar__view .filter__controls li { list-style: none; font-size: 13px; color: #b7b7b7; display: inline-block; margin-right: 7px; cursor: pointer; } .product__sidebar__view .filter__controls li.active { color: #121212; } .product__sidebar__view .filter__controls li:last-child { margin-right: 0; } .product__sidebar__view__item { height: 190px; position: relative; border-radius: 5px; margin-bottom: 20px; overflow-y: hidden ! important; overflow-x: hidden ! important; background-color: #ffffff; background-image: url('index.png'); background-size: cover; background-repeat: no-repeat; background-position: center; } .product__sidebar__view__item .ep { font-size: 13px; color: #121212; background: #e53637; display: inline-block; padding: 2px 12px; border-radius: 4px; position: absolute; left: 10px; top: 10px; } .product__sidebar__view__item .view { font-size: 13px; color: #ffffff; background: #3d3d3d; display: inline-block; padding: 2px 10px; border-radius: 4px; position: absolute; right: 10px; top: 10px; } .product__sidebar__view__item h5 { position: absolute; left: 0; bottom: 25px; width: 100%; padding: 0 30px 0 20px; } .product__sidebar__view__item h5 a { color: #121212; font-weight: 700; line-height: 26px; } .product__sidebar__comment { margin-bottom: 35px; } .product__sidebar__comment__item { margin-bottom: 20px; overflow: hidden; } .product__sidebar__comment__item__pic { float: left; margin-right: 15px; } .product__sidebar__comment__item__text { overflow: hidden; } .product__sidebar__comment__item__text ul { margin-bottom: 10px; } .product__sidebar__comment__item__text ul li { list-style: none; font-size: 10px; color: #121212; font-weight: 700; padding: 1px 10px; background: rgba(255, 255, 255, 0.2); border-radius: 50px; display: inline-block; } .product__sidebar__comment__item__text h5 { margin-bottom: 10px; } .product__sidebar__comment__item__text h5 a { color: #121212; font-weight: 700; line-height: 26px; } .product__sidebar__comment__item__text span { display: block; font-size: 13px; color: #b7b7b7; } .product__page__title { border-bottom: 2px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-bottom: 30px; } .product__page__title .section-title { margin-bottom: 0; } .product__page__title .product__page__filter { text-align: right; } .product__page__title .product__page__filter p { color: #ffffff; display: inline-block; margin-bottom: 0; margin-right: 16px; } .product__page__title .product__page__filter .nice-select { float: none; display: inline-block; font-size: 15px; color: #3d3d3d; font-weight: 700; border-radius: 0; padding-left: 15px; padding-right: 40px; height: 32px; line-height: 32px; } .product__page__title .product__page__filter .nice-select:after { border-bottom: 2px solid #111; border-right: 2px solid #111; height: 8px; top: 47%; width: 8px; right: 15px; } .product__page__title .product__page__filter .nice-select .list { margin-top: 0; border-radius: 0; } .product__pagination { padding-top: 15px; } .product__pagination a { display: inline-block; font-size: 15px; color: #b7b7b7; font-weight: 600; height: 50px; width: 50px; border: 1px solid transparent; border-radius: 50%; line-height: 48px; text-align: center; -webkit-transition: all, 0.3s; -o-transition: all, 0.3s; transition: all, 0.3s; } .product__pagination a:hover { color: #ffffff; } .product__pagination a.current-page { border: 1px solid #ffffff; } .product__pagination a i { color: #b7b7b7; font-size: 15px; } @media (min-width: 576px) and (max-width: 1400px) { .d-flex { margin-right: 20px; } .text-end { margin-right: 200px; } } @media (min-width: 1300px) { .form-control { width: 300px; margin-top: 15px; } .navbar-expand-lg .navbar-nav { margin-left: 40px; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 0.8rem; padding-right: 0.8rem; } .d-flex { margin-right: 25px; } } // Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { } // Medium devices (tablets, 768px and up) @media (min-width: 768px) and (max-width: 991.98px) { } // Large devices (desktops, 992px and up) @media (min-width: 992px) and (max-width: 1199.98px) { } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { }