.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: "Tahoma", Geneva, 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, .btn{ 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;} .body-bg{ background-color:#f8f9fa; } .text-site{ color:#4dbde6; } .text-red{ color:#DF2020; } .text-orange{ color:orange; } .bg-site{ background-color:#4dbde6; } .bg-orange{ background-color:orange; } .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; } /*----btn----*/ .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; } /*----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; } /*---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; } /*---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{ width:100% !important; left: 0 !important; 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; } /*---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:inherit; 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;}