@charset "UTF-8"; @media (min-width: 870px) { .widget.bubble { display: none !important; } } @media (max-width: 870px) { .widget.subscribe-bonus { display: none !important; } } @media (max-width: 496px) { .widget.subscribe-bonus { display: none !important; } } @media (max-width: 444px) { .widget-modal .widget-modal__content { width: inherit !important; } } @media (max-width: 392px) { .project-options table tr td:last-of-type { display: none; } } @keyframes light { 0% { background-position: -100%; } 100% { background-position: 100%; } } .faq { padding: 5px; margin-bottom: 15px; } .faq h2 { margin-top: 15px; color: #faaf04; } .faq .panel-group .panel { margin-bottom: 5px; border-color: #777; } .faq .panel-heading { padding: 0; } .faq .panel-heading .panel-title { color: #333; background: #555; } .faq .panel-heading .panel-title h3 { margin: 0; font-size: 1.1rem; font-weight: bold; } .faq .panel-heading .panel-title a { display: flex; align-items: center; padding: 10px 15px; text-decoration: none; color: #edd800; text-shadow: 1px 1px #333; line-height: 1.2; } .faq .panel-heading .panel-title a:hover { color: #f9517e; } .faq .panel-heading .panel-title a:after { font-family: FontAwesome; content: "\f068"; margin-left: auto; } .faq .panel-heading .panel-title a.collapsed:after { content: "\f067"; padding-left: 15px; } .faq .panel-body p { text-indent: initial; color: #333; font-size: .9rem; } .faq .panel-body p a { color: #0060b6 !important; text-decoration: underline !important; } /*************************************** * Popup 1 ***************************************/ .popup1 { height: 100%; width: 100%; top: 0; display: none; } .popup1.opened { display: block !important; } .popup1 .overlay { position: fixed; display: table; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.6); } .popup1 .overlay.opened { display: table !important; } .popup1 .middle { display: table-cell; vertical-align: middle; } .popup1 .content { display: block; width: 400px; max-width: 100%; max-height: 100%; margin-left: auto; margin-right: auto; overflow: auto; background: white; box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9); position: relative; } .popup1 .content .btn-close { position: absolute; top: 5px; right: 0; width: 40px; height: 40px; opacity: .8; cursor: pointer; } .popup1 .content .btn-close:hover { opacity: 1; } .popup1 .content .btn-close:before, .popup1 .content .btn-close:after { position: absolute; left: 15px; content: ' '; height: 35px; width: 2px; background-color: #333; } .popup1 .content .btn-close:before { transform: rotate(45deg); } .popup1 .content .btn-close:after { transform: rotate(-45deg); } .popup1 .content .body { padding: 15px 30px; color: #333; } .popup1 .content .body .info p { text-align: center; } .popup1 .content .body h2 { font-size: 1.8rem; text-align: center; color: #4CAF50; border-top: 1px solid #ccc; padding-top: 15px; } .popup1 .btn-subscribe { display: block; padding: 10px 0; font-weight: 700; font-size: 1.1rem; text-transform: uppercase; text-shadow: 1px 1px #888; text-align: center; color: #fff; border-radius: 23px; margin-bottom: 5px; background-color: #2ca653; cursor: pointer; box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.35); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .popup1 .btn-subscribe:after { font-family: "FontAwesome"; content: "\f0a9"; padding-left: 5px; } .popup1 .btn-subscribe:hover { background-color: #30c46c; box-shadow: 0 0 15px 0 rgba(45, 221, 108, 0.55); text-decoration: none; } .popup1 .сountdown { text-align: center; font-size: 2rem; } .popup1 .link-go { text-align: center; display: block; color: deepskyblue; text-decoration: underline; } .mobile .popup1 .content { width: 100%; } /*************************************** * Buttons ***************************************/ .buttons .btn-go, .buttons .btn-reshare { display: block; font-size: 1.1rem; text-align: center; padding: 7px 0; color: #333; border-radius: 50px; text-transform: uppercase; background: #FFC107; margin-bottom: 5px; font-weight: bold; cursor: pointer; } .buttons .btn-go i, .buttons .btn-reshare i { margin-left: 3px; } .buttons .btn-go { color: #fff; background: #f27011; } .game .btn-go { display: block; padding: 5px 35px; color: #fff; border-radius: 3px; text-shadow: 1px 1px 1px #000; margin: 5px 0; font-size: 2rem; text-transform: uppercase; background: #ffb444; background: -moz-linear-gradient(top, #ffb444 0%, #fc7e00 100%); background: -webkit-linear-gradient(top, #ffb444 0%, #fc7e00 100%); background: linear-gradient(to bottom, #ffb444 0%, #fc7e00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb444', endColorstr='#fc7e00',GradientType=0 ); } .game .btn-go:hover { background: #ffc77f; background: -moz-linear-gradient(top, #ffc77f 0%, #f79d42 100%); background: -webkit-linear-gradient(top, #ffc77f 0%, #f79d42 100%); background: linear-gradient(to bottom, #ffc77f 0%, #f79d42 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc77f', endColorstr='#f79d42',GradientType=0 ); } /*************************************** * Casino options 4 ***************************************/ .c-options { margin-bottom: 30px; background-color: #3a3a3a; padding: 5px; } .c-options:after { content: ''; display: table; clear: both; } .c-options h2 { text-transform: uppercase; text-align: center; font-size: 1rem; margin-top: 0; font-weight: bold; } .c-options table { padding-left: 0; color: #fff; width: 100%; border: 1px solid #ddd; } .c-options table tr td { width: 50%; padding: 5px 10px; border: 1px solid #ddd; } .c-options table tr td i { width: 20px; text-align: center; margin-right: 5px; color: #f27011; } .c-options table tr td span { float: right; } /*************************************** * Game list 1 ***************************************/ .slots-best .items { padding-right: 5px; padding-left: 5px; } .slots-best .items > div { padding-right: 10px; padding-left: 10px; } .slots-best .items .item { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #333; } .slots-best .items .item .img { position: relative; } .slots-best .items .item .img .buttons { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .slots-best .items .item .img .buttons:hover { background: rgba(0, 0, 0, 0.8); } .slots-best .items .item .img .buttons:hover .btn-go { visibility: visible; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -moz-opacity: 1; -o-opacity: 1; -webkit-opacity: 1; opacity: 1; } .slots-best .items .item .img .buttons .btn-go { visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 1.2rem; line-height: 1.8; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 70%; height: 36%; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -moz-opacity: .5; -o-opacity: .5; -webkit-opacity: .5; opacity: .5; filter: alpha(opacity=50); -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .slots-best .items .item .img .buttons .btn-go:hover { -moz-opacity: 1; -o-opacity: 1; -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .slots-best .items .item .img img { border: 1px solid #333; width: 100%; } .slots-best .items .item .title, .slots-best .items .item .ruTitle { text-align: center; display: block; color: #fff; font-size: .85rem; margin-bottom: 7px; line-height: 1; } .slots-best .items .item .title { text-transform: uppercase; font-weight: bold; } /*************************************** * Main Casino List ***************************************/ .casinos .items { padding-right: 10px; padding-left: 10px; } .casinos .items > div { padding-left: 5px; padding-right: 5px; } .casinos .item { border-bottom: 2px solid #333; padding: 20px 0; } .casinos .item .item-img img { width: 100%; border: 2px solid #333; cursor: pointer; } .casinos .item .item-title, .casinos .item .item-title2 { display: block; font-size: .9rem; text-align: center; color: #fff; margin-bottom: 7px; line-height: 1; } .casinos .item .item-title { text-transform: uppercase; font-weight: bold; } .casinos .item .buttons { text-align: center; margin-top: 15px; } .casinos .item .buttons a { padding: 12px 0; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 1px; font-weight: bold; font-size: .9rem; text-transform: uppercase; line-height: 1rem; } .casinos .item .buttons a.btn-go { background: #fc7e00; margin-bottom: 15px; } .casinos .item .buttons a.btn-go:hover { background: #ffc77f; background: -moz-linear-gradient(top, #ffc77f 0%, #f79d42 100%); background: -webkit-linear-gradient(top, #ffc77f 0%, #f79d42 100%); background: linear-gradient(to bottom, #ffc77f 0%, #f79d42 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc77f', endColorstr='#f79d42',GradientType=0 ); } .casinos .item .buttons a.btn-view { background: #7a7a7a; } .casinos .item .buttons a.btn-view:hover { background: #d6d6d6; background: -moz-linear-gradient(top, #d6d6d6 0%, #969696 100%); background: -webkit-linear-gradient(top, #d6d6d6 0%, #969696 100%); background: linear-gradient(to bottom, #d6d6d6 0%, #969696 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#969696',GradientType=0 ); } /*************************************** * Breadcrumbs ***************************************/ .breadcrumb { padding: 8px 0; background-color: inherit; border-radius: 0; color: #aaa; margin: 0 -15px; font-size: .8rem; line-height: 1; } .breadcrumb a { color: #47abd7; } .breadcrumb a:hover { color: #ff7603; } .mobile .breadcrumb { margin-left: inherit; margin-right: inherit; font-size: .8rem; } /*************************************** * Logo ***************************************/ .navbar-brand { padding: 0; display: flex; align-items: center; margin: 0; color: #fff; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; transition: all 0.3s ease-in-out; font-weight: bold; } .navbar-brand:hover { color: #9ad14b; transition: all 0.3s ease-in-out; } .navbar-brand:before { content: ''; background-image: url(../img/logo.png?v2); background-size: contain; background-repeat: no-repeat; background-position: left center; width: 33px; height: 30px; } .navbar-brand span { color: #faaf00; font-size: 1.4rem; padding-top: 2px; font-weight: normal; } .mobile .navbar-brand { margin-left: 5px; font-size: 1.3rem; } /*************************************** * Play modal ***************************************/ .modal-play { display: none; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 8888; } .modal-play .iframe { top: 0; display: block; width: 75%; margin: auto; position: absolute; left: 0; right: 0; height: 75%; bottom: 0; padding: 15px; background: #000; } .modal-play .iframe iframe { width: 100%; height: 100%; } .modal-play .iframe .close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #555; margin-right: -50px; opacity: .8; } .modal-play .iframe .close:hover { opacity: 1; } .modal-play .iframe .close:before, .modal-play .iframe .close:after { position: absolute; left: 23px; content: ' '; height: 50px; width: 2px; background-color: #333; } .modal-play .iframe .close:before { transform: rotate(45deg); } .modal-play .iframe .close:after { transform: rotate(-45deg); } /*************************************** * Social ***************************************/ .socials { text-align: center; margin: 15px auto 18px auto; } .socials li { text-align: left; } /*************************************** * Content position ***************************************/ .content { display: flex; flex-direction: column; } .content .content-top, .content .content-bottom, .content .content-middle { flex: 1 100%; } .content .content-top { order: 1; } .content .content-middle { order: 2; } .content .content-bottom { order: 3; } .content .flex-order-1 { order: 1; } /*************************************** * Casino Table Properties ***************************************/ .project-properties { font-size: .9rem; } .project-properties h2 { text-align: center; } .project-properties table { width: 100%; margin-top: 15px; color: #eee; } .project-properties table tr { background: #3c3c3c; padding: 1px 0; } .project-properties table tr:nth-of-type(2n) { background: #1d1d1d; } .project-properties table tr td { padding: 7px; } .project-properties table tr td:first-of-type { width: 30%; font-weight: bold; border-right: 1px solid #ccc; color: #eee; } .project-properties table tr td:nth-of-type(2) { padding-left: 15px; } .project-properties table tr td i { width: 30px; color: #ff0036; } .project-properties table tr td ul { list-style: none; padding: 0; margin-bottom: 0; } .project-properties table tr td ul li { display: inline-block; } .project-properties table tr .website { font-weight: bold; } .project-properties table tr .website a { color: #fff; text-decoration: underline; } .mobile .project-properties table tr td:first-of-type { font-size: .75rem; width: 45%; text-align: center; } .mobile .project-properties table tr td:first-of-type i { font-size: .7rem; width: 100%; } .mobile .project-properties table tr td ul li { margin-bottom: 0; } /*************************************** * Slider games ***************************************/ aside .games-p { padding-bottom: 40px !important; } aside .games-p:after { content: ' '; display: table; clear: both; } aside .games-p .items { padding: 0; } aside .games-p .items .item { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px dotted #2e4c6f; } aside .games-p .items .item > a { padding: 0; } aside .games-p .items .item img { width: 100%; } aside .games-p .items .item .t1, aside .games-p .items .item .t2 { font-size: .7rem; } aside .games-p .items .item .t1 { line-height: 1; } aside .games-p .items .item .t1 a { color: #ffad40; } aside .games-p .items .item .buttons { padding: 0; } aside .games-p .items .item .buttons a { font-size: .7rem; padding: 5px 8px; text-transform: uppercase; font-weight: bold; float: right; line-height: initial; } aside .games-p .items .item .buttons .btn-play { border: 2px solid #2fab2f; color: #2fab2f; } aside .games-p .items .item .buttons .btn-play:hover { border-color: yellow; } aside .games-p .slider { height: 0; } aside .games-p .slider.loaded { height: auto; } aside .games-p .slider .slick-slide { outline: none; } aside .games-p .slider button.slick-arrow { bottom: -40px; top: inherit; } aside .games-p .slider button.slick-arrow.slick-prev:before, aside .games-p .slider button.slick-arrow.slick-next:before { font-family: FontAwesome; } aside .games-p .slider button.slick-arrow.slick-prev { right: 10%; left: initial; } aside .games-p .slider button.slick-arrow.slick-prev:before { content: "\f13a"; } aside .games-p .slider button.slick-arrow.slick-next { right: 2%; } aside .games-p .slider button.slick-arrow.slick-next:before { content: "\f139"; } /*************************************** * Video Modal ***************************************/ .project-videos-modal { display: none; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 8888888; } .project-videos-modal .iframe { top: 0; display: block; width: 50%; margin: auto; position: absolute; left: 0; right: 0; height: 50%; bottom: 0; } .project-videos-modal .iframe iframe { width: 100%; height: 100%; } .project-videos-modal .iframe .close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #555; margin-right: -50px; opacity: .8; } .project-videos-modal .iframe .close:hover { opacity: 1; } .project-videos-modal .iframe .close:before, .project-videos-modal .iframe .close:after { position: absolute; left: 23px; content: ' '; height: 50px; width: 2px; background-color: #333; } .project-videos-modal .iframe .close:before { transform: rotate(45deg); } .project-videos-modal .iframe .close:after { transform: rotate(-45deg); } /*************************************** * Widget Video Show Center ***************************************/ .wd.cas-video { clear: both; background: rgba(0, 0, 0, 0.2); border: 1px solid #333; padding: 10px 0px; } .wd.cas-video:after { content: ' '; display: table; clear: both; } .wd.cas-video .title { text-align: center; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } .wd.cas-video .items { padding: 0; } .wd.cas-video .items > div { padding: 0 8px; margin-bottom: 15px; } .wd.cas-video .items > div:last-of-type { margin-bottom: 0; } .wd.cas-video .items .item { list-style: none; cursor: pointer; position: relative; border: 1px solid #333; } .wd.cas-video .items .item .item-img img { width: 100%; opacity: .5; display: block; } .wd.cas-video .items .item .item-desc { padding: 5px; position: absolute; bottom: 0; width: 100%; background: rgba(78, 78, 78, 0.7); color: #fff; z-index: 2; line-height: 1.2; margin: 0; } .wd.cas-video .items .item i { top: 30%; right: 0; left: 0; position: absolute; display: block; font-size: 2.5rem; text-align: center; z-index: 1; color: #90b7b9; } .wd.cas-video .items .item i:hover { color: forestgreen; } .wd.cas-video .items .item i:active { box-shadow: none; } /*************************************** * Mirrors ***************************************/ .mirrors { border: none; } .mirrors table { width: 90%; margin: 30px auto; border: 1px solid #565656; } .mirrors table td { padding: 5px; border: 1px solid #565656; text-align: center; background: #3a3a3a; } .mirrors table td a { font-weight: bold; color: #ff7a00; } /*************************************** * Casino options ***************************************/ .project-options { font-size: .9rem; } .project-options table { width: 100%; } .project-options table tr td:first-of-type { padding-right: 10px; } .project-options table tr td i { margin-right: 5px; width: 10px; } .project-options table tr td .fa-check { color: #44be4c; } .project-options table tr td .fa-times { color: #c71000; } .project-options table tr td a { color: inherit; text-decoration: none; } .project-options table tr td a:hover { text-decoration: underline; } /*************************************** * Load casinos, bonuses ***************************************/ .load-casinos, .load-bonuses { width: 100%; text-transform: uppercase; font-size: 1.5rem; font-weight: bold; line-height: 1; text-shadow: 1px 1px 1px #000; background: #00b000; color: #fff; padding: 15px 0; margin-bottom: 20px; } .load-casinos:hover, .load-bonuses:hover { color: #fff; } .load-casinos:focus, .load-casinos:active, .load-bonuses:focus, .load-bonuses:active { color: #fff; outline: none !important; } .load-casinos i, .load-bonuses i { color: #fff; } /*************************************** * Btn UP ***************************************/ .btn-up { position: fixed; bottom: -50px; right: 40px; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #2fab2f; background: #2fab2f; z-index: 49; transition: .4s; } .btn-up.active { bottom: 50px; } .btn-up:focus { outline: none; } .btn-up::after { content: ''; width: 15px; height: 15px; border-top: 3px solid #1e1e1e; border-left: 3px solid #1e1e1e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 6px; bottom: 0; left: 0; right: 0; margin: auto; } /*************************************** * Subscribe ***************************************/ .widget.subscribe-email { display: block; position: fixed; z-index: 2; bottom: 30px; left: 5%; width: 40px; height: 40px; cursor: pointer; background: url(../img/gift.png) center center no-repeat; background-size: contain; animation-duration: 3s; animation-delay: 2s; animation-iteration-count: infinite; } .widget.subscribe-email.opened { animation-play-state: paused; } .mobile .widget { bottom: 8%; } .widget-modal { height: 100%; width: 100%; top: 0; display: none; } .widget-modal.opened { display: block !important; } .widget-modal .overlay { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.6); } .widget-modal .overlay.opened { display: table !important; } .widget-modal .middle { display: table-cell; vertical-align: middle; } .widget-modal .widget-modal__content { display: block; width: 400px; max-width: 100%; max-height: 100%; margin-left: auto; margin-right: auto; overflow: auto; background: white; box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9); position: relative; } .widget-modal .widget-modal__content .widget-modal__btn-close { position: absolute; top: 5px; right: 0; width: 40px; height: 40px; opacity: .8; cursor: pointer; } .widget-modal .widget-modal__content .widget-modal__btn-close:hover { opacity: 1; } .widget-modal .widget-modal__content .widget-modal__btn-close:before, .widget-modal .widget-modal__content .widget-modal__btn-close:after { position: absolute; left: 15px; content: ' '; height: 35px; width: 2px; background-color: #333; } .widget-modal .widget-modal__content .widget-modal__btn-close:before { transform: rotate(45deg); } .widget-modal .widget-modal__content .widget-modal__btn-close:after { transform: rotate(-45deg); } .widget-modal .widget-modal__content .widget-modal__body { padding: 15px 30px; color: #333; } .widget-modal .widget-modal__content .widget-modal__body .email-img { background: #fff url(../img/email.png) center center no-repeat; height: 64px; background-size: contain; } .widget-modal .widget-modal__content .widget-modal__body .result .img { display: block; text-align: center; font-size: 4rem; } .widget-modal .widget-modal__content .widget-modal__body .result .img.fa-check-circle-o { color: #4CAF50; } .widget-modal .widget-modal__content .widget-modal__body .result .img.fa-exclamation-circle { color: orangered; } .widget-modal .widget-modal__content .widget-modal__body .result .email-service { text-align: center; display: block; color: #337ab7; font-weight: bold; font-size: 1.3rem; text-decoration: underline; } .widget-modal .widget-modal__content .widget-modal__body.loader { background: url(../img/loader.gif) no-repeat; background-position: center; } .widget-modal .widget-modal__content .widget-modal__body.loader h2, .widget-modal .widget-modal__content .widget-modal__body.loader p, .widget-modal .widget-modal__content .widget-modal__body.loader form { visibility: hidden; } .widget-modal .widget-modal__content .widget-modal__body h2 { font-size: 1.8rem; text-align: center; color: #4CAF50; } .widget-modal .widget-modal__content .widget-modal__body p { margin: 15px auto; text-align: center; } .widget-modal .widget-modal__content .widget-modal__body .form-control { border-radius: 0; min-height: 50px; } .widget-modal .widget-modal__content .widget-modal__body input[type="submit"] { border-radius: 0; font-size: 1.5rem; font-weight: bold; background-color: #4CAF50; color: #FFFFFF; display: block; margin: 15px auto 0 auto; } .widget-modal .widget-modal__content .widget-modal__body input[type="submit"]:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .widget.bubble .area { position: fixed; width: 100%; bottom: 5%; right: 5%; height: 44px; } .widget.bubble .toggle { display: block; position: absolute; right: 0; background: #FCFCFC; border: none; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 100%; cursor: pointer; border: 4px solid rgba(255, 255, 255, 0.3); transition: all 0.2s ease; z-index: 4; outline: none; } .widget.bubble .toggle:hover { transform: scale(0.8); } .widget.bubble .toggle.active { transform: none; border: 4px solid #0ADACD; } .widget.bubble .toggle.active .icon { transform: rotate(315deg); } .widget.bubble .toggle.active ~ .card { opacity: 1; transform: rotate(0); } .widget.bubble .toggle.active ~ .card h1, .widget.bubble .toggle.active ~ .card p { opacity: 1; transform: translateY(0); } .widget.bubble .button { position: absolute; right: 0; border: none; width: 42px; height: 42px; border-radius: 100%; cursor: pointer; transition: all 0.3s ease; z-index: 1; } .widget.bubble .button:before { content: ""; position: absolute; width: 120px; height: 120px; opacity: 0; border-radius: 100%; top: -40px; left: -40px; background: #8ED6D1; animation: bubble 3s ease-out infinite; } .widget.bubble .button:after { content: ""; position: absolute; width: 120px; height: 120px; opacity: 0; border-radius: 100%; top: -40px; left: -40px; z-index: 1; background: #8ED6D1; animation: bubble 3s 0.8s ease-out infinite; } .widget.bubble .icon { display: inline-block; position: relative; width: 16px; height: 16px; z-index: 5; transition: all 0.3s ease-out; } .widget.bubble .icon .horizontal { position: absolute; width: 100%; height: 4px; background: linear-gradient(-134deg, #6DCD42 0%, #0ADACD 100%); top: 50%; margin-top: -2px; } .widget.bubble .icon .vertical { position: absolute; width: 4px; height: 100%; left: 50%; margin-left: -2px; background: linear-gradient(-134deg, #6DCD42 0%, #0ADACD 100%); } @keyframes bubble { 0% { opacity: 0; transform: scale(0); } 5% { opacity: 1; } 100% { opacity: 0; } } .widget.bubble .card { width: 400px; overflow: hidden; position: relative; background: #FCFCFC; border-radius: 10px; margin-top: -25px; margin-left: 25px; opacity: 0; transform: rotate(5deg); transform-origin: top left; transition: all 0.2s ease-out; } .widget.bubble .card-content { display: inline-block; vertical-align: middle; width: 350px; padding: 30px; border-right: 1px solid #f0f0f0; } .widget.bubble .card-more { display: inline-block; vertical-align: middle; width: 40px; height: auto; text-align: center; } .widget.bubble .card-more p { color: #0ADACD; font-size: 2em; font-weight: 700; line-height: 1; cursor: pointer; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .widget.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @media (max-width: 444px) { .widget-modal .widget-modal__content { width: inherit !important; } } /*************************************** * Carousel ***************************************/ .carousel { margin: 30px auto; } .carousel .item > div { padding: 0; } .carousel .item > div img { width: 100%; } /*.carousel { &.project-images { &.slide { width: 70%; margin: 3rem auto 0 auto; img { width: 100%; border: 1px #aaa solid; padding: 2px; } } .carousel-control.left, .carousel-control.right { background-image: none; i { margin-left: -80%; margin-right: -80%; } } } }*/ /*************************************** * Comments ***************************************/ .comments { border-top: 1px solid #FF5722; margin-top: 30px; padding: 10px; } .comments h2, .comments h3 { color: #000; font-weight: bold; margin-top: 2rem !important; } .comments .header { margin: 0 0 24px; border-bottom: 2px solid #e7e9ee; } .comments .header ul { font-size: 1rem; list-style: none; padding: 0; margin: 0; } .comments .header ul li { display: inline-block; padding: 12px 0; position: relative; } .comments .header ul .count span:after { content: " "; display: block; height: 2px; background: #FF5722; position: absolute; bottom: -2px; left: 0; right: 0; } .comments .header ul .count { font-weight: bold; color: #FFF; } .comments .header ul .login { float: right; color: #fff; font-weight: 700; line-height: 1; } .comments .header ul .login i { margin-right: 10px; } .comments form textarea { overflow: auto; word-wrap: break-word; max-height: 350px; background: #eee; border: 2px solid #ffcb7e; position: relative; border-radius: 4px; margin: 0; width: 89%; color: #000; } .comments form .user { display: inline-block; margin-right: 2%; vertical-align: top; width: 8%; } .comments form .user img { width: 100%; } .comments form .author select { width: 100px; } .comments form input[type='submit'], .comments .fos_comment_comment_reply_cancel, .comments form .btn, .comments .fos_comment_thread_commentable button { background: #007a0b; border: 0; color: #fff; border-radius: 4px; font-weight: bold; font-size: 1rem; padding: 3px 12px; } .comments form input[type='submit']:hover, .comments .fos_comment_comment_reply_cancel:hover, .comments form .btn:hover, .comments .fos_comment_thread_commentable button:hover { background: #ccc; } .comments .fos_comment_comment_reply_cancel { background: #aaa; } .comments .fos_comment_thread_commentable { margin-bottom: 1rem; } .comments .caret { width: 0; height: 0; text-indent: -99999px; border-left: 4px solid transparent; border-right: 4px solid transparent; opacity: 1; content: "\2193"; } .comments .fos_comment_submit { text-align: right; } .comments .fos_comment_comment_metas { margin: 0 0 0.5em 0; padding: 0 2px; } .comments .fos_comment_comment_metas .fos_comment_comment_authorname { font-weight: bold; font-size: .95rem; color: #fff; } .comments .fos_comment_comment_metas .time-ago { font-size: .95rem; color: #656c7a; font-weight: 500; } .comments .fos_comment_comment_metas button { background: #eee; font-size: .8rem; border-radius: 4px; padding: 2px 4px; border: none; } .comments .fos_comment_comment_metas button:hover { color: #000; } .comments .fos_comment_comment_show { color: #efefef; } .comments .fos_comment_comment_show .user { float: left; margin-right: 1%; width: 8%; } .comments .fos_comment_comment_show .user img { width: 100%; } .comments .fos_comment_comment_show .comment_body { overflow: auto; margin-bottom: .5rem; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply { text-align: left; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply .fos_comment_comment_new_form textarea { width: 91% !important; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply .fos_comment_comment_form_holder .header { overflow: auto; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply.replying { text-align: left; margin-top: 1em; padding: 1em 20px; background: #d6d6d6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply.fos_comment_replying button.fos_comment_comment_reply_show_form { display: none; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply button { padding: 0; font-size: 0.8em; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply button.fos_comment_comment_edit_show_form, .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply button.fos_comment_comment_remove { color: orangered; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply button.fos_comment_comment_reply_show_form { color: green; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_reply button { background: none; border: none; } .comments .fos_comment_comment_show .comment_body .fos_comment_comment_replies { margin-top: 1rem; } .mobile h1, .mobile .h1 { font-size: 1.4rem; } .mobile h2, .mobile .h2 { font-size: 1.3rem; } .mobile h3, .mobile .h3 { font-size: 1.25rem; } .mobile h4, .mobile .h4 { font-size: 1.2rem; } .mobile h5, .mobile .h5 { font-size: 1.1rem; } .mobile main p { text-align: left; } .mobile main .homepage.games .ruTitle { font-size: .65rem; } .mobile main .homepage.games .title { font-size: .8rem; } .mobile main .game .iframe .btn-go { font-size: 1.1rem; } html { font-size: 16px; } body { font-family: Century Gothic, Tahoma, Arial, sans-serif; font-size: 1rem; color: #efefef; line-height: 1.5; margin: 0 auto; height: 100%; padding: 0; background: #1e1e1e; outline: none; } body a { outline: none; color: #F5BE19; } body a:hover { color: #FFD147; } body a:focus { color: #ff3218; } body h1, body .h1 { font-size: 1.8rem; } body h2, body .h2 { font-size: 1.6rem; } body h3, body .h3 { font-size: 1.4rem; } body h4, body .h4 { font-size: 1.2rem; } body h5, body .h5 { font-size: 1.1rem; } header { background: #313131; border-top: 3px solid #ffb000; } header .navbar { margin-bottom: 0; margin-left: -15px; border: 0; } header .navbar .navbar-header .navbar-brand { color: #fff; font-weight: bold; padding-left: 0; padding-right: 0; } header .navbar .navbar-header .navbar-toggle { margin-right: 0; } header .navbar .navbar-header .navbar-toggle .icon-bar { background-color: #ffb000; } header .navbar nav ul { margin-bottom: 0; } header .navbar nav ul li { font-family: 'Montserrat', sans-serif; font-size: .9rem; font-weight: bold; text-transform: uppercase; border-left: 1px solid #312121; } header .navbar nav ul li:last-of-type { border-right: 1px solid #312121; } header .navbar nav ul li a { color: #ffffff; padding-left: 10px; padding-right: 10px; } header .navbar nav ul li a:hover, header .navbar nav ul li a:active, header .navbar nav ul li a:focus { background: rgba(0, 0, 0, 0.5); color: #ffb000; } .mobile header .navbar nav ul li { border: none; } .mobile header .navbar { margin-right: -15px; } header .current { border-bottom: 1px solid #fff; } header .nav li .icon { background: url(../img/sprite.png) no-repeat 0 0; display: inline-block; vertical-align: top; font-size: 0; text-indent: -9999px; } header .nav li .i-777 { width: 30px; height: 18px; background-position: -134px -59px; } header .nav li .i-roulette { width: 32px; height: 24px; background-position: -233px -3px; } header .nav li .i-cards { width: 24px; height: 26px; background-position: -206px -59px; } header .nav li .i-news { width: 22px; height: 25px; background-position: -50px -385px; } header .nav li .i-popular { width: 23px; height: 24px; background-position: -173px -192px; margin-top: -3px; } header .nav li .i-recomend-small, header .nav li .i-popular-small, header .nav li .i-history-small, header .nav li .i-favorite-small { width: 22px; height: 25px; } header .nav li .i-recomend-small { background-position: 0 -385px; margin-top: -5px; } header .nav li .i-popular-small { background-position: -25px -385px; } header .nav li .i-history-small { background-position: -50px -385px; } header .nav li .i-favorite-small { background-position: -75px -385px; } header .nav li .i-gift { width: 23px; height: 22px; background-position: 0 -328px; } header .nav li .i-soft { width: 31px; height: 22px; background-position: -40px -118px; } header .nav li.current .i-777 { background-position: -134px -80px; } header .nav li.current .i-roulet { background-position: -202px -192px; } header .nav li.current .i-cards { background-position: -206px -87px; } header .nav li.current .i-news { background-position: -50px -412px; } header .nav li.current .i-popular { background-position: -144px -192px; } header .nav li.current .i-recomend-small { background-position: 0 -413px; } header .nav li.current .i-popular-small { background-position: -25px -413px; } header .nav li.current .i-history-small { background-position: -50px -413px; } header .nav li.current .i-favorite-small { background-position: -75px -413px; } header .nav li.current .i-gift { background-position: 0 -304px; } header .nav li.current .i-soft { width: 31px; height: 24px; background-position: -40px -142px; } main { background: #292929; border-radius: 4px; margin-bottom: 15px; } main h1 { text-align: center; } main h1 { margin-top: 10px; border-bottom: 1px solid #333; padding-bottom: 5px; text-align: center; } main h2 { font-size: 1.6rem; font-weight: bold; } main h3, main h4, main h5, main h6 { color: #efefef; } main p { text-indent: 1rem; color: #ddd; } main article .desc { margin-bottom: 15px; } main article h2, main article h3, main article h4, main article h5, main article h6 { margin: 35px 0 15px 0; } main article p { text-indent: 1rem; } main article p img { float: left; width: 100%; margin: 15px 0; } main article blockquote { margin: 30px 0; border-color: #b9410e; } main article blockquote h2 { margin-top: 0 !important; } main article blockquote ol li, main article blockquote ul li { font-size: 1.2rem; font-style: normal; margin-bottom: 10px; } main article .text { clear: both; } main .items-list h1 { text-align: center; margin: 15px 0 30px 0; color: #ffe2c5; } main .items-list article { margin-bottom: 1rem; } main .items-list .item { margin-bottom: 20px; position: relative; } main .items-list .item .info { position: absolute; right: 5px; top: 0; bottom: 0; height: 100%; border: 2px solid #333; padding: 10px; } main .items-list .item .info h2, main .items-list .item .info h3 { text-align: center; font-size: 1.2rem; color: #fff; } main .items-list .item .info > div { position: static; } main .items-list .item .info .btn-view { position: absolute; bottom: 2%; right: 2%; font-style: italic; } main .items-list .item .info .description { font-style: italic; } main .items-list .item .info .description p { font-size: 1.3rem; } main .item-show ol { font-size: 1.4rem; } main .item-show .info { padding-bottom: 15px; margin-bottom: 15px; } main .item-show .info:after { content: ''; display: table; clear: both; } main .item-show .author { display: inherit; font-size: .9rem; text-align: right; margin-bottom: 5px; } main .item-show .item-image { margin-bottom: 15px; display: block; } main .item-show .item-image img { width: 100%; border: 1px solid #444; padding: 2px; } main .item-show.provider img { padding-right: 0; padding-left: 0; margin-left: 20px; float: right; } main .item-show.promo .image { padding: 0; } main .item-show.promo .image img { width: 100%; padding: 2px; border: 1px solid #555; } main .item-show.promo .btn-show, main .item-show.promo .btn-bonus { font-size: .9rem; } main .item-show .item-content p a { font-style: italic; color: #ffa5a5; } main .item-show .item-content ul { color: #fff780; } .mobile main .item-show .item-image { text-align: center; margin-bottom: 10px; } .mobile main .item-show .item-image img { width: 80%; } main .game .text p { text-indent: 2rem; } main .game .socials { text-align: right; margin: 0; } main .game .iframe { padding: 4px; text-align: center; background: linear-gradient(#979797, #454545) #969696; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; margin: 0 0 15px 0; } main .game .iframe iframe { border: 0; height: 500px; width: 100%; } main .game table.game-options { margin: 0 0 15px 15px; float: right; background: #1e1e1e; border: 1px solid #fc7e00; } main .game table.game-options .h3 { text-align: center; } main .game table.game-options tr td { padding: 5px 10px; } main .game table.game-options tr:nth-of-type(2n) { background-color: #292929; } main .promos { padding-bottom: 15px; display: flex; flex-flow: row wrap; } main .promos .item { border-bottom: 2px solid #333; padding: 20px 0; width: 100%; } main .promos .item .item-img img { width: 100%; border: 2px solid #333; cursor: pointer; margin-bottom: 15px; } main .promos .item .item-desc { align-self: flex-start; } main .promos .item .item-desc .item-title { display: block; text-transform: uppercase; margin-bottom: .5rem; font-weight: bold; font-size: 1.1rem; color: #FF5722; } main .promos .item .item-desc .rating-stars { margin-bottom: 3px; } main .promos .item .item-desc .rating-stars .fa-star { color: #ffcc08; } main .promos .item .item-desc .properties { list-style: none; padding: 0; } main .promos .item .item-desc .properties li { font-size: .9rem; line-height: 1.2; } main .promos .item .item-desc .properties li .fa { color: #0bc716; margin-right: 3px; } main .promos .item .buttons { text-align: center; margin-top: 15px; } main .promos .item .buttons a { padding: 12px 0; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 1px; font-weight: bold; font-size: .9rem; text-transform: uppercase; line-height: 1rem; } main .promos .item .buttons a.btn-go { background: #fc7e00; margin-bottom: 15px; } main .promos .item .buttons a.btn-go:hover { background: #ffc77f; background: -moz-linear-gradient(top, #ffc77f 0%, #f79d42 100%); background: -webkit-linear-gradient(top, #ffc77f 0%, #f79d42 100%); background: linear-gradient(to bottom, #ffc77f 0%, #f79d42 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc77f', endColorstr='#f79d42',GradientType=0 ); } main .promos .item .buttons a.btn-view { background: #7a7a7a; } main .promos .item .buttons a.btn-view:hover { background: #d6d6d6; background: -moz-linear-gradient(top, #d6d6d6 0%, #969696 100%); background: -webkit-linear-gradient(top, #d6d6d6 0%, #969696 100%); background: linear-gradient(to bottom, #d6d6d6 0%, #969696 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#969696',GradientType=0 ); } main .providers .item img { width: 100%; } main .providers .item a { display: block; } main .providers .item .item-title { display: block; text-align: center; text-transform: uppercase; margin: .5rem; font-weight: bold; font-size: 1.1rem; color: #FF5722; } aside { border-left: 3px solid #1e1e1e; padding-right: 0; } aside section { background: #292929; margin-bottom: 15px; border-radius: 4px; padding-left: 10px; padding-right: 10px; } aside section .title { text-transform: uppercase; font-weight: bold; text-align: center; color: #ffe2c5; padding: 10px 0; font-size: .8rem; border-top-right-radius: 4px; border-top-left-radius: 4px; } aside img { width: 100%; } aside .all-list { display: inherit; text-align: right; margin: 3px 10px; } aside .projects-top { margin-bottom: 20px; padding: 0; } aside .projects-top .items:after { content: ''; display: table; clear: both; } aside .projects-top .items > div { padding: 0 10px; } aside .projects-top .items > div:hover { background: rgba(0, 0, 0, 0.2); } aside .projects-top .items > div:last-of-type .item { border: none; } aside .projects-top .items .item { display: flex; align-items: center; border-bottom: 1px dotted #2e4c6f; padding: 10px 0; /*.buttons { a { display: inline-block; width: 48.5%; } }*/ } aside .projects-top .items .item .item-img { padding: 0; } aside .projects-top .items .item .item-img img { width: 100%; } aside .projects-top .items .item .item-title { display: inherit; text-align: center; color: #F3B300; text-transform: uppercase; font-size: .75rem; font-weight: bold; } aside .projects-top .items .item .bonus { text-align: center; font-size: .7rem; } aside .projects-top .items .item .rate { display: block; padding-right: 0; text-align: right; } aside .projects-top .items .item .rate .rating { font-weight: bold; font-size: 1rem; } aside .projects-top .items .item .rate .rating .fa-star { color: red; padding-left: 5px; } aside .projects-top .items .item .rate .reviews { font-size: .8rem; color: #888; } aside .games-last { margin-bottom: 20px; } aside .games-last a { margin: 0; padding: 2px; border: 1px solid #806140; } aside .games-last a img { width: 100%; } aside .promos { margin-bottom: 20px; padding: 5px 10px; border: 1px solid #333; } aside .promos li a { color: #eee; } aside .promos li a .project { color: #ff8888; } aside .promos2 { padding-bottom: 40px; } aside .promos2 ul li { outline: none; } aside .promos2 .items { margin: 0; } aside .promos2 .items .item { padding: 10px 0; width: 100%; } aside .promos2 .items .item > div { display: flex; align-items: center; } aside .promos2 .items .item:active { outline: none; } aside .promos2 .items .item .item-img { padding: 0; } aside .promos2 .items .item .item-img img { border: 1px solid #7a7a7a; } aside .promos2 .items .item .buttons { display: none; } aside .promos2 .items .item .promo-title, aside .promos2 .items .item .project-title { color: #eee; font-size: .85rem; line-height: 1.2; } aside .promos2 .items .item .project-title { color: #ffc800; font-weight: bold; } aside .promos2 .items .item .promo-title { margin: 4px 0; } aside .promos2 .items .item .promo-title a { color: #eee; } aside .promos2 .slider { height: 0; } aside .promos2 .slider.loaded { height: auto; } aside .promos2 button.slick-arrow { left: initial; right: 20px; bottom: -35px; top: inherit; } aside .promos2 button.slick-arrow.slick-prev:before, aside .promos2 button.slick-arrow.slick-next:before { font-family: FontAwesome; } aside .promos2 button.slick-arrow.slick-prev:before { content: "\f13a"; } aside .promos2 button.slick-arrow.slick-next { right: 0; } aside .promos2 button.slick-arrow.slick-next:before { content: "\f139"; } aside .news { margin-bottom: 20px; padding: 5px 10px; border: 1px solid #333; } aside .news li a { color: #eee; } aside ul { padding: 0; } aside ul li { list-style: none; display: flex; border-bottom: 1px dashed #555; } aside .buttons .btn-view, aside .buttons .btn-go { font-size: .9rem; } footer { padding: 1rem 0; background: #232323; } footer .copyright { font-size: 1rem; } /* BOOTSTRAP */ .nav > li > a:focus, .nav > li > a:hover { background-color: inherit; } .pagination { text-align: center; display: block; margin: 20px 0 40px 0; } .pagination a, .pagination span.current { background: #504537; padding: 9px 15px; } .author { color: #999; font-size: 1rem; } .author a { color: #777; } .buttons { text-align: center; margin-top: 5px; } .buttons > div:first-of-type { padding-left: 0; padding-right: 2px; } .buttons > div:last-of-type { padding-left: 2px; padding-right: 0; } .buttons a { display: block; } .buttons .btn-view { padding: 5px 0; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 1px; } .buttons .btn-view:hover { text-decoration: none; } .buttons .btn-show, .buttons .btn-bonus { display: block; text-transform: uppercase; text-align: center; text-shadow: 1px 1px #333; background: #b94100; padding: 12px 5px; color: #FFFFFF; font-weight: bold; font-size: 1.1rem; line-height: 1; border-radius: 50px; } .buttons .btn-show:hover, .buttons .btn-bonus:hover { background: #ce4800; text-decoration: underline; } .buttons .btn-show i, .buttons .btn-bonus i { color: #f79f07; } .buttons .btn-bonus { background: #178a12; } .buttons .btn-bonus:hover { background: #1ca215; text-decoration: underline; cursor: pointer; } .buttons .btn-view { background: #7a7a7a; } .buttons .btn-view:hover { background: #d6d6d6; background: -moz-linear-gradient(top, #d6d6d6 0%, #969696 100%); background: -webkit-linear-gradient(top, #d6d6d6 0%, #969696 100%); background: linear-gradient(to bottom, #d6d6d6 0%, #969696 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#969696',GradientType=0 ); } .mobile .buttons .btn-show { margin-bottom: 8px; } blockquote { font-style: italic; color: #eee; font-size: 1rem; } .auth { margin-top: 20px; padding: 0; } .auth .log-btn { display: inline-block; color: white; text-shadow: 1px 1px 1px #0b3e00; font-size: 18px; font-weight: bold; text-decoration: none; margin-bottom: 7px; padding: 4px 0; outline: none; border-width: 2px 0; border-style: solid none; border-color: #326a00 #000 #004b01; border-radius: 3px; background: linear-gradient(#0d541b, #008d0f) #027f00; transition: 0.2s; text-align: center; margin-left: -5px; } .auth .log-btn:hover { background: linear-gradient(#0e5e1e, #008d0f) #028a00; } .auth .reg-btn { display: inline-block; color: white; text-shadow: 1px 1px 1px #830000; font-size: 18px; font-weight: bold; text-decoration: none; margin-bottom: 7px; padding: 4px 0; outline: none; border-width: 2px 0; border-style: solid none; border-color: #850000 #000 #700000; border-radius: 3px; background: linear-gradient(#680000, #9c0000) #7f0000; transition: 0.2s; text-align: center; margin-left: 5px; } .auth .reg-btn:hover { background: linear-gradient(#740000, #ae0000) #7f0000; } /*************************************** * Casino Properties v3 ***************************************/ .su-table { padding: 5px; background: #555; margin-bottom: 2rem; color: #333; } .su-table h4 { color: #F5BE19; } .su-table table { width: 100%; font-size: .9rem; text-align: left; } .su-table table td { padding: 0.4rem; border: 1px solid #ccc; background: #a7a7a7; } .su-table table tr:nth-of-type(2n + 1) td { background: #808080; } /*.panel-group { margin-bottom: 0; border-radius: 4px; .panel+.panel { margin: inherit; } .panel { box-shadow: 0 1px 1px rgba(0,0,0,.05); background-color: #555; border: 1px solid transparent; .panel-title { padding: 5px; margin-bottom: 0; font-size: 1rem; margin-top: inherit; text-align: left; background: #555; & > a { display: block; text-decoration: none; span { margin-right: 1rem; } } } .panel-heading { color: #333; background-color: #555; border: 1px solid #333; padding: inherit; } .panel-body { padding: 5px; } } } .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: inherit; }*/ /*# sourceMappingURL=base.css.map */ .breadcrumb_line { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; } .buttons_line { order: 1; } .buttons_line .btn_orange { background: #ff8d00; color: black; text-transform: uppercase; font-weight: bold; margin-left: 10px; box-shadow: inset 0px 0px 16px 0px #ffffffa6; transition: 0.2s all; } .buttons_line .btn_orange:hover { background: #ffb000; } @media (max-width: 600px) { .breadcrumb_line { flex-wrap: wrap; } .buttons_line { order: 0; width: 100%; display: flex; justify-content: center; margin-bottom: 10px; } } .banner { display: block; position: relative; } .banner:hover { text-decoration: none; } .banner img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .banner_text { text-align: center; position: absolute; top: 100px; width: 100%; } .banner .white_small { font-weight: 400; font-size: 48px; color: #FFFFFF; line-height: 125%; } .banner .big_yellow { display: block; bottom: 10px; position: relative; font-weight: 700; font-size: 64px; color: #FB9F27; line-height: 125%; } @media(max-width: 576px) { .banner_text { top: 40px; } .banner .white_small { font-size: 24px; } .banner .big_yellow { font-size: 32px; } }