.f_ANTON{font-family: 'Anton', sans-serif;} .f_OSWALD{font-family: 'Oswald', sans-serif;} .f_QUICKSAND{font-family: 'Quicksand', sans-serif;} html, body { height: 100%; } html { font-size: 62.5%; } body{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #FFF; position: initial !important; min-height: auto !important; top: 0 !important; padding-right:0px !important; letter-spacing: .05rem; } body, .btn, .form-control, .form-select{ font-size: 1.5rem; } body, a, a:hover, a:focus, .table, table, .btn-light{ color: #717070; /*#595959;*/ } .site{ display: flex; flex-direction: column; width:100%; min-height:100%; position:relative; } a, a:link, a:hover, a:visited, a:active{ text-decoration: none; cursor:pointer; } *:focus { outline: none !important; box-shadow: none !important; } img{ display:inline-block; vertical-align:middle; } hr, h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px; } h1, .h1 {font-size: 3.6rem;} h2, .h2 {font-size: 3rem;} h3, .h3 {font-size: 2.6rem;} h4, .h4 {font-size: 2rem;} h5, .h5 {font-size: 1.8rem;} h6, .h6 {font-size: 1.5rem;} .text-sm{font-size:1.2rem; line-height:1.4rem;} .hr{ margin: 5px 0; height: 0; border: 0; border-top: 1px solid currentColor; opacity: .25; } .hr-sep {margin: 10px 0;} .hr-dashed{border-style:dashed;} .hr-dark{border-color:#CCC;} .bg-eee{background-color:#EEE !important;} .bg-orange{background-color:orange !important;} .bg-red{background-color:#DF2020 !important;} .bg-site{background-color: #51c6f1 !important;} .bg-site-light{background-color: #f0f8ff !important;} .border-site{border-color: #51c6f1 !important;} .border-site-light{border-color: #f0f8ff !important;} .text-site{color: #4dbde6 !important; /*#51c6f1;*/} .text-hover-site:hover{color: #4dbde6 !important; /*#51c6f1;*/} .text-orange{color:orange !important;} .text-red{color:#DF2020 !important;} .text-green{color:green !important;} /*----BLINK----*/ .text-blink { animation: text-blinker 1s linear infinite; } @keyframes text-blinker { 50% { opacity: 0; } } .small, small { font-size: 80%; font-weight: inherit; } /* .form-control, .form-select, .btn{ border-radius: .8rem; padding: .4rem 1rem; } */ .nav-link { display: block; padding: .2rem 1rem; color: #4dbde6; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #4dbde6; } .page-item.active .page-link{ background-color:#4dbde6; border-color:#4dbde6; z-index:0; } /*----overlay----*/ .overlay{ position: absolute; right: 0; bottom: 0; left: 0; top: 0; background: url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///wAAACH5BAEAAAAALAAAAAAFAAUAAAIEhI+pWAA7); } a.overlay{ cursor:pointer; } /*---cursor----*/ label, .cursor-pointer{cursor:pointer;} /* Chrome, Safari, Edge, Opera */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; } /* Firefox */ input[type=number]{ -moz-appearance: textfield; } /*--sizing---*/ .w-0{width:0px !important;} .w-1{width:1px !important;} .w-auto{width:auto !important;} .h-auto{height:auto !important;} .min-w-100{min-width:100%;} .max-w-100{max-width:100%;} /*----btn----*/ .btn-info{color:#FFF;} .btn-gray{ background-color: #EAEAEA; border-color: #EAEAEA; } .btn-site{ background-color: #4dbde6; border-color: #4dbde6; color:#FFF !important; } .btn-big{ padding:1rem 1.5rem !important; } .btn-badge{ position: absolute !important; top: -8px !important; right: -8px !important; } .btn-secondary, .btn-danger{ color: #FFF; } /*---correct---*/ .form-check-input{margin:0; vertical-align: middle;} .input-group-text .form-check-input, .input-group-text{font-size:initial;} /*----custom onoff btn----*/ .btn-onoff{ display:inline-block; margin:0 !important; padding:0; line-height:0; } .btn-onoff input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; } .btn-onoff span{ position: relative; height: 20px; width: 32px; transition: all 0.15s ease-out 0s; background-color: #FFF; border: 2px solid #51c6f1; border-radius:.2rem; color: #fff; cursor: pointer; display: inline-block; vertical-align:middle; outline: none; -moz-border-radius: 34px; -webkit-border-radius: 34px; -o-border-radius: 34px; -ms-border-radius: 34px; -khtml-border-radius: 34px; border-radius: 34px; } .btn-onoff span:after { position: absolute; content: ""; height: 16px; width: 16px; left: 0; bottom: 0; background-color: #51c6f1; border:1px solid #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: .4s; transition: .4s; } .btn-onoff input:checked + span:after{ -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); background-color:#FFF; border-color:#51c6f1; } .btn-onoff input:checked + span{ background-color:#51c6f1; } /*----custom spotlight btn----*/ .btn-featured{ display:inline-block; margin:0 !important; padding:0; line-height:0; } .btn-featured input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; } .btn-featured .icon-featured{ cursor: pointer; color:#949494; font-size:2rem; } .btn-featured input:checked + .icon-featured{ color:#51c6f1; } /*----custom order btn----*/ .btn-orderby{ display:inline-block; margin:0; padding:0; line-height:0; } .btn-orderby input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; } .btn-orderby .icon-orderby{ cursor: pointer; display: inline-block; vertical-align:middle; outline: none; font-size:1.6rem; color:#949494; width:10px; } .btn-orderby input:checked + .icon-orderby{ color:#51c6f1; } /*---dropdown----*/ .dropdown-menu{ font-size:inherit !important; } .dropdown .dropdown-toggle.no-caret:after{display:none;} /*----modal-----*/ .modal{z-index:10000; /*background:rgba(0, 0, 0, 0.13) url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///wAAACH5BAEAAAAALAAAAAAFAAUAAAIEhI+pWAA7);*/} .modal.opaque{z-index:10000; background:#f8f9fa url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///wAAACH5BAEAAAAALAAAAAAFAAUAAAIEhI+pWAA7);} .modal-backdrop{display:none !important;} .modal-dialog{ margin:0 auto; width:auto; position:absolute; padding: 10px 8px !important; min-width:250px; } .modal-content{ border:0; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; } .modal-body{ padding:5%; } .modal-footer{ border:0; padding:5%; padding-top:0; text-align:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal-footer>:not(:first-child) { margin-left: .25rem; } .modal-open .site{ -ms-filter: blur(.2rem); -webkit-filter: blur(.2rem); filter: blur(.2rem); /*height:100% !important; overflow:auto;*/ } /*---SEARCH INPUT Q----*/ .search-q-wrap{ position:relative; } .search-q-wrap .search-q{ padding-left:3rem; } .search-q-icon{ position:absolute; left: .8rem; top: .3rem; font-size: 1.8rem; } /*----autocomplete----*/ .pac-container{ border:0; box-shadow: 0px 5px 6px rgb(0 0 0 / 30%) !important; -moz-box-sizing: 0 !important; padding-top:10px; font-family: inherit !important; } .pac-item{ padding:4px !important; font-size:inherit !important; } .pac-item-query{ font-size:inherit !important; } /*---tables----*/ .table td, .table th, .table thead th{ vertical-align:middle; } .table-ct-hover tbody tr:hover{background-color:#f9fafc !important;} /*---loading----*/ .loadingfx { display: inline-block; height: 50px; width: 50px; position:relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .loadingfx:before, .loadingfx:after{ content: ""; border: 2px solid #4dbde6; width: 100%; height: inherit; position: absolute; top:0; right:0; bottom:0; left: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .loadingfx:before{ transform: scale(1, 1); opacity: 1; -webkit-animation: outside .6s infinite linear; animation: outside .6s infinite linear; -webkit-animation-name: ldoutside; animation-name: ldoutside; } .loadingfx:after{ transform: scale(0, 0); opacity: 0; -webkit-animation: inside .6s infinite linear; animation: inside .6s infinite linear; -webkit-animation-name: ldinside; animation-name: ldinside; } @-webkit-keyframes ldinside { from { -webkit-transform: scale(.5, .5); opacity: 0 } to { -webkit-transform: scale(1, 1); opacity: 1 } } @keyframes ldinside { from { transform: scale(.5, .5); opacity: 0 } to { transform: scale(1, 1); opacity: 1 } } @-webkit-keyframes ldoutside { from { -webkit-transform: scale(1, 1); opacity: 1 } to { -webkit-transform: scale(1.5, 1.5); opacity: 0 } } @keyframes ldoutside { from { -webkit-transform: scale(1, 1); opacity: 1 } to { -webkit-transform: scale(1.5, 1.5); opacity: 0 } } /*----rating----*/ /*----stars rate----*/ .starsrate{white-space:nowrap; color:#EEE; cursor:default; display:inline-block;} .starsrate:after{content: ""; display: block; clear: both;} .starsrate .star{ color:#D8D8D8; font-size:18px; line-height:1; /*float:left;*/ position:relative; display: inline-block; vertical-align: middle; margin-left:-3%; } .starsrate .star:first-child{ margin-left:0; } .starsrate .star.on{ color:orange;/*#DF6342;*/ } .starsrate .star .star{ position:absolute; overflow:hidden; width:50%; } .starsrate .rates-num{float:left; color:#A1C5FC; font-weight:bold; margin-left:4px;}