/* gradients */ .green { background: #7DB110; } .green:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #94D30E; } .grey { background: #565656; } .grey:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #717171; } .spinner { position: static !important; top: 0 !important; left: 0 !important; } @media (min-width: 1024px) { .desktop_menu { margin-left: 15px } } /* Din */ @font-face { font-family: 'din_lightregular'; src: url("../fonts/din/din_light-webfont.woff2") format("woff2"), url("din_light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'din_mediumregular'; src: url("../fonts/din/din_medium-webfont.woff2") format("woff2"), url("../fonts/din/din_medium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'din-C'; src: url("../fonts/din/din-black-webfont.woff2") format("woff2"), url("../fonts/din/din-black-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinbold'; src: url("../fonts/din/din-bold-webfont.woff2") format("woff2"), url("../fonts/din/din-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'din_lightregular'; src: url("../fonts/din/din-light-webfont.woff2") format("woff2"), url("../fonts/din/din-light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinregular'; src: url("../fonts/din/din-regular-webfont.woff2") format("woff2"), url("../fonts/din/din-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* font awsome */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/awsome/fontawesome-webfont.eot"); src: url("../fonts/awsome/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/awsome/fontawesome-webfont.woff2") format("woff2"), url("../fonts/awsome/fontawesome-webfont.woff") format("woff"), url("../fonts/awsome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/awsome/fontawesome-webfont.svg#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; } body { font-family: 'dinregular', Arial, helvetica, sans-serif; background: #151515; } .container-fluid { max-width: 1270px; width: 100%; position: relative; } /* mobile */ .menu-logo { text-align: center; width: 100%; } .menu-logo img { width: 90px; position: relative; margin: 10px auto; } #wrapper { margin-right: 0; min-height: 100%; width: 100%; right: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #push_sidebar { width: 300px; } @media (max-width: 350px) { #push_sidebar { width: 260px; } } .sidebar-background { height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 10; } .menu-main-menu-new-container { overflow: auto; -webkit-overflow-scrolling: touch; } .show_sidebar { overflow: hidden; } .show_sidebar #push_sidebar { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .show_sidebar .menu-close-cover { display: block; } #push_sidebar { display: none; background: #333333; height: 100%; bottom: 0; -moz-transform: translateX(-300px); -webkit-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); overflow-x: hidden; overflow: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; z-index: 9999; font-size: 16px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } @media (max-width: 1024px) { #push_sidebar { display: block; } } #push_sidebar a { text-decoration: none; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; } #push_sidebar .site-navigation { width: 100%; position: relative; display: block; } .user_details_mob { color: #fff; font-size: 14px; padding: 10px 20px; background: #151515; width: 95%; margin-bottom: 3px; } .user_details_mob .text { margin-bottom: 1px; } .user_details_mob .b-value { float: right; margin-right: 29%; } .user_details_mob .btn_holder { text-align: center; margin: 20px 0 6px 0; } .user_details_mob .cashier_btn { font-size: 14px; width: auto; padding: 5px 20px; color: #fff; text-transform: uppercase; } #push_sidebar .menu-main-menu-new-container { width: 100%; display: block; } #push_sidebar .nav-menu { width: 95%; padding: 0; list-style-type: none; } #push_sidebar .list-item { width: 100%; display: block; position: relative; margin-bottom: 3px; } #push_sidebar .list-item .link { display: block; position: relative; color: #FFFFFF; background: #151515; padding: 10px 20px; font-size: 16px; } #push_sidebar .list-item .link:hover, #push_sidebar .list-item .link:active, #push_sidebar .list-item .link:focus { color: #FF6B00; } #push_sidebar .list-item .link .fa-caret-down { float: right; color: #FF6B00; margin-top: 5px; } #push_sidebar .list-item .link .icon { margin-right: 5px; } #push_sidebar .list-item .active { color: #FF6B00; } #push_sidebar .dropdown_contacts .language_list, #push_sidebar .dropdown_contacts .contacts_list, #push_sidebar .dropdown_resp_language .language_list, #push_sidebar .dropdown_resp_language .contacts_list { position: relative; width: 100%; background: #000000; top: -2px; border-radius: 0; float: none; } #push_sidebar .dropdown_contacts li, #push_sidebar .dropdown_resp_language li { margin-bottom: 0; } #push_sidebar .dropdown_contacts li .link, #push_sidebar .dropdown_resp_language li .link { padding: 5px 35px; background: #000000; font-size: 14px; } #push_sidebar .dropdown_contacts li .link .fa, #push_sidebar .dropdown_resp_language li .link .fa { margin-right: 5px; color: #FF6B00; } #push_sidebar .dropdown_contacts li .link_underline, #push_sidebar .dropdown_resp_language li .link_underline { text-decoration: underline; } #push_sidebar .socials_holder { width: 100%; position: relative; display: block; margin-bottom: 50px; } #push_sidebar .socials_holder .socials { width: 95%; display: block; position: relative; padding: 0 10px; } #push_sidebar .socials_holder li { width: 25%; float: left; display: block; text-align: center; } #push_sidebar .socials_holder a { font-size: 30px; } #push_sidebar .socials_holder .fa { color: #949494; } .menu-close { top: 10px; right: 16px; position: absolute; font-size: 20px; color: #FF6B00; cursor: pointer; } @-moz-keyframes spin-horizontal { 0% { -moz-transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); } } @keyframes spin-horizontal { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-ms-keyframes spin-horizontal { 0% { -ms-transform: rotateY(0deg); } 100% { -ms-transform: rotateY(360deg); } } @-o-keyframes spin-horizontal { 0% { -o-transform: rotateY(0deg); } 100% { -o-transform: rotateY(360deg); } } @-webkit-keyframes spin-horizontal { 0% { -webkit-transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); } } .loading-red { background: url('data:image/gif;base64,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') } /* desktop */ .mainHeader { display: block; position: relative; width: 100%; height: 90px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; background: #151515; } @media (max-width: 1200px) { .mainHeader { height: 70px; } } @media (max-width: 768px) { .mainHeader { height: 40px; } } .mainHeaderInner { width: 100%; position: fixed; z-index: 10; height: 90px; background: #151515; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.55); } @media (max-width: 1200px) { .mainHeaderInner { height: 70px; } } @media (max-width: 768px) { .mainHeaderInner { height: auto; } } .mainHeaderInner .container-fluid { max-width: 1560px; width: 100%; padding: 0 10px; } .mainHeaderInner .menu-navigation { display: none; position: absolute; top: 20px; } @media (max-width: 1024px) { .mainHeaderInner .menu-navigation { display: block; } } @media (max-width: 768px) { .mainHeaderInner .menu-navigation { top: 6px; } } .mainHeaderInner .menu-navigation .bar { width: 30px; height: 3px; margin: 6px auto; background: #FF6B00; } .mainHeaderInner .logo_container { position: relative; display: inline-block; } @media (max-width: 1024px) { .mainHeaderInner .logo_container { text-align: center; display: block; max-width: 120px; width: 100%; margin: 17px auto; margin: 17px 50px; float:left; } } @media (max-width: 768px) { .mainHeaderInner .logo_container { margin: 10px 25px; float:left; } } @media (max-width: 320px) { .mainHeaderInner .logo_container { margin: 10px 15px; float:left; } } .mainHeaderInner .logo { outline: none; text-decoration: none; display: block; position: relative; } .mainHeaderInner .logo img { max-width: 173px; width: 100%; margin-top: 0; } @media (max-width: 1200px) { .mainHeaderInner .logo img { max-width: 120px; } } @media (max-width: 768px) { .mainHeaderInner .logo img { max-width: 85px; } } .mainHeaderInner .tabs_container { display: inline-block; margin: 0 5px 0 25px; } @media (max-width: 1200px) { .mainHeaderInner .tabs_container { margin: 0 5px 0 10px; } } @media (max-width: 1024px) { .mainHeaderInner .tabs_container { display: none; } } .mainHeaderInner .nav { padding: 0; margin: 0; list-style-type: none; } .mainHeaderInner .tab-item { display: inline-block; } .mainHeaderInner .tab-item:nth-child(2) .link:hover, .mainHeaderInner .tab-item:nth-child(2) .link:active, .mainHeaderInner .tab-item:nth-child(2) .link:focus { color: #cf052b; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: none; } .mainHeaderInner .tab-item:nth-child(2) .link:after { position: absolute; left: 0%; bottom: 0%; content: ''; height: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 100%; border-bottom: 3px solid #cf052b; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .tab-item .link.active:after { -webkit-transform: scaleX(1)!important; -moz-transform: scaleX(1)!important; -o-transform: scaleX(1)!important; -ms-transform: scaleX(1)!important; transform: scaleX(1)!important; } .mainHeaderInner .tab-item:nth-child(3) .link:hover, .mainHeaderInner .tab-item:nth-child(3) .link:active, .mainHeaderInner .tab-item:nth-child(3) .link:focus { color: #7DB110; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: none; } .mainHeaderInner .tab-item:nth-child(3) .link:after { position: absolute; left: 0%; bottom: 0%; content: ''; height: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 100%; border-bottom: 3px solid #7DB110; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .mainHeaderInner .tab-item .link { color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-bottom: 3px solid transparent; padding: 34px 15px; } @media (max-width: 1200px) { .mainHeaderInner .tab-item .link { padding: 24px 5px; } } .mainHeaderInner .tab-item .link:hover, .mainHeaderInner .tab-item .link:active, .mainHeaderInner .tab-item .link:focus { color: #FF6B00; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: none; } .mainHeaderInner .tab-item .link:after { position: absolute; left: 0%; bottom: 0%; content: ''; height: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 100%; border-bottom: 3px solid #FF6B00; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .mainHeaderInner .tab-item .link:hover:after, .mainHeaderInner .tab-item .link:active:after, .mainHeaderInner .tab-item .link:focus:after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .mainHeaderInner .tab-item .active { color: #FF6B00; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .mainHeaderInner .tab-item:nth-child(2) .active { color: #cf052b; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .mainHeaderInner .tab-item .active:after { position: absolute; left: 0%; bottom: 0%; content: ''; height: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 100%; border-bottom: 3px solid #FF6B00; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } /* user logged out */ .header_user_content_logged_out { /*display: none;*/ position: relative; margin-top: 30px; float: right; } @media (max-width: 1200px) { .header_user_content_logged_out { margin-top: 18px; } } @media (max-width: 1024px) { .header_user_content_logged_out { display: block; position: absolute; top: 0; right: 0; } } @media (max-width: 768px) { .header_user_content_logged_out { top: -10px; } } @media (max-width: 420px) { .header_user_content_logged_out { top: -10px; } } .header_user_content_logged_out .lang_container { display: inline-block; margin: 0 40px; float: left; margin-top: 3px; } @media (max-width: 1024px) { .header_user_content_logged_out .lang_container { display: none; } } .header_user_content_logged_out .lang_container .lang { background: none; border: none; color: #565656; font-size: 14px; outline: none; width: auto; } .header_user_content_logged_out .lang_container .text { line-height: 12px; color: #8f8e8e; display: block; width: 100px; text-align: left; font-size: 12px; margin-top: 10px; } .header_user_content_logged_out .lang_container .icon_container { width: 30px; display: block; position: relative; float: left; margin-right: 7px; } .header_user_content_logged_out .lang_container .icon_container img { width: 100%; } .header_user_content_logged_out .logged_out { display: inline-block; margin: 0 5px; } .header_user_content_logged_out .logged_out .login_btn { border: none; color: #FFFFFF; width: 130px; text-transform: uppercase; padding: 5px 0; font-size: 18px; outline: none; } @media (max-width: 1024px) { .header_user_content_logged_out .logged_out .login_btn { width: auto; padding: 5px 23px; } } @media (max-width: 768px) { .header_user_content_logged_out .logged_out .login_btn { font-size: 14px; } } @media (max-width: 320px) { .header_user_content_logged_out .logged_out .login_btn { font-size: 12px; padding: 5px 15px; } } .header_user_content_logged_out .signup_btn_container { display: inline-block; } @media (max-width: 1024px) { .header_user_content_logged_out .signup_btn_container { display: none; } } .header_user_content_logged_out .signup_btn_container .signup_btn { text-decoration: none; width: 130px; padding: 5px; color: #FFFFFF; outline: none; text-transform: uppercase; font-size: 18px; display: block; text-align: center; cursor:pointer; } /* dropdown language */ .dropdown-menu-lang { background: #000000; left: -25px; padding: 0; top: 45px; border-radius: 0; } .dropdown-menu-lang .shape { position: absolute; content: ""; width: 0; height: 0; top: -10px; left: 50%; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #000000; } .dropdown-menu-lang .country_link { text-decoration: none; padding: 10px 5px; /*text-align: center;*/ } .dropdown-menu-lang .country_link:hover { background: #000000; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .dropdown-menu-lang .country_link:hover .country { color: #FF6B00; } .dropdown-menu-lang .country { color: #FFFFFF; display: inline-block; margin-bottom: 0; font-family: 'dinregular'; font-weight: normal; font-style: normal; } .dropdown-menu-lang img { margin-right: 10px; border: 1px solid #6F6C6C; } /* user logged in desktop */ .header_user_content_logged_in { font-family: Arial, Helvetica, sans-serif; display: block; position: relative; margin-top: 30px; float: right; } @media (max-width: 1200px) { .header_user_content_logged_in { margin-top: 18px; } } @media (max-width: 1024px) { .header_user_content_logged_in { display: block; position: absolute; top: 0; right: 0; } } @media (max-width: 768px) { .header_user_content_logged_in { top: -10px; } } @media (max-width: 420px) { .header_user_content_logged_in { top: -10px; } } .header_user_content_logged_in .lang_container { display: inline-block; margin: 0 10px; float: left; } @media (max-width: 1200px) { .header_user_content_logged_in .lang_container { margin: 0; } } @media (max-width: 1024px) { .header_user_content_logged_in .lang_container { display: none; } } .header_user_content_logged_in .lang { background: none; border: none; color: grey; font-size: 14px; outline: none; width: auto; } .header_user_content_logged_in .lang .text { line-height: 12px; color: #8f8e8e; display: block; width: 100px; text-align: left; font-size: 12px; margin-top: 10px; } .header_user_content_logged_in .lang .icon_container { width: 30px; display: block; position: relative; float: left; margin-right: 7px; } .header_user_content_logged_in .lang img { width: 100%; } .header_user_content_logged_in .user_details { display: inline-block; } @media (max-width: 1024px) { .header_user_content_logged_in .user_details { display: none; } } .header_user_content_logged_in .username { display: inline-block; /*color: #FFFFFF;*/ color: #FF6B00; font-family: 'dinregular'; font-weight: normal; font-style: normal; margin-right: 10px; } @media (max-width: 1200px) { .header_user_content_logged_in .username { margin-right: 5px; font-size: 12px; } } .header_user_content_logged_in .username p { margin-bottom: 0; } .header_user_content_logged_in .value_content { display: inline-block; padding: 5px 5px; border: 1px solid #565656; max-width: 140px; } .header_user_content_logged_in .value { display: inline-block; margin-bottom: 0; color: #F8DC66; font-size: 13px; font-family: 'dinregular'; font-weight: normal; font-style: normal; margin-right: 20px; } @media (max-width: 1200px) { .header_user_content_logged_in .value { margin-right: 5px; font-size: 11px; } } .header_user_content_logged_in .info_dropdown { display: inline-block; } .header_user_content_logged_in .info span { color: #FFFFFF; text-decoration: none; /*background: #9A9A9A;*/ padding: 2px 7px; text-align: center; border-radius: 2px; } .header_user_content_logged_in .drop-down-menu-info { /*background: #333333;*/ background: #000000; color: #FFFFFF; left: -102px; /*width: 225px;*/ top: 36px; border: 0px !important; border-radius: 0px !important; } .header_user_content_logged_in .drop-down-menu-info .shape { position: absolute; content: ""; width: 0; height: 0; top: -10px; left: 50%; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; /*border-bottom: 10px solid #333333;*/ border-bottom: 10px solid #000000; } .header_user_content_logged_in .dropdown_content { padding: 10px; width: 100%; display: block; position: relative; font-family: 'dinregular'; font-weight: normal; font-style: normal; } .header_user_content_logged_in .dropdown_content .row-balance { width: 100%; display: block; position: relative; margin-bottom: 10px; } .header_user_content_logged_in .dropdown_content .text { margin-bottom: 0; font-size: 11px; } .header_user_content_logged_in .dropdown_content .text .b-label { text-align: left; } .header_user_content_logged_in .dropdown_content .text .b-value { text-align: right; float: right; } .header_user_content_logged_in .row-msg { width: 100%; display: block; position: relative; text-align: center; margin-top: 20px; padding-top: 10px; border-top: 1px solid #3D3D3D; } .header_user_content_logged_in .row-msg .text { font-size: 11px; margin-bottom: 0; } .header_user_content_logged_in .row-msg .link { color: #FFFFFF; font-size: 11px; text-decoration: underline; } .header_user_content_logged_in .btn_holder { display: inline-block; margin: 0 10px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; position: relative; vertical-align: bottom; } .header_user_content_logged_in .btn_holder .cashier_btn { text-decoration: none; width: 130px; padding: 4px 5px; color: #FFFFFF; outline: none; text-transform: uppercase; font-size: 17px; display: block; text-align: center; } @media (max-width: 1200px) { .header_user_content_logged_in .btn_holder .cashier_btn { font-size: 15px; width: 90px; word-wrap: break-word; } } @media (max-width: 1024px) { .header_user_content_logged_in .btn_holder { margin: 0 15px; } .header_user_content_logged_in .btn_holder .cashier_btn { width: auto; padding: 5px 20px; } } @media (max-width: 768px) { .header_user_content_logged_in .btn_holder .cashier_btn { font-size: 14px; } } @media (max-width: 420px) { .header_user_content_logged_in .btn_holder .cashier_btn { padding: 6px 10px; font-size: 12px; } } .header_user_content_logged_in .my_account { display: inline-block; } @media (max-width: 1024px) { .header_user_content_logged_in .my_account { display: none; } } .header_user_content_logged_in .my_account .my_account_dropdown { display: block; position: relative; } .header_user_content_logged_in .my_account .account { text-decoration: none; color: #FFFFFF; } .header_user_content_logged_in .my_account .user_icon { background: #9A9A9A; padding: 5px 5px 0 5px; font-size: 20px; vertical-align: middle; border-radius: 20px; } .header_user_content_logged_in .my_account .user_img { vertical-align: middle; border-radius: 20px; height: 30px; } .header_user_content_logged_in .my_account .text { margin: 0 0 0 5px; /*vertical-align: middle;*/ font-family: 'dinregular'; font-weight: normal; font-style: normal; } @media (max-width: 1200px) { .header_user_content_logged_in .my_account .text { font-size: 12px; } } .header_user_content_logged_in .my_account .caret { color: #FF6B00; } .header_user_content_logged_in .my_account .account-dropdown { /*background: #333333;*/ background: #000000; color: #FFFFFF; top: 36px; border: 0px !important; border-radius: 0px !important; /* min-width: 15px; left: 10px; */ } .header_user_content_logged_in .my_account .shape { position: absolute; content: ""; width: 0; height: 0; top: -10px; left: 50%; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; /*border-bottom: 10px solid #333333;*/ border-bottom: 10px solid #000000; } .header_user_content_logged_in .my_account .dropdown-list { list-style-type: none; padding: 0 10px; } .header_user_content_logged_in .my_account li { margin: 7px auto; text-align: left; } .header_user_content_logged_in .my_account .link { color: #FFFFFF; text-decoration: none; } .header_user_content_logged_in .my_account .link:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FF6B00; } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; /*height: 100%;*/ min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .nav_holder { /*width: 100%;*/ padding-left: 0px; position: relative; display: block; margin-bottom: 10px; /*z-index: 1;*/ } .nav_holder .h-nav { padding: 0; margin: 0; display: block; width: 100%; position: relative; list-style-type: none; text-align: left; } @media (max-width: 1024px) { .nav_holder .h-nav { padding: 0; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; } .nav_holder .h-nav::-webkit-scrollbar { height: 0; } .nav_holder .h-nav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); } .nav_holder .h-nav::-webkit-scrollbar-thumb { background-color: #ff6b00; background-color: #ff6b00; border-radius: 5px; outline: 1px solid slategrey; } } .nav_holder .nav_item { display: inline-block; padding: 8px 10px 10px 5px; } @media (min-width: 1400px) { .nav_holder .nav_item { padding: 8px 20px 10px 5px; } } @media (max-width: 1400px) { .nav_holder .nav_item { padding: 8px 10px 10px 5px; } } @media (max-width: 1024px) { .nav_holder .nav_item { padding: 10px 20px 10px 4px; width: auto; } } @media (max-width: 768px) { .nav_holder .nav_item { padding: 10px 15px 10px 4px; } } .nav_holder .search_btn { position: absolute; right: 5px; top: 8px; color: #FFFFFF; background: none; padding: 0; border: none; outline: none; font-size: 16px; vertical-align: middle; } @media (max-width: 1024px) { .nav_holder .search_btn { position: relative; top: 0; right: -5px; margin-right: 0; background: none; padding: 0; border: none; outline: none; font-size: 16px; vertical-align: middle; } } .nav_holder .search { /* width: 100%;*/ background: none; border: none; color: #FFFFFF; padding: 5px 15px 5px 5px; border-bottom: 1px solid #FFFFFF; font-size: 14px; display: inline-block; position: relative; } .nav_holder .search:focus { outline: none; } @media (max-width: 1024px) { .nav_holder .search { /*display: none; text-align: right;*/ padding: 1px 15px 1px 5px; font-size: 12px; margin-right: 15px; } } .nav_holder input[type="search"] { border-radius:0px; -webkit-border-radius:0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nav_holder input[type="search"]::-webkit-input-placeholder { color: #FFFFFF !important; } .nav_holder input[type="search"]:-moz-placeholder { /* Firefox 18- */ color: #FFFFFF !important; opacity: 1; } .nav_holder input[type="search"]::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF !important; opacity: 1; } .nav_holder input[type="search"]:-ms-input-placeholder { color: #FFFFFF !important; } .nav_holder .link { /*text-transform: capitalize;*/ color: #FFFFFF; font-size: 16px; vertical-align: middle; width: auto; } .nav_holder a:hover { text-decoration: none; } .nav_holder .link:hover, .nav_holder .link:selected, .nav_holder .link:active, .nav_holder .link:focus { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FF6B00; text-decoration: none; } .nav_holder a:selected { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FF6B00; text-decoration: none; } @media (max-width: 1024px) { .nav_holder .link { font-size: 18px; } } @media (max-width: 768px) { .nav_holder .link { font-size: 15px; } } .nav_holder .link-slots { position: relative; } .nav_holder .slots:hover .link-slots:after, .nav_holder .slots:active .link-slots:after, .nav_holder .slots:focus .link-slots:after { position: absolute; content: ""; top: 28px; width: 0; height: 0; left: 50%; margin-left: -15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #0D0D0D; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @media (max-width: 1024px) { .nav_holder .slots:hover .link-slots:after, .nav_holder .slots:active .link-slots:after, .nav_holder .slots:focus .link-slots:after { display: none; } } .nav_holder .slots:hover .slots_dropdown_holder, .nav_holder .slots:active .slots_dropdown_holder, .nav_holder .slots:focus .slots_dropdown_holder { display: block; } .nav_holder .nav_item_search { position: relative; display: inline-block; float: right; padding-right: 5px; padding-top: 3px; } @media (max-width: 1024px) { .nav_holder .nav_item_search { float: none; } } .ui-helper-hidden-accessible { display: none; } .ui-autocomplete { padding: 0; list-style-type: none; top: 10px; left: 96% !important; -webkit-transform: translateX(-98%); -ms-transform: translateX(-98%); transform: translateX(-98%); position: absolute; width: 300px; background: #151515; z-index: 5; max-height: 300px; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.75); } .ui-autocomplete::-webkit-scrollbar { height: 0; width: 2px; } .ui-autocomplete::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px transparent; } .ui-autocomplete::-webkit-scrollbar-thumb { background-color: #939393; border-radius: 5px; outline: 1px solid slategrey; } @media (max-width: 1560px) { .ui-autocomplete { left: 40% !important; -webkit-transform: translateX(-98%); -ms-transform: translateX(-98%); transform: translateX(-98%); } } @media (max-width: 650px) { .ui-autocomplete { left: 50% !important; -webkit-transform: translateX(-98%); -ms-transform: translateX(-98%); transform: translateX(-98%); } } @media (max-width: 500px) { .ui-autocomplete { left: 62% !important; -webkit-transform: translateX(-98%); -ms-transform: translateX(-98%); transform: translateX(-98%); } } @media (max-width: 450px) { .ui-autocomplete { width: 250px; left: 65% !important; } } @media (max-width: 384px) { .ui-autocomplete { width: 250px; left: 70% !important; } } @media (max-width: 320px) { .ui-autocomplete { width: 250px; left: 83% !important; } } .ui-autocomplete li, .ui-autocomplete a { text-decoration: none; color: #FFFFFF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #151515; display: block; font-size: 14px; text-align: left; border-bottom: 1px solid #151515; } .ui-autocomplete li:hover, .ui-autocomplete a:hover { background: #000000; color: #FF6B00; -webkit-transition: 0.3; -o-transition: 0.3; transition: 0.3; border-bottom: 1px solid #000000; } .ui-autocomplete img { width: 23%; margin-right: 8px; } .ui-autocomplete a { text-transform: capitalize; } .ui-autocomplete a span { font-weight: bold; text-decoration: underline; } .slots_dropdown_holder { position: absolute; top: 28px; left: 0; z-index: 3; display: none; float: left; width: calc(102%); left: 0; min-width: 160px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background: none; margin-left: -1%; padding-top: 15px; /* type list */ } @media (max-width: 410px) { .slots_dropdown_holder { padding: 15px; } } .slots_dropdown_holder .inner_wrapper { position: relative; width: 100%; margin: 0 auto; display: block; padding: 0 15px; } .slots_dropdown_holder .inner_wrapper .list_content { width: 100%; display: block; position: relative; background: #0D0D0D; float: left; padding: 15px 30px; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0; -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 12px rgba(0, 0, 0, 0.25); } .slots_dropdown_holder .list_holder { display: block; float: left; padding: 0 15px; margin: 0 auto; } .slots_dropdown_holder .list_holder .list-title { color: #FF6B00; font-size: 16px; } .slots_dropdown_holder .list_holder .divider { width: 100%; display: block; position: relative; margin: 10px auto; height: 1px; background: #FFFFFF; } .slots_dropdown_holder .list_holder .slots_dropdown { margin: 0; padding: 0; padding-bottom: 10px; } .slots_dropdown_holder .list_holder .list-item { padding: 0; display: inline-block; } .slots_dropdown_holder .list_holder .link { /* text-transform: capitalize;*/ font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px !important; vertical-align: middle; } .slots_dropdown_holder .list_holder .link:hover, .slots_dropdown_holder .list_holder .link:active, .slots_dropdown_holder .list_holder .link:focus { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #FF6B00; text-decoration: none; } @media (max-width: 1024px) { .slots_dropdown_holder .list_holder .link { font-size: 12px; } } .slots_dropdown_holder .type { width: 20%; } .slots_dropdown_holder .type .list-item { width: 100%; display: block; } @media (max-width: 767px) { .slots_dropdown_holder .type .list-item { width: 25%; float: left; } } @media (max-width: 480px) { .slots_dropdown_holder .type .list-item { width: 33.33333%; } } @media (max-width: 374px) { .slots_dropdown_holder .type .list-item { width: 50%; } } @media (max-width: 767px) { .slots_dropdown_holder .type { width: 100%; margin-bottom: 30px; } } .slots_dropdown_holder .themes { width: 30%; } .slots_dropdown_holder .themes .list-item { width: 50%; float: left; display: block; } @media (max-width: 767px) { .slots_dropdown_holder .themes .list-item { width: 25%; float: left; } } @media (max-width: 480px) { .slots_dropdown_holder .themes .list-item { width: 33.33333%; } } @media (max-width: 374px) { .slots_dropdown_holder .themes .list-item { width: 50%; } } @media (max-width: 767px) { .slots_dropdown_holder .themes { width: 100%; margin-bottom: 30px; } } .slots_dropdown_holder .providers { width: 50%; } .slots_dropdown_holder .providers .list-item { width: 25%; float: left; display: block; } @media (max-width: 480px) { .slots_dropdown_holder .providers .list-item { width: 33.33333%; } } @media (max-width: 374px) { .slots_dropdown_holder .providers .list-item { width: 50%; } } @media (max-width: 767px) { .slots_dropdown_holder .providers { width: 100%; } } .slots_dropdown_holder .btn_holder { text-align: center; margin: 15px auto; } .slots_dropdown_holder .view_all { color: #FFFFFF; text-decoration: underline; text-align: center; } .main { display: block; width: 100%; position: relative; margin-top: 15px; margin-bottom: 15px; } @media (max-width: 1024px) { .main { margin-top: 0; } } .main .title_holder .title, .title_holder .h1 { color: #FF6B00; font-size: 18px; margin-left: 5px; margin-top: 0; } @media (max-width: 1024px) { .main .title_holder .title { margin-bottom: 5px; } } .sidebar { padding-right: 0; padding-left: 0; /*z-index: 999;*/ } @media (max-width: 1024px) { .sidebar { display: none; } } .sidebar_inner { width: 100%; display: block; position: relative; /* contact */ /* winners list */ } .sidebar_inner .sidebar_item { width: 100%; display: block; position: relative; margin-bottom: 20px; } .sidebar_inner .sidebar_contacts { width: 100%; display: block; position: relative; } .sidebar_inner .contacts_list { padding: 0; margin: 0; list-style-type: none; } .sidebar_inner .contacts_list .list_item { margin: 0 auto 8px; } .sidebar_inner .contacts_list .list_item:nth-child(1) .link:before { width: 34px; height: 21px; vertical-align: text-bottom; background-position: 0 60%; background-size: 101.020408%; } .sidebar_inner .contacts_list .list_item:nth-child(1) .link:hover:before { background-position: 0 40%; background-size: 101.020408%; } .sidebar_inner .contacts_list .list_item:nth-child(2) .link:before { width: 30px; height: 23px; background-position: 0 100%; background-size: 125.316456%; } .sidebar_inner .contacts_list .list_item:nth-child(2) .link:hover:before { height: 24px; background-position: 0 80%; background-size: 125.316456%; } .sidebar_inner .contacts_list .list_item:nth-child(3) .link:before { width: 30px; height: 20px; vertical-align: text-bottom; background-position: 0 19%; background-size: 99%; } .sidebar_inner .contacts_list .list_item:nth-child(3) .link:hover:before { height: 18px; background-position: 0 0%; background-size: 99%; } .sidebar_inner .contacts_list .link { background: #0D0D0D; padding: 8px 10px 8px 50px; display: block; position: relative; width: 100%; text-decoration: none; color: #FFFFFF; font-size: 18px; } .sidebar_inner .contacts_list .link:hover { background: #000000; color: #FF6B00; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .sidebar_inner .contacts_list .link:before { content: ""; position: relative; max-width: 100%; display: inline-block; background-size: 100%; background-image: url("https://css.casino777.be/desktop/Themes/casinoResponsive777v1/images/sprites/sidebar-icons-sprite.png"); position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1200px) { .sidebar_inner .contacts_list .link { font-size: 14px; } } .sidebar_inner .contacts_list .active .link { color: #FF6B00; background: #000000; } .sidebar_inner .contacts_list .active:nth-child(1) .link:before { background-position: 0 40%; background-size: 101.020408%; } .sidebar_inner .contacts_list .active:nth-child(2) .link:before { background-position: 0 80%; background-size: 125.316456%; } .sidebar_inner .contacts_list .active:nth-child(3) .link:before { height: 18px; background-position: 0 0%; background-size: 99%; } .sidebar_inner .jackpots { background: #0D0D0D; text-align: center; } .sidebar_inner .jackpots .slider_title { color: #FFFFFF; text-transform: uppercase; padding: 10px; font-size: 16px; } .sidebar_inner .jackpots .jackpots_slider { width: 100%; } .sidebar_inner .jackpots .slider-item { width: 100%; outline: none; } .sidebar_inner .jackpots img { margin: 0; width: 100%; z-index: 0; } .sidebar_inner .jackpots .jackpot-value { display: block; /*change to block when jackpot will work*/ background: rgba(0, 0, 0, 0.8); padding: 5px 0; width: 100%; position: relative; margin-top: -40px; } .sidebar_inner .jackpots .value { color: #FFFFFF; font-size: 21px; margin-bottom: 0; } @media (max-width: 1200px) { .sidebar_inner .jackpots .value { font-size: 15px; } } .sidebar_inner .latest_winners { width: 100%; display: block; position: relative; } .sidebar_inner .latest_winners .latest_winners_list { padding: 0; margin: 0; list-style-type: none; font-family: 'din_lightregular'; } .sidebar_inner .latest_winners .slider-item { width: 100%; outline: none; } .sidebar_inner .latest_winners .list-item { margin: 5px auto; position: relative; display: block; float: left; width: 100%; padding: 0 0 10px 0; } .sidebar_inner .latest_winners .game_icon { max-width: 60px; width: 100%; display: block; position: relative; float: left; } .sidebar_inner .latest_winners .game_icon img { width: 100%; border-radius: 3px; } .sidebar_inner .latest_winners .player_info { display: block; position: relative; padding: 5px 10px; float: left; width: auto; } .sidebar_inner .latest_winners .player, .sidebar_inner .latest_winners .value { text-transform: capitalize; font-size: 18px; margin-bottom: 0; } @media (max-width: 1200px) { .sidebar_inner .latest_winners .player, .sidebar_inner .latest_winners .value { font-size: 13px; } } .sidebar_inner .latest_winners .player { color: #FFFFFF; } .sidebar_inner .latest_winners .value { color: #FF6B00; } .sidebar_inner .latest_winners .show_link { text-align: center; width: 100%; color: #FF6B00; text-decoration: underline; font-size: 16px; margin-top: 10px; display: block; position: relative; } .sidebar_inner .latest_winners .show_link:hover { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #f1f1f1; } .gamesOfTheWeek { width: 100%; text-align: center; margin-bottom: 15px; } .gamesOfTheWeek .game { margin-bottom: 15px; } .gamesOfTheWeek .game .game_inner .fav { font-size: 16px; } .gamesOfTheWeek .title { color: #FF6B00; font-size: 18px; } .gamesOfTheWeek img { width: 100%; } .gamesOfTheWeek .game_name { color: #FFFFFF; margin-top: 10px; text-transform: capitalize; } .right-sidebar { padding-left: 15px; } #igt_iframe { border: 0; margin:0; padding:0; width: 100%; min-height: 800px; position:relative; } @media (max-width: 1024px) { #igt_iframe { height: auto; overflow-y: auto; } } @media (max-width: 1024px) { .main .container-fluid { padding: 0 10px; } } .main .container-fluid .games_row { width: 100%; display: block; position: relative; } .main .container-fluid .games_room_grid { margin-top: 10px; } [data-err]:after { width: 100%; font-size: 12px; content: attr(data-err); color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } [data-valid]:after { width: 90% !important; font-size: 12px; content: attr(data-valid); color: #a94442; position: absolute; border-color: #ebccd1; margin-bottom: 2px; /*line-height: 1;*/ } p[data-valid]:after { display: block; position: relative !important; border-color: #ebccd1; height: 18px; line-height: normal; padding-top: 1px; } p[data-send]:after { width: 90% !important; font-size: 12px; content: attr(data-send); color: #a94442; position: absolute; border-color: #ebccd1; padding: 1px; margin-bottom: 2px; text-align: start!important; } p[data-valid-s2]:after { width: 90% !important; font-size: 12px; content: attr(data-valid-s2); color: #a94442; display: block; /*height: 50px;*/ border-color: #ebccd1; padding: 1px; margin-bottom: 2px; margin-top: -20px; } @media (max-width: 625px) { p[data-valid-s2]:after { display: inline; } .data-span[data-valid-s2]:after { position: initial !important; } .reg_popup fieldset .step_two_content .input_date{ margin-bottom: 15px !important; } } p[data-valid-s3]:after { width: 90% !important; font-size: 12px; content: attr(data-valid-s3); color: #a94442; position: absolute; border-color: #ebccd1; padding: 1px; margin-bottom: 2px; } p[data-valid-s4]:after { width: 90% !important; font-size: 12px; content: attr(data-valid-s4); color: #a94442; position: absolute; border-color: #ebccd1; padding: 1px; margin-bottom: 2px; line-height: 1.2; } .data-span[data-valid-s2]:after { width: 90% !important; font-size: 12px; content: attr(data-valid-s2); color: #a94442; position: absolute; border-color: #ebccd1; padding: 1px; margin-bottom: 2px; margin: 28px 0px 0px 0px; } .nat_reg_num[data-valid-s2]:after { width: 90% !important; font-size: 12px; content: attr(data-valid-s2); color: #a94442; position: absolute; border-color: #ebccd1; padding: 1px; margin-bottom: 2px; } .passport_num[data-valid-s2]:after { width: 90% !important; font-size: 12px; content: attr(data-valid-s2); color: #a94442; position: absolute; border-color: #ebccd1; padding: 1px; margin-bottom: 2px; } .main .container-fluid .grid { width: 100%; /* clearfix */ } .main .container-fluid .grid:after { content: ''; display: block; clear: both; } /* global styles*/ /* homepage grid styles are below when grid-item beggins */ .games_main { padding-right: 0; } @media (max-width: 1024px) { .games_main { padding: 0; width: 100%; } } .games_main .title_holder { display: inline-block; } .games_section { position: relative; } .games_section:not(:first-child) .title_holder { margin-top: 15px; } .games_section .more_games_link { text-decoration: underline; position: absolute; top: 0px; color: #FF6B00; font-size: 18px; right: 5px; } .games_section:not(:first-child) .more_games_link { top: 15px; } .more_games_link:hover, .more_games_link:focus { color: #FF6B00; } .games_section .games_link { text-decoration: none; top: 0px; color: #FF6B00; font-size: 18px; } .games_section:not(:first-child) .games_link { top: 15px; } .games_link:hover, .games_link:focus { color: #FF6B00; } .game .game_inner { overflow: hidden; width: 100%; display: block; position: relative; z-index: 1; } .game .game_inner:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .game .game_inner:hover img { -webkit-filter: blur(5px); filter: blur(5px); } @media (max-width: 1024px) { .game .game_inner:hover img { -webkit-filter: blur(0px); filter: blur(0px); } } .game .game_inner:hover .game_overlay { display: block; } .game .game_inner:hover .game_overlay img { -webkit-filter: blur(0px); filter: blur(0px); } @media (max-width: 1024px) { .game .game_inner:hover .game_overlay { display: none; } } .game .game_inner:hover .jackpot_label { display: none; } .game .game_inner .ribbon { display: none; background: #0a94df; background: -moz-linear-gradient(left, #0a94df 0%, #11b7ea 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0a94df), color-stop(100%, #11b7ea)); background: -webkit-linear-gradient(left, #0a94df 0%, #11b7ea 100%); background: -o-linear-gradient(left, #0a94df 0%, #11b7ea 100%); background: -ms-linear-gradient(left, #0a94df 0%, #11b7ea 100%); background: -webkit-gradient(linear, left top, right top, from(#0a94df), to(#11b7ea)); background: linear-gradient(to right, #0a94df 0%, #11b7ea 100%); color: #FFFFFF; position: absolute; top: 0; left: 0; padding: 2px 5px; width: auto; text-align: center; z-index: 2; } .game .game_inner .ribbon .text { text-transform: capitalize; font-size: 60%; font-weight: 400; margin-bottom: 0; } .game .game_inner img { width: 100%; } .game .game_inner .game_overlay { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; background: #272a31; background: rgba(39, 42, 49, 0.75); } .game .game_inner .fav_holder { /* top: 1%; right: 2%; display: block; position: absolute;*/ top: 1%; left: 2%; display: block; position: absolute; } .game .game_inner .fav { font-size: 9px; color: #E51E20; outline: none; display: block; position: relative; padding: 2px; background: none; border: none; } .game .game_inner .fav:focus:before, .game .game_inner .fav:active:before, .game .game_inner .fav:hover:before { content: "\f004"; } .game .game_inner .fav:before { margin-left: 1px; margin-top: 1px; } .game .game_inner .provider_icon { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.28); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(100%, rgba(0, 0, 0, 0.72))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0.72))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); padding: 2px 0; } .game .game_inner .provider_icon img { max-width: 50px; width: 100%; border-bottom: 0; } .game .game_inner .game_overlay_inner { width: 100%; display: block; position: relative; text-align: center; } .game .game_inner .play { text-decoration: none; display: block; position: relative; text-align: center; outline: none; margin-top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .game .game_inner .play img { width: 45%; text-align: center; border-bottom: none; } .game .game_inner .jackpot_label { width: 100%; position: absolute; z-index: 3; bottom: 0; left: 0; text-align: center; padding: 5px; background: rgba(0, 0, 0, 0.28); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(100%, rgba(0, 0, 0, 0.72))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0.72))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.72) 100%); } .game .game_inner .text { color: #FFFFFF; font-size: 90%; /* font-weight: bold; */ margin-bottom: 0; } @media (max-width: 768px) { .game .game_inner .text { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .game .info-icon { background: white; text-align: center; position: absolute; right: 8px; bottom: 7px; z-index: 4; width: 20px; height: 20px; display: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .game .info-icon:hover, .game .info-icon:focus { text-decoration: none; } .game .info-icon .text { color: #000; font-size: 14px; font-weight: bold; margin-bottom: 0; } @media (max-width: 1280px) { .game .info-icon { bottom: 10px; width: 18px; height: 18px; } .game .info-icon .text { font-size: 13px; } } /* ---- grid-item home page---- */ .grid-item { padding: 0 5px; margin-bottom: 10px; } .grid-item .game_inner:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .grid-item .game_inner:hover .info-icon { display: block; } @media (max-width: 1024px) { .grid-item .game_inner:hover .info-icon { display: none; } } @media (max-width: 767px) { .grid-item { width: 16.66666667%; padding: 4px; margin-bottom: 0; } } @media (max-width: 767px) { .grid-item { width: 33.33333333%; } } @media (max-width: 480px) { .grid-item { padding: 4px; } } .grid-item .ribbon { padding: 2px 5px; width: 55px; } @media (max-width: 768px) { .grid-item .ribbon { padding: 2px 5px; width: auto; } } .grid-item .ribbon .text { font-size: 14px; } @media (max-width: 1280px) { .grid-item .ribbon .text { font-size: 12px; } } @media (max-width: 768px) { .grid-item .ribbon .text { font-size: 10px; } } .grid-item .game_overlay .fav_holder { top: 8px; left: 8px; display: block; position: absolute; } .grid-item .game_overlay .fav { font-size: 16px; } @media (max-width: 1400px) { .grid-item .game_overlay .fav { font-size: 14px; } } .grid-item .game_overlay .provider_icon img { max-width: 90px; width: 100%; } .grid-item .jackpot_label .text { font-size: 20px; } @media (max-width: 1280px) { .grid-item .jackpot_label .text { font-size: 16px; } } @media (max-width: 768px) { .grid-item .jackpot_label .text { font-size: 12px; } } @media (max-width: 767px) { .grid-item .jackpot_label .text { font-size: 16px; } } @media (max-width: 480px) { .grid-item .jackpot_label .text { font-size: 12px; } } @media (max-width: 767px) { .grid-item--big { width: 33.33333333%; } } .grid-item--big .jackpot_label .text { font-size: 35px; } @media (max-width: 992px) { .grid-item--big .jackpot_label .text { font-size: 20px; } } @media (max-width: 767px) { .grid-item--big .jackpot_label .text { font-size: 16px; } } @media (max-width: 480px) { .grid-item--big .jackpot_label .text { font-size: 12px; } } .grid-item--big .game_overlay .info-icon { bottom: 80px; right: 10px; width: 25px; height: 25px; font-size: 16px; } .grid-item--big .game_overlay .provider_icon img { max-width: 125px; width: 100%; border-bottom: 0; } .grid-item--big .info-icon { width: 25px; height: 25px; } .grid-item--big .info-icon .text { font-size: 17px; } @media (max-width: 1400px) { .grid-item--big .info-icon { width: 20px; height: 20px; bottom: 12px; } .grid-item--big .info-icon .text { font-size: 14px; } } /* games room list */ .games_room_list { width: 100%; padding: 15px; background: #0D0D0D; display: none; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; } @media (max-width: 1024px) { .games_room_list { margin-top: 10px; } } .games_room_list .filter_row { width: 100%; display: block; position: relative; margin: 15px auto; } @media (max-width: 1024px) { .games_room_list .filter_row { margin: 0 auto; } } .games_room_list .filter_list { width: 100%; display: block; position: relative; list-style-type: none; padding: 0; text-align: center; margin: 0 auto; } @media (max-width: 374px) { .games_room_list .filter_list { text-align: left; } } .games_room_list .text { color: #FFFFFF; font-weight: 400; text-transform: capitalize; display: inline-block; } @media (max-width: 374px) { .games_room_list label.text { display: block; text-align: left; } } .games_room_list .list_item { display: inline-block; width: 15%; position: relative; } @media (max-width: 610px) { .games_room_list .list_item { width: 22%; } } @media (max-width: 435px) { .games_room_list .list_item { width: 25%; } } @media (max-width: 374px) { .games_room_list .list_item { width: auto; margin-right: 10px; } } .games_room_list .list_item input[type=checkbox] { visibility: hidden; } .games_room_list .list_item input[type=checkbox]:checked + label:after { opacity: 1; } .games_room_list .list_item .custom-checkbox { width: 15px; height: 15px; cursor: pointer; position: relative; display: inline-block; background: #0D0D0D; border: 1px solid #FF6B00; margin-bottom: 0; vertical-align: sub; } .games_room_list .list_item .custom-checkbox:after { content: ''; width: 6px; height: 3px; position: absolute; top: 4px; left: 3px; border: 1px solid #FF6B00; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .games_room_list .list_item .custom-checkbox:hover::after { opacity: 1; } .games_room_list .games_list_inner { width: 100%; display: block; position: relative; margin: 0 auto; } .games_room_list .column { padding-left: 0; padding-right: 15px; } @media (max-width: 767px) { .games_room_list .column { width: 25%; } } @media (max-width: 567px) { .games_room_list .column { width: 33.3333333%; } } @media (max-width: 400px) { .games_room_list .column { width: 50%; } } .games_room_list .column .games_list { padding: 0; margin: 0 auto; list-style-type: none; display: block; } .games_room_list .column .list_title { color: #FF6B00; font-weight: 400; margin: 15px auto; } .games_room_list .column .list_item { width: 100%; display: block; position: relative; margin-bottom: 10px; } .games_room_list .column .link { color: #FFFFFF; } .games_room_list .column .game_name { margin-bottom: 0; color: #FFFFFF; font-size: 12px; white-space: normal; word-wrap: break-word; } .games_room_grid { display: block; } .more_games_holder { float: right; margin-right: 0; background: #0D0D0D; padding: 5px 10px; } .more_games_holder .games_btn { background: none; border: none; outline: none; padding: 0; color: #565656; font-size: 22px; vertical-align: middle; } .more_games_holder .games_btn:nth-child(1) { margin-right: 8px; } .more_games_holder .games_btn:hover, .more_games_holder .games_btn:active, .more_games_holder .games_btn:focus { color: #FF6B00; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .more_games_holder .active { color: #FF6B00; } .mobile_info_holder { display: none; width: 100%; position: relative; margin-top: 20px; } @media (max-width: 1024px) { .mobile_info_holder { display: block; margin: 10px auto; } } .mobile_info_list { width: 100%; display: block; position: relative; padding: 0; margin: 0; list-style-type: none; } .mobile_info_list .list_item { margin-bottom: 5px; display: block; } .mobile_info_list .list_item .item_btn { width: 100%; background: #0D0D0D; display: block; text-transform: capitalize; color: #FEFEFE; padding: 10px 15px; font-size: 18px; text-decoration: none; font-family: Arial, Helvetica, Sans-serif; } @media (max-width: 580px) { .mobile_info_list .list_item .item_btn { font-size: 13px; } } .mobile_info_list .list_item .more { float: right; } .mobile_info_list .list_item .answer { display: none; position: relative; padding: 15px 10px; list-style-type: none; font-family: Arial, Helvetica, Sans-serif; -webkit-box-shadow: none; box-shadow: none; border: none; z-index: 0; margin-bottom: 10px; } .mobile_info_list .list_item .answer p { color: #FFFFFF; font-size: 16px; margin-bottom: 0; } @media (max-width: 580px) { .mobile_info_list .list_item .answer p { font-size: 12px; } } .login_form { width: 100%; position: fixed; display: none; background: rgba(0, 0, 0, 0.65); height: 100%; z-index: 11; top: 0; left: 0; } .login-form-container { background: #E9E9E9; position: fixed; top: 50%; margin-top: -160px; left: 50%; margin-left: -160px; display: block; max-width: 320px; width: 100%; } .login-form-container2 { background: #E9E9E9; position: fixed; top: 50%; margin-top: -160px; left: 50%; margin-left: -225px; display: block; max-width: 450px; width: 100%; } @media (max-width: 414px) { .login-form-container { width: 100%; max-width: 300px; margin-left: -150px; } } .login-form-container .area_header { width: 100%; background: #000000; padding: 10px 5px; display: block; position: relative; float: left; } .login-form-container .area_header .close_button_holder { width: 10%; position: relative; display: block; float: left; text-align: right; } .login-form-container .area_header .close_button_holder .close_btn { outline: none; border: none; background: none; color: #FF6B00; font-size: 18px; vertical-align: sub; } .login-form-container .area_header .form_title_holder { display: block; position: relative; text-align: center; width: 80%; float: left; } .login-form-container .area_header .form_title_holder .text { font-size: 18px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FF6B00; margin-bottom: 0; } .login-form-container .area_header .help { width: 10%; display: block; float: left; } .login-form-container .area_header .help img { max-width: 20px; width: 100%; } @media (max-width: 414px) { .login-form-container2 { width: 100%; max-width: 300px; margin-left: -150px; } } .login-form-container2 .area_header { width: 100%; background: #000000; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 10px; display: block; position: relative; float: left; } .login-form-container2 .area_header .close_button_holder { width: 5%; position: relative; display: block; float: left; text-align: right; } .login-form-container2 .area_header .close_button_holder .close_btn { outline: none; border: none; background: none; color: #FF6B00; font-size: 18px; vertical-align: sub; } .login-form-container2 .area_header .form_title_holder { display: block; position: relative; text-align: center; width: 90%; float: left; } .login-form-container2 .area_header .form_title_holder .text { font-size: 18px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FF6B00; margin-bottom: 0; } .login-form-container2 .area_header .help { width: 5%; display: block; float: left; } .login-form-container2 .area_header .help img { max-width: 20px; width: 100%; } .login-form-container .content { padding: 20px; } .login-form-container2 .content { padding: 20px; padding-left: 25%; padding-right: 25%; } .login-form-container .content .login-form { width: 100%; display: block; position: relative; } .login-form-container .content .f-control { margin-bottom: 15px; display: block; position: relative; } .login-form-container .content .login_label { font-weight: 100; color: #FFFFFF; } .login-form-container .content .fa { position: absolute; top: 10px; font-size: 16px; left: 5px; color: #565656; margin-left: 5px; } .login-form-container .content .login-inputs { width: 100%; padding: 5px 8px 5px 30px; outline: none; background: none; color: #151515; border: none; border: 1px solid #9B9FA2; font-size: 12px; height: 35px; font-family: Arial; } .login-form-container .content .login-inputs::-webkit-input-placeholder { color: #0D0D0D; } .login-form-container .content .login-inputs:-moz-placeholder { /* Firefox 18- */ color: #0D0D0D; } .login-form-container .content .login-inputs::-moz-placeholder { /* Firefox 19+ */ color: #0D0D0D; } .login-form-container .content .login-inputs:-ms-input-placeholder { color: #0D0D0D; } .login-form-container .content .login-inputs:focus::-webkit-input-placeholder { color:transparent; } .login-form-container .content .login-inputs:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ .login-form-container .content .login-inputs:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ .login-form-container .content .login-inputs:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ .login-form-container .content .error_text { font-size: 12px; color: red; display: none; } .login-form-container .content .custom-checkbox { width: 15px; height: 15px; cursor: pointer; position: relative; display: inline-block; background: #565656; border: 1px solid #565656; margin-bottom: 0; } .login-form-container .content .custom-checkbox:after { content: ''; width: 6px; height: 3px; position: absolute; top: 4px; left: 3px; border: 1px solid #FFFFFF; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .login-form-container .content .custom-checkbox:hover::after { opacity: 1; } .login-form-container .content input[type=checkbox] { visibility: hidden; display: none; } .login-form-container .content input[type=checkbox]:checked + label:after { opacity: 1; } .login-form-container .content .checkbox_label { display: inline-block; vertical-align: middle; font-size: 11px; color: #151515; font-family: Arial; margin-top: 3px; margin-left: 3px; } .login-form-container .content .form-btn { margin-top: 10px; width: 100%; border: none; text-transform: uppercase; font-size: 18px; padding: 5px; color: #FFFFFF; outline: none; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; } .login-form-container .content .reminder { text-align: center; display: block; margin-top: 20px; color: #151515; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .login-form-container .content .icons-holder { width: 100%; display: block; text-align: center; margin-top: 15px; } .login-form-container .content .icon { text-decoration: none; display: inline-block; } .login-form-container .content .icon img { width: 80%; } .login-form-container2 .content .login-form { width: 100%; display: block; position: relative; } .login-form-container2 .content .f-control { margin-bottom: 15px; display: block; position: relative; } .login-form-container2 .content .login_label { font-weight: 100; color: #FFFFFF; } .login-form-container2 .content .fa { position: absolute; top: 10px; font-size: 16px; left: 5px; color: #565656; margin-left: 5px; } .login-form-container2 .content .login-inputs { width: 100%; padding: 5px 8px 5px 30px; outline: none; background: none; color: #151515; border: none; border: 1px solid #9B9FA2; font-size: 12px; height: 35px; font-family: Arial; } .login-form-container2 .content .login-inputs::-webkit-input-placeholder { color: #0D0D0D; } .login-form-container2 .content .login-inputs:-moz-placeholder { /* Firefox 18- */ color: #0D0D0D; } .login-form-container2 .content .login-inputs::-moz-placeholder { /* Firefox 19+ */ color: #0D0D0D; } .login-form-container2 .content .login-inputs:-ms-input-placeholder { color: #0D0D0D; } .login-form-container2 .content .login-inputs:focus::-webkit-input-placeholder { color:transparent; } .login-form-container2 .content .login-inputs:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ .login-form-container2 .content .login-inputs:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ .login-form-container2 .content .login-inputs:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ .login-form-container2 .content .error_text { font-size: 12px; color: red; display: none; } .login-form-container2 .content .custom-checkbox { width: 15px; height: 15px; cursor: pointer; position: relative; display: inline-block; background: #565656; border: 1px solid #565656; margin-bottom: 0; } .login-form-container2 .content .custom-checkbox:after { content: ''; width: 6px; height: 3px; position: absolute; top: 4px; left: 3px; border: 1px solid #FFFFFF; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .login-form-container2 .content .custom-checkbox:hover::after { opacity: 1; } .login-form-container2 .content input[type=checkbox] { visibility: hidden; display: none; } .login-form-container2 .content input[type=checkbox]:checked + label:after { opacity: 1; } .login-form-container2 .content .checkbox_label { display: inline-block; vertical-align: middle; font-size: 11px; color: #151515; font-family: Arial; margin-top: 3px; margin-left: 3px; } .login-form-container2 .content .form-btn { margin-top: 10px; width: 100%; border: none; text-transform: uppercase; font-size: 18px; padding: 5px; color: #FFFFFF; outline: none; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; } .login-form-container2 .content .reminder { text-align: center; display: block; margin-top: 20px; color: #151515; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .login-form-container2 .content .icons-holder { width: 100%; display: block; text-align: center; margin-top: 15px; } .login-form-container2 .content .icon { text-decoration: none; display: inline-block; } .login-form-container2 .content .icon img { width: 80%; } .bottom_user_section { width: 100%; display: block; position: relative; } .bottom_user_section .to_b_f { width: 100%; display: block; position: fixed; background: #0D0D0D; bottom: 0; z-index: 5; } .bottom_user_section .to_b_f .wrapper:nth-child(1) { border-top: none; } .bottom_user_section .content { padding: 5px 0; width: 100%; position: relative; display: block; float: left; text-align: center; } @media (max-width: 1100px) { .bottom_user_section .content { text-align: center; margin-bottom: 0; padding: 2px 0; } } .bottom_user_section .content-box { padding: 0; display: block; float: left; } @media (max-width: 1280px) { .bottom_user_section .content-box { float: none; width: auto; display: inline-block; } } .bottom_user_section .content-box-inner { /*width: 100%;*/ display: inline; position: relative; } .bottom_user_section .list { list-style-type: none; width: 100%; display: block; position: relative; padding: 0; text-align: left; margin: 2px 0; z-index: 1; } .bottom_user_section .list .list-item { display: inline-block; position: relative; margin: 0 3px; } @media (max-width: 580px) { .bottom_user_section .list .list-item { margin: 0; } } .bottom_user_section .list .list-item:first-of-type { margin-left: 0; } .bottom_user_section .list .list-item:last-of-type { margin-right: 0; } .bottom_user_section .to-top { float: right; width: auto; } .bottom_user_section .m_btn { border: none; background: none; text-decoration: none; outline: none; display: inline-block; vertical-align: middle; width: 40px; height: 40px; } .bottom_user_section .m_btn_chat { display: inline-block; width: 100px; color: #FF6B00; font-size: 16px; margin-left: 5px; vertical-align: bottom; text-decoration: underline !important; } .bottom_user_section .m_btn img { width: 100%; } @media (max-width: 1100px) { .bottom_user_section .m_btn { height: 36px; width: 36px; } } .bottom_user_section .back-to-top-btn:focus img, .bottom_user_section .back-to-top-btn:active img, .bottom_user_section .back-to-top-btn:hover img { background-position: 0 16.346892%; } .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn { border: none; display: block; position: relative; font-size: 14px; padding: 4px 5px; outline: none; /* text-transform: capitalize; */ color: #FFFFFF; text-decoration: none; text-align: center; } .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn:focus, .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn:active, .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn:focus, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn:active, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn:hover, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn:focus, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn:active, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn:focus, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn:active, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn:hover, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn:focus, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn:active, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn:focus, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn:active, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn:hover, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn:hover, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn:hover { color: #FF6B00; } @media (max-width: 1400px) { .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn:focus, .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn:active, .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn:focus, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn:active, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn:hover, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn:focus, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn:active, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn:focus, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn:active, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn:hover, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn:focus, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn:active, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn:hover, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn:focus, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn:active, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: 400; } } @media (max-width: 420px) { .bottom_user_section .left-box .content-box-inner .list .list-item .cta_btn, .bottom_user_section .left-box .content-box-inner .date-list .list-item .cta_btn, .bottom_user_section .middle-box .content-box-inner .list .list-item .cta_btn, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .cta_btn, .bottom_user_section .right-box .content-box-inner .list .list-item .cta_btn, .bottom_user_section .right-box .content-box-inner .date-list .list-item .cta_btn { font-size: 11px; } } @media (max-width: 732px) { .bottom_user_section .left-box .content-box-inner .list .list-item .blog_cta, .bottom_user_section .left-box .content-box-inner .date-list .list-item .blog_cta, .bottom_user_section .middle-box .content-box-inner .list .list-item .blog_cta, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .blog_cta, .bottom_user_section .right-box .content-box-inner .list .list-item .blog_cta, .bottom_user_section .right-box .content-box-inner .date-list .list-item .blog_cta { display: none; } } @media (max-width: 550px) { .bottom_user_section .left-box .content-box-inner .list .list-item .home_cta, .bottom_user_section .left-box .content-box-inner .date-list .list-item .home_cta, .bottom_user_section .middle-box .content-box-inner .list .list-item .home_cta, .bottom_user_section .middle-box .content-box-inner .date-list .list-item .home_cta, .bottom_user_section .right-box .content-box-inner .list .list-item .home_cta, .bottom_user_section .right-box .content-box-inner .date-list .list-item .home_cta { display: none; } } @media (max-width: 1100px) { .bottom_user_section .left-box, .bottom_user_section .middle-box, .bottom_user_section .right-box { display: inline-block; } .bottom_user_section .left-box .content-box-inner .list, .bottom_user_section .middle-box .content-box-inner .list, .bottom_user_section .right-box .content-box-inner .list { margin: 5px auto; } .bottom_user_section .left-box .content-box-inner .list .list-item, .bottom_user_section .middle-box .content-box-inner .list .list-item, .bottom_user_section .right-box .content-box-inner .list .list-item { margin: 0; } } @media (max-width: 1280px) { .bottom_user_section .left-box { float: left; } } @media (max-width: 420px) { .bottom_user_section .left-box .list-item { float: left; padding: 0 1px; } .bottom_user_section .left-box .list-item:first-of-type { padding-left: 0; } } .recently_played_games { display: block; width: 100%; position: relative; background: #000000; } .recently_played_inner { padding: 3px 0; width: 100%; display: block; position: relative; } .recently_played_inner .action { width: 50%; display: inline-block; position: relative; text-decoration: none; outline: none; text-align: left; background: none; border: none; padding: 0; } .recently_played_inner .text { color: #FFFFFF; font-size: 13px; font-family: 'dinregular'; font-weight: normal; font-style: normal; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } @media (max-width: 767px) { .recently_played_inner .text { font-size: 12px; } .recently_played_inner .text .remove { display: none; } } .recently_played_inner .text-active { font-size: 16px; color: #FFFFFF; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } @media (max-width: 767px) { .recently_played_inner .text-active { font-size: 14px; } } .recently_played_inner .icon { margin-left: 5px; font-size: 18px; color: #FF6B00; vertical-align: bottom; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } @media (max-width: 992px) { .recently_played_inner .icon { font-size: 22px; } } @media (max-width: 767px) { .recently_played_inner .icon { font-size: 18px; margin-left: 5px; } } .recently_played_inner .fa-caret-down { font-size: 23px; margin-left: 5px; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } @media (max-width: 992px) { .recently_played_inner .fa-caret-down { font-size: 22px; } } @media (max-width: 767px) { .recently_played_inner .fa-caret-down { font-size: 18px; margin-left: 5px; } } .recently_played_inner .favourite-games { text-align: right; float: right; } .recently_played_inner .hide { display: none; } .recently_played_inner .full { width: 100%; } .recently_played_inner .games_list_holder { width: 100%; display: none; position: relative; float: left; } .recently_played_inner .games_list_inner { width: 100%; display: block; position: relative; overflow: -moz-scrollbars-none !important; -ms-overflow-style: none; overflow-y: hidden; white-space: nowrap; -moz-overflow-scrolling: touch; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; } .recently_played_inner .games_list_inner::-webkit-scrollbar { height: 0; } .js .recently_played_inner .games_list_inner { -ms-overflow-style: -ms-autohiding-scrollbar; } .js .recently_played_inner .games_list_inner::-webkit-scrollbar { display: none; } .recently_played_inner .games_list_inner .game { margin: 10px auto; padding: 0 15px 0 0; float: none; display: inline-block; } @media (max-width: 700px) { .recently_played_inner .games_list_inner .game { width: 21.666667%; } } @media (max-width: 480px) { .recently_played_inner .games_list_inner .game { width: 37.333333%; } } .recently_played_inner .favourite-games-list .fav_holder { top: 1%; right: 2%; display: block; position: absolute; z-index: 10; } .recently_played_inner .favourite-games-list .fav { color: #E51E20; outline: none; border-radius: 100%; display: block; position: relative; padding: 4px; font-size: 9px; } .recently_played_inner .favourite-games-list .fav:focus:before, .recently_played_inner .favourite-games-list .fav:active:before, .recently_played_inner .favourite-games-list .fav:hover:before { content: "\f08a"; } footer { width: 100%; position: relative; display: block; border-top: 1px solid #000000; color: #717171; background: #101010; padding: 22px 0; font-family: Arial, Helvetica, sans-serif; } footer .container-fluid { max-width: 1270px; width: 100%; } @media (max-width: 1024px) { .footer .container-fluid { font-size: 12px; padding-right: 30px; padding-left: 30px; text-align: left; } } footer .center-footer { text-align: center; } footer .f-row { width: 100%; display: block; position: relative; } @media (max-width: 1024px) { footer .f-row { max-width: 580px; width: 100%; margin: 0 auto; } } footer .left, footer .right { width: 50%; float: left; padding-left: 15px; padding-right: 15px; } @media (max-width: 1024px) { footer .left, footer .right { width: 100%; text-align: center; } } footer .left { padding-left: 0; } @media (max-width: 1024px) { footer .left { display: none; } } footer .left .list_holder { padding: 0; } footer .left .list_title { font-family: Arial, Helvetica, sans-serif; font-size: 19px; text-transform: capitalize; margin-bottom: 5px; } footer .left .footer_list { padding: 0; margin: 0; list-style-type: none; } footer .left .link { color: #717171; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } footer .left .link:hover { text-decoration: none; color: #FF6B00; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } footer .right { padding-right: 0; text-align: right; /* payment sprites */ } @media (max-width: 1024px) { footer .right { padding-right: 15px; } } footer .right .content { width: 100%; position: relative; display: block; } footer .right .social_row { width: 100%; display: block; position: relative; } footer .right .social_list { list-style-type: none; padding: 0; margin: 0; display: block; position: relative; margin-bottom: 25px; } @media (max-width: 625px) { footer .right .social_list { margin-bottom: 10px; } } footer .right .social_list li { display: inline-block; margin-right: 20px; } @media (max-width: 1024px) { footer .right .social_list li { margin: 0 10px; } } footer .right .fa { text-decoration: none; color: #565656; font-size: 35px; } footer .right .fa:hover { color: #FF6B00; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } footer .right .sponsor_row { width: 100%; display: block; position: relative; } footer .right .sponsor_row .charleroi2 { margin-left: 5px; margin-top: 20px; } footer .right .sponsor_row .charleroi2 img { max-width: 100%; } footer .right .be_comission, footer .right .charleroi, footer .right .charleroi { /*float: left;*/ margin-bottom: 20px; width: 50%; } footer .right .charleroia, footer .right .charleroib { float: none; margin-bottom: 11px; margin-right: 10px; padding: 0 4px; width: 100%; display: inline; } @media (max-width: 625px) { footer .right .be_comission, footer .right .charleroi, footer .right .charleroi2 { float: none; display: block; text-align: center; margin: 10px auto; } footer .right .charleroia { float: none; display: block; text-align: center; margin: 10px auto; width: 100%; } footer .right .charleroib{ float: none; display: block; text-align: center; margin: 10px auto; width: 100%; } } footer .right .be_comission img { max-width: 376px; width: 100%; height: 53px; } footer .right .charleroi img { max-width: 230px; width: 100%; } @media (max-width: 1024px) { footer .right .charleroi { text-align: left; } } @media (max-width: 625px) { footer .right .charleroi { text-align: center; } } footer .right .sprites_row { width: 100%; display: block; position: relative; margin-top: 25px; } @media (max-width: 625px) { footer .right .sprites_row { margin-top: 15px; } } footer .right .sprites_container { width: 100%; } footer .right .sprites, footer .right .top-row { list-style-type: none; display: block; width: 100%; position: relative; padding: 0; margin: 10px 0; } footer .right .holder { display: inline-block; } footer .right .holder a { background-image: url(https://css.casino777.be/desktop/Themes/casino777v5/images/respon_en.png); background-repeat: no-repeat; display: inline-block; height: 29px; padding: 0 6px; margin: 0 0 12px; float: left; cursor: default; } footer .right .responsible-gamming { background-position: 0 0; width: 102px; height: 30px; } footer .right .responsible-gamming:hover { background-position: 0px -30px; } footer .right .clinic { background-position: -104px 0; width: 120px; height: 30px; } footer .right .clinic:hover { background-position: -104px -30px; } footer .right .gamblers-anonymous { background-position: -230px 0; width: 170px; height: 30px; } footer .right .gamblers-anonymous:hover { background-position: -230px -30px; } footer .left .bottom-row .holder { display: inline-block; } footer .left .bottom-row .holder a { background-image: url(https://casino777.be/c777_editor/assets/img/payment-methods-spritesheet.png); background-repeat: no-repeat; display: inline-block; height: 29px; margin-bottom: 11px; margin-right: 10px; padding: 0 4px; } footer .left .payment-hipay { width: 65px; background-position: -24px -102px; } footer .left .payment-hipay:hover { background-position: -24px -133px; } footer .left .payment-mistercash { background-position: -690px -108px; width: 45px; } footer .left .payment-mistercash:hover { background-position: -690px -137px; } footer .left .payment-mastercard { background-position: -92px -46px; width: 47px; } footer .left .payment-mastercard:hover { background-position: -92px -75px; } footer .left .payment-visa { background-position: -204px -46px; width: 47px; } footer .left .payment-visa:hover { background-position: -204px -75px; } footer .left .payment-ing { background-position: -259px -45px; width: 51px; } footer .left .payment-ing:hover { background-position: -259px -75px; } footer .left .payment-belfius { background-position: -325px -46px; width: 61px; } footer .left .payment-belfius:hover { background-position: -325px -76px; } footer .left .payment-kbc { background-position: -401px -44px; width: 47px; } footer .left .payment-kbc:hover { background-position: -401px -73px; } footer .left .payment-cbc { background-position: -464px -44px; width: 44px; } footer .left .payment-cbc:hover { background-position: -464px -73px; } footer .left .payment-skrill { width: 54px; background-position: -193px -104px; } footer .left .payment-skrill:hover { background-position: -193px -134px; } footer .left .payment-paysafecard { width: 95px; background-position: -461px -102px; } footer .left .payment-paysafecard:hover { background-position: -461px -132px; } footer .left .payment-tsi { background-position: -610px -104px; width: 70px; } footer .left .payment-tsi:hover { background-position: -610px -135px; } footer .left .payment-paypal { background-position: -729px -106px; width: 76px; } footer .left .payment-paypal:hover { background-position: -728px -137px; } footer .left .payment-neteller { width: 62px; background-position: -257px -102px; } footer .left .payment-neteller:hover { background-position: -257px -132px; } footer .right .rate { display: block; position: relative; margin-bottom: 5px; } footer .right .payout-rate { border: 1px solid #565656; border-radius: 3px; display: inline-block; font-weight: 400; margin: 4px 10px; padding: 3px; font-size: 11px; } footer .s-row { width: 100%; display: block; position: relative; margin-top: 20px; margin-bottom: 10px; } footer .s-row.lobby-provider-info { font-size: 11px; } footer .s-row.lobby-provider-info h2 { font-size: 18px; } footer .s-row-alt { width: 100%; display: block; position: relative; margin-top: 0!important; margin-bottom: 10px; } @media (max-width: 1024px) { footer .s-row { /*display: none;*/ } } footer .s-row .footer_title { font-size: 18px; } footer .s-row .text { font-size: 11px; margin-bottom: 20px; } @media (max-width: 1024px) { footer .t-row { text-align: center; margin-top: 40px; } } footer .t-row .copy_footer .text { font-weight: normal; font-size: 13px; } footer .t-row .copy_footer .alt-text { font-weight: normal; font-size: 12px !important; } footer .lst-row .text { text-align: center; font-size: 11px; } /*footer .lst-row .text-small { text-align: center; font-size: 11px; }*/ footer .link-text { color: #717171; /*font-size: 11px;*/ text-decoration: underline; } @media (max-width: 1024px) { footer .lst-row { margin-top: 15px; } } footer .lst-row { margin-top: 20px; } .egames_footer { width: 100%; position: relative; display: block; border-top: 1px solid #000000; color: #717171; background: #101010; padding: 22px 0; font-family: Arial, Helvetica, sans-serif; } .egames_footer .container-fluid { max-width: 1560px; width: 100%; } @media (max-width: 1024px) { .egames_footer .container-fluid { font-size: 12px; padding-right: 30px; padding-left: 30px; text-align: left; } } .egames_footer .center-footer { text-align: center; } .egames_footer .close_button_holder { width: 5%; position: absolute; display: block; right: 20px; top: 10px; } .egames_footer .popup_close_btn { color: #FF6B00; background: none; border: none; font-size: 17px; outline: none; padding: 0; float: left; } .game_popUp_main { width: 100%; position: fixed; display: none; background: rgba(21, 21, 21, 0.55); height: 100%; z-index: 11; top: 0; left: 0; } .game_popUp_main .game_popUp { background: #0D0D0D; position: fixed; top: 50%; margin-top: -170px; left: 50%; margin-left: -246px; display: block; max-width: 480px; width: 100%; } @media (max-width: 560px) { .game_popUp_main .game_popUp { width: 100%; max-width: 300px; margin-left: -150px; } } .game_popUp_main .area_header { width: 100%; background: #000000; padding: 10px 5px; display: block; position: relative; float: left; } .game_popUp_main .area_header .close_button_holder { width: 5%; position: relative; display: block; float: left; text-align: right; } .game_popUp_main .area_header .close_btn { outline: none; border: none; background: none; color: #FF6B00; font-size: 18px; vertical-align: sub; padding: 0px; } .game_popUp_main .area_header .form_title_holder { display: block; position: relative; text-align: center; width: 90%; float: left; } .game_popUp_main .area_header .text { font-size: 18px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FF6B00; margin-bottom: 0; } @media (max-width: 1024px) { .game_popUp_main .area_header .text { font-size: 16px; } } .game_popUp_main .area_header .help { width: 5%; display: block; float: left; } .game_popUp_main .area_header img { max-width: 20px; width: 100%; } .game_popUp_main .content { width: 100%; display: block; position: relative; } .game_popUp_main .content .game_popup_banner { width: 100%; position: relative; display: block; } .game_popUp_main .content .bg_img { width: 100%; position: absolute; height: 165px; overflow: hidden; } .game_popUp_main .content .bg_img img { width: 100%; -webkit-filter: blur(15px); filter: blur(15px); } .game_popUp_main .content .img_holder { max-width: 139px; width: 100%; margin: 0 auto; padding: 15px 0; } .game_popUp_main .content .img_holder img { width: 100%; -webkit-filter: blur(0px); filter: blur(0px); } .game_popUp_main .content .game_popup_main { width: 100%; display: block; position: relative; padding: 20px; text-align: center; } .game_popUp_main .content .text { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; font-size: 12px; color: #C6C6C6; } .game_popUp_main .content .text .bold { font-weight: 700; } .game_popUp_main .content .btn_holder { width: 100%; display: block; position: relative; margin: 20px auto; } .game_popUp_main .content .cta_btn { outline: none; text-decoration: none; color: #FFFFFF; text-transform: uppercase; max-width: 130px; width: 100%; display: inline-block; padding: 8px 5px; margin: 0 5px; font-size: 16px; } .game_popUp_main .content .cta_btn2 { outline: none; text-decoration: none; color: #FFFFFF; text-transform: uppercase; max-width: 200px; width: 100%; display: inline-block; padding: 8px 5px; margin: 0 5px; font-size: 14px; } .game_popUp_main .content .bottom_link_holder .bottom_link { color: #6B6B6B; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #pop_game_L_in .game_popUp .content .game_popup_main .btn_holder .cta_btn { max-width: 160px; width: 100%; } .main_preview { padding-right: 0; } @media (max-width: 1024px) { .main_preview { padding: 0; width: 100%; } .game_popUp_main .content .cta_btn { margin-bottom: 8px !important; } .bottom_link_holder { margin-top: -15px; } } .main_preview .preview_section { width: 100%; display: block; position: relative; } .main_preview .preview_content { width: 100%; display: block; position: relative; } .main_preview .preview_row { display: block; position: relative; width: 100%; } .main_preview .preview_box { margin-bottom: 15px; } .main_preview .preview_box:nth-child(1), .main_preview .preview_box:nth-child(4), .main_preview .preview_box:nth-child(7) { padding-left: 0; } .main_preview .preview_box:nth-child(2), .main_preview .preview_box:nth-child(5) { padding: 0 7px; } .main_preview .preview_box:nth-child(3), .main_preview .preview_box:nth-child(6) { padding-right: 0; } @media (max-width: 732px) { .main_preview .preview_box { width: 50%; padding: 0 7px !important; } } @media (max-width: 480px) { .main_preview .preview_box { padding: 0 !important; width: 100%; } } .main_preview .box_header { background: #000000; width: 100%; display: block; position: relative; margin: 10px auto 5px; } .main_preview .box_header .title { color: #FF6B00; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; margin: 0; padding: 15px; text-transform: uppercase; } @media (max-width: 992px) { .main_preview .box_header .title { font-size: 14px; } } .main_preview .box_content { width: 100%; display: block; position: relative; padding: 15px; background: #0D0D0D; height: 540px; } @media (max-width: 992px) { .main_preview .box_content { height: 480px; } } @media (max-width: 732px) { .main_preview .box_content { min-height: 0; height: auto; } } .main_preview .box_content .text { text-align: center; } @media (max-width: 992px) { .main_preview .box_content .text { font-size: 12px; } } .main_preview .box_content .img_holder { display: block; position: relative; width: 100%; margin-bottom: 20px; } .main_preview .box_content .img_holder img { width: 100%; } .main_preview .box_content .box_desc { width: 100%; display: block; position: relative; } @media (max-width: 732px) { .main_preview .box_content .box_desc { margin-bottom: 15px; } } .main_preview .box_content .text_holder { width: 100%; position: relative; display: block; min-height: 220px; } @media (max-width: 732px) { .main_preview .box_content .text_holder { min-height: 200px; } } @media (max-width: 480px) { .main_preview .box_content .text_holder { min-height: 1px; } } .main_preview .box_content .text_holder .text { color: #FFFFFF; text-align: left; } .main_preview .box_content .btn_holder { width: 100%; display: block; position: relative; text-align: center; margin-top: 20px; } .main_preview .box_content .cta_btn { position: relative; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 5px; max-width: 180px; width: 100%; display: block; margin: 0 auto; } .main_preview .box_content .cta_btn:hover, .main_preview .box_content .cta_btn:active, .main_preview .box_content .cta_btn:focus { text-decoration: none; } @media (max-width: 480px) { .main_preview .box_content .cta_btn { font-size: 14px; } } .main_referal { padding-right: 0; } @media (max-width: 1024px) { .main_referal { padding: 0; width: 100%; } } .referal_section { width: 100%; display: block; position: relative; } .referal_section_no_games { width: 69%; display: block; position: relative; font-family: Arial, Helvetica, sans-serif; border: 0px; border-radius: 0px; background: #000000; color: #fff; font-size: 12px; } @media (max-width: 625px) { .referal_section_no_games { width: 100%; padding-bottom: 10px } } @media (max-width: 365px) { .referal_section_no_games { width: 100%; padding-bottom: 10px } } @media (max-width: 800px) { .referal_section_no_games { width: 100%; padding-bottom: 10px } } @media (max-width: 625px) { .referal_section { width: 100%; float: left; } } .referal_section .text { color: #FFFFFF; margin-bottom: 0; font-size: 12px; padding: 0 15px; } .referal_content { width: 100%; display: block; position: relative; } .referal_content .content_box { margin-bottom: 10px; } .referal_content .content_box:nth-child(1) { margin-top: 10px; padding: 0; } .referal_content .content_box:nth-child(2) { padding-left: 0; } @media (max-width: 767px) { .referal_content .content_box:nth-child(2) { padding: 0; } } .referal_content .content_box:nth-child(3) { padding: 0; } .referal_content .content_box .content_box_inner { background: #0D0D0D; width: 100%; display: block; position: relative; text-align: center; padding: 15px; } .referal_content .content_box .title { font-size: 16px; color: #FF6B00; text-transform: uppercase; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; } .referal_content .content_box .text { color: #FFFFFF; } .referal_content .content_box .social_btn_holder { margin: 15px; display: inline-block; } .referal_content .content_box .social_btn { color: #FFFFFF; text-decoration: none; padding: 5px; width: 120px; display: block; } @media (max-width: 365px) { .referal_content .content_box .social_btn { width: 95px; } } .referal_content .content_box .social_btn .fa { margin: 0 5px 0 0; } .referal_content .content_box .facebook { background: #3B5998; } .referal_content .content_box .twitter { background: #1DA1F3; } .referal_content .content_box .referal_form { width: 100%; display: block; position: relative; } .referal_content .content_box .input_holder { width: 100%; display: block; position: relative; } .referal_content .content_box .f-control { display: block; position: relative; width: 100%; padding: 0 5px; float: left; } @media (max-width: 469px) { .referal_content .content_box .f-control { margin: 10px auto; } } .referal_content .content_box .input { outline: none; width: 48.5%; display: inline-block; margin: 5px 3px; height: 30px; padding: 0 10px; background: #CCCCCC; border: none; } @media (max-width: 1200px) { .referal_content .content_box .input { width: 48%; } } @media (max-width: 469px) { .referal_content .content_box .input { width: 100%; } } .referal_content .content_box::-webkit-input-placeholder { color: #0D0D0D; } .referal_content .content_box:-moz-placeholder { /* Firefox 18- */ color: #0D0D0D; } .referal_content .content_box::-moz-placeholder { /* Firefox 19+ */ color: #0D0D0D; } .referal_content .content_box:-ms-input-placeholder { color: #0D0D0D; } .referal_content .content_box .text_area { height: auto; display: block; position: relative; padding-top: 5px; width: 99%; margin-bottom: 15px; } .referal_content .content_box .add_more { color: #FFFFFF; text-decoration: none; text-align: right; font-size: 12px; margin: 10px auto; display: block; padding-right: 10px; float: right; width: 180px; } .referal_content .content_box .add_more .more { font-size: 16px; vertical-align: middle; } .referal_content .content_box .btn_holder { width: 100%; display: inline-block; position: relative; text-align: right; padding: 0 10px; } .referal_content .content_box .invite_btn { outline: none; border: none; color: #FFFFFF; text-transform: uppercase; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; padding: 5px 15px; } /* adress book area */ .address_book .text { font-size: 12px; text-align: left; padding: 0; } @media (max-width: 767px) { .address_book .text { padding: 0 25px; } } @media (max-width: 420px) { .address_book .text { padding: 0 15px; } } .address_book .buttons_holder { margin: 30px auto; position: relative; display: block; width: 100%; } @media (max-width: 430px) { .address_book .buttons_holder { margin: 10px auto 0; } } .address_book .buttons_holder .btn_holder { display: block; position: relative; margin: 20px auto; } @media (max-width: 767px) { .address_book .buttons_holder .btn_holder { display: inline-block; margin: 0; width: 120px; } } @media (max-width: 430px) { .address_book .buttons_holder .btn_holder { width: 100%; margin: 10px auto; } } .address_book .buttons_holder .adress_btn { color: #FFFFFF; text-transform: uppercase; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; text-decoration: none; width: 120px; padding: 5px; display: block; position: relative; margin: 43px auto; text-align: center; } @media (max-width: 1200px) { .address_book .buttons_holder .adress_btn { margin: 39px auto; } } @media (max-width: 1024px) { .address_book .buttons_holder .adress_btn { margin: 43px auto; } } @media (max-width: 992px) { .address_book .buttons_holder .adress_btn { margin: 39px auto; } } @media (max-width: 767px) { .address_book .buttons_holder .adress_btn { margin: 0 auto; } } @media (max-width: 430px) { .address_book .buttons_holder .adress_btn { min-width: 100%; padding: 10px 0; } } /* terms toggle */ .main_referal .item_holder { width: 100%; display: block; position: relative; } .main_referal .item_holder .item_btn { background: #0D0D0D; display: block; color: #FFFFFF; padding: 10px 15px; text-transform: uppercase; text-decoration: none; } .main_referal .item_holder .item_btn:hover, .main_referal .item_holder .item_btn:active, .main_referal .item_holder .item_btn:focus { text-decoration: none; } .main_referal .item_holder .more { float: right; font-size: 16px; } .main_referal .item_holder .answer { position: relative; background: none; -webkit-box-shadow: 0; box-shadow: 0; border: none; -webkit-box-shadow: 0 6px 12px transparent; box-shadow: 0 6px 12px transparent; padding: 15px; z-index: 0; } .main_referal .item_holder .title { font-size: 14px; font-weight: bold; color: #FFFFFF; } .main_referal .item_holder .text { padding: 0; } .main_referal .item_holder .list { padding: 0; list-style-type: none; width: 100%; display: block; position: relative; } .main_referal .item_holder .link { width: 100%; display: block; position: relative; margin-top: 20px; color: #FF6B00; font-size: 12px; } .instructions_holder { width: 100%; position: relative; display: block; margin-bottom: 20px; } .instructions_holder .instructions_inner { width: 100%; display: block; position: relative; text-align: left; padding: 0 15px; } .instructions_holder .instructions_inner .text { color: #FFFFFF; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .instructions_holder .instructions_inner .star { color: #FFD200; } .instructions_holder .instructions_inner .heart { color: #E51E20; } .instructions_holder .instructions_inner .star, .instructions_holder .instructions_inner .heart { margin-right: 5px; } .main_contacts { padding-right: 0; } @media (max-width: 1024px) { .main_contacts { width: 100%; padding: 0; } } .main_contacts .contacts_holder { width: 100%; display: block; position: relative; } .main_contacts .contacts_section { width: 100%; display: block; position: relative; font-family: Arial, Helvetica, sans-serif; } .main_contacts .contacts_message { color: #FFFFFF; margin: 10px auto 20px; padding: 0 5px; font-size: 14px; } @media (max-width: 565px) { .main_contacts .contacts_message { padding: 0; margin: 10px auto; } } .contacts_content { width: 100%; display: block; position: relative; } .contacts_content .info-col { float: right; padding: 0; } @media (max-width: 992px) { .contacts_content .info-col { float: left; padding: 0; width: 100%; } } .contacts_content .form_holder { padding-left: 0; } @media (max-width: 992px) { .contacts_content .form_holder { padding: 0; margin-bottom: 10px; } } .contacts_content .form_holder_inner { background: #0D0D0D; width: 100%; display: block; position: relative; padding: 15px; text-align: center; } .contacts_content .title { color: #FF6B00; font-size: 16px; text-transform: uppercase; } .contacts_content .text { color: #FFFFFF; font-size: 12px; } .contacts_content .contacts { width: 100%; display: block; position: relative; } .contacts_content .contacts .f-control { width: 100%; display: block; position: relative; margin-bottom: 20px; } .contacts_content .contacts .form_input { display: block; position: relative; margin: 0 auto; width: 100%; padding: 0 10px; outline: none; background: #CCCCCC; border: none; } .contacts_content .contacts .selectpicker { height: 30px; /* reset arrow */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; /* custom arrow */ background-image: -webkit-linear-gradient(45deg, transparent 50%, #FF6B00 50%), -webkit-linear-gradient(315deg, #FF6B00 50%, transparent 50%); background-image: -o-linear-gradient(45deg, transparent 50%, #FF6B00 50%), -o-linear-gradient(315deg, #FF6B00 50%, transparent 50%); background-image: linear-gradient(45deg, transparent 50%, #FF6B00 50%), linear-gradient(135deg, #FF6B00 50%, transparent 50%); background-position: calc(100% - 22px) calc(1em + -2px), calc(100% - 14px) calc(1em + -2px), 100% 0; background-size: 8px 8px, 8px 8px, 3.5em 3.5em; background-repeat: no-repeat; } .contacts_content .contacts input { height: 30px; } .contacts_content .contacts::-webkit-input-placeholder { color: #0D0D0D; } .contacts_content .contacts:-moz-placeholder { /* Firefox 18- */ color: #0D0D0D; } .contacts_content .contacts::-moz-placeholder { /* Firefox 19+ */ color: #0D0D0D; } .contacts_content .contacts:-ms-input-placeholder { color: #0D0D0D; } .contacts_content .contacts select::-ms-expand { display: none; } .contacts_content .contacts .img_holder { margin-top: 15px; text-align: left; display: block; } @media (max-width: 565px) { .contacts_content .contacts .img_holder { text-align: center; } .contacts_content .contacts .img_holder img { margin: 0 auto 15px; } } .contacts_content .contacts img { display: block; max-width: 152px; width: 100%; margin-bottom: 15px; } .contacts_content .contacts .captcha_link { color: #FFFFFF; text-decoration: none; font-size: 12px; } .contacts_content .contacts .last_r { margin-bottom: 0; } .contacts_content .contacts .btn_holder { position: absolute; display: block; bottom: 40px; right: 0; } @media (max-width: 565px) { .contacts_content .contacts .btn_holder { position: relative; bottom: 0; margin-top: 15px; } } .contacts_content .contacts .form_btn { border: none; color: #FFFFFF; text-transform: uppercase; outline: none; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; padding: 8px 15px; } .contacts_content .info_holder, .contacts_content .info_holder_mobile { padding-right: 0; padding-left: 0; margin-bottom: 15px; } @media (max-width: 992px) { .contacts_content .info_holder, .contacts_content .info_holder_mobile { margin-bottom: 10px; width: 100%; } } .contacts_content .info_holder .info_inner, .contacts_content .info_holder_mobile .info_inner { font-family: Arial, Helvetica, sans-serif; padding: 12px; background: #0D0D0D; } .contacts_content .info_holder .title, .contacts_content .info_holder_mobile .title { text-transform: initial; text-align: center; color: #FF6B00; font-size: 16px; } .contacts_content .info_holder .btn_holder, .contacts_content .info_holder_mobile .btn_holder { width: 100%; display: block; position: relative; text-align: center; } .contacts_content .info_holder .chat_btn, .contacts_content .info_holder_mobile .chat_btn { font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; padding: 9px 15px; color: #FFFFFF; text-transform: uppercase; display: block; position: relative; max-width: 150px; margin: 20px auto; text-decoration: none; font-size: 16px; } @media (max-width: 992px) { .contacts_content .info_holder .chat_btn, .contacts_content .info_holder_mobile .chat_btn { margin: 10px auto; font-size: 14px; } } .contacts_content .info_holder .text_holder, .contacts_content .info_holder_mobile .text_holder { width: 100%; position: relative; display: block; margin-top: 0px; } @media (max-width: 992px) { .contacts_content .info_holder .text_holder, .contacts_content .info_holder_mobile .text_holder { margin-top: 15px; } } .contacts_content .info_holder .text, .contacts_content .info_holder_mobile .text { margin-bottom: 0; color: #FFFFFF; font-size: 12px; } @media (max-width: 992px) { .contacts_content .chat { display: none; } } .contacts_content .info_holder_mobile { display: none; } @media (max-width: 992px) { .contacts_content .info_holder_mobile { display: block; } } /* faq */ .faq_holder { float: left; font-family: Arial, Helvetica, sans-serif; width: 75%; display: block; position: relative; margin-top: 10px; padding-right: 15px; } @media (max-width: 992px) { .faq_holder { width: 100%; padding-right: 0; } } .faq_holder .title_holder { width: 100%; display: block; background: #000000; padding: 8px 15px; } .faq_holder .title_holder .title { margin-bottom: 0; color: #FF6B00; text-transform: uppercase; font-size: 16px; } .faq_holder .faq_list { width: 100%; list-style-type: none; padding: 0; margin: 5px auto; } .faq_holder .faq_list .list_item { width: 100%; display: block; margin-bottom: 5px; position: relative; } .faq_holder .faq_list .item_btn { display: block; background: #0D0D0D; position: relative; padding: 8px 15px; color: #FFFFFF; text-decoration: none; font-size: 13px; } @media (max-width: 420px) { .faq_holder .faq_list .item_btn { font-size: 12px; } } @media (max-width: 345px) { .faq_holder .faq_list .item_btn { font-size: 10px; } } .faq_holder .faq_list .item_btn .more { float: right; font-size: 20px; margin-top: -5px; } .faq_holder .answer { display: none; padding: 10px; list-style-type: none; width: 100%; position: relative; border: none; -webkit-box-shadow: 0 6px 12px transparent; box-shadow: 0 6px 12px transparent; z-index: 1; margin: 5px auto 5px; font-size: 13px; } .faq_holder .answer li { padding: 0px; } .faq_holder .answer p { color: #FFFFFF; margin-bottom: 0; } @media (max-width: 420px) { .faq_holder .answer p { font-size: 12px; } } @media (max-width: 345px) { .faq_holder .answer p { font-size: 10px; } } .invite_section { background: #0D0D0D; float: left; width: 100%; position: relative; display: block; } .invite_content { padding-top: 30px; padding-bottom: 30px; } .invite_content .form { width: 100%; } .invite_content .select-all, .invite_content .list { width: 100%; display: block; position: relative; } .invite_content .select-all { margin-top: 20px; margin-bottom: 20px; } .invite_content .list { list-style-type: none; padding: 0; margin: 25px auto; width: 100%; } .invite_content .list li { width: 100%; } .invite_content input[type=checkbox] { visibility: hidden; } .invite_content input[type=checkbox]:checked + label:after { opacity: 1; } .invite_content .text { display: inline-block; } .invite_content .text, .invite_content .email { color: #FFFFFF; } @media (max-width: 350px) { .invite_content .text, .invite_content .email { font-size: 12px; } } .invite_content .email { text-align: right; float: right; } .invite_content .select-all .text { font-weight: bold; } .invite_content .custom-checkbox { width: 15px; height: 15px; cursor: pointer; position: relative; display: inline-block; background: #0D0D0D; border: 1px solid #FF6B00; margin-bottom: 0; vertical-align: sub; margin-right: 5px; } .invite_content .custom-checkbox:after { content: ''; width: 6px; height: 3px; position: absolute; top: 4px; left: 3px; border: 1px solid #FF6B00; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .invite_content .custom-checkbox:hover::after { opacity: 1; } .invite_content .cta_btn { border: none; padding: 8px 30px; color: #fff; text-transform: uppercase; margin: 0 auto; display: block; } .invite_content .cta_btn:focus { outline: none; } .winners_main { padding-right: 0; } @media (max-width: 1024px) { .winners_main { padding: 0; width: 100%; } } .winners_main .content_holder { width: 100%; display: block; position: relative; } .winners_main .title_mobile { text-align: center; color: #FF6B00; text-transform: uppercase; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; font-size: 20px; margin-bottom: 10px; display: none; } @media (max-width: 736px) { .winners_main .title_mobile { display: block; } } @media (max-width: 1024px) { .winners_main .row { padding: 0 10px; } } .winners_main .collage-container { display: block; width: 100%; outline: none; max-height: 255px; height: 100%; padding: 0 20px; } @media (max-width: 767px) { .winners_main .collage-container { display: none; } } .winners_main .collage-container .p_pic { display: block; width: 16.6666667%; padding: 0 15px; float: left; z-index: 1; } .winners_main .collage-container .p_pic:nth-child(2), .winners_main .collage-container .p_pic:nth-child(4), .winners_main .collage-container .p_pic:nth-child(8), .winners_main .collage-container .p_pic:nth-child(10) { -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.75); position: absolute; top: 55%; -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); width: 110px; padding: 0; } @media (max-width: 1024px) { .winners_main .collage-container .p_pic:nth-child(2), .winners_main .collage-container .p_pic:nth-child(4), .winners_main .collage-container .p_pic:nth-child(8), .winners_main .collage-container .p_pic:nth-child(10) { width: 10%; top: 15%; -webkit-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); } } @media (max-width: 700px) { .winners_main .collage-container .p_pic:nth-child(2), .winners_main .collage-container .p_pic:nth-child(4), .winners_main .collage-container .p_pic:nth-child(8), .winners_main .collage-container .p_pic:nth-child(10) { top: 15%; -webkit-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); } } @media (max-width: 1024px) { .winners_main .collage-container .p_pic { padding: 0 5px; } } .winners_main .collage-container .p_pic:nth-child(2) { left: 12%; -webkit-transform: translateX(-12%); -ms-transform: translateX(-12%); transform: translateX(-12%); } .winners_main .collage-container .p_pic:nth-child(3), .winners_main .collage-container .p_pic:nth-child(7) { margin-top: 30px; } @media (max-width: 700px) { .winners_main .collage-container .p_pic:nth-child(3), .winners_main .collage-container .p_pic:nth-child(7) { margin-top: 15px; } } .winners_main .collage-container .p_pic:nth-child(4) { left: 31%; -webkit-transform: translateX(-31%); -ms-transform: translateX(-31%); transform: translateX(-31%); } .winners_main .collage-container .p_pic:nth-child(6) { margin-top: 70px; } @media (max-width: 700px) { .winners_main .collage-container .p_pic:nth-child(6) { margin-top: 25px; } } .winners_main .collage-container .p_pic:nth-child(8) { left: 64%; top: 29%; -webkit-transform: translate(-29%, -64%); -ms-transform: translate(-29%, -64%); transform: translate(-29%, -64%); } @media (max-width: 700px) { .winners_main .collage-container .p_pic:nth-child(8) { left: 64%; top: 11%; -webkit-transform: translate(-11%, -64%); -ms-transform: translate(-11%, -64%); transform: translate(-11%, -64%); } } .winners_main .collage-container .p_pic:nth-child(10) { left: 87.5%; -webkit-transform: translateX(-87.5%); -ms-transform: translateX(-87.5%); transform: translateX(-87.5%); } .winners_main .collage-container .p_pic img { width: 100%; } .winners_main .slick-active .p_pic { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .winners_main .slick-active .p_pic:nth-child(8) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .winners_main .slick-active .p_pic:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .winners_main .slick-active .p_pic:nth-child(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .winners_main .slick-active .p_pic:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .winners_main .slick-active .p_pic:nth-child(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .winners_main .slick-active .p_pic:nth-child(9) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .winners_main .slick-active .p_pic:nth-child(4) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .winners_main .slick-active .p_pic:nth-child(3) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .winners_main .slick-active .p_pic:nth-child(6) { -webkit-animation-delay: 1s; animation-delay: 1s; } .winners_main .slick-active .p_pic:nth-child(10) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .winners_main .full_winners_list { max-width: 992px; width: 100%; margin: 50px auto; display: block; position: relative; clear: both; } @media (max-width: 1024px) { .winners_main .full_winners_list { max-width: 600px; width: 100%; } } @media (max-width: 767px) { .winners_main .full_winners_list { margin: 0px auto; } } .winners_main .full_winners_list .winners_list { padding: 0; list-style-type: none; margin: 0; } .winners_main .full_winners_list .slider-item { outline: none; } .winners_main .full_winners_list .list-item { width: 100%; position: relative; display: block; float: left; margin: 15px auto; } .winners_main .full_winners_list .game_icon { padding: 0; } .winners_main .full_winners_list .game_icon img { width: 100%; max-width: 60px; margin: 0 auto; } .winners_main .full_winners_list .player_info { margin-top: 10px; padding: 0 10px; } @media (max-width: 767px) { .winners_main .full_winners_list .player_info { margin-top: 0px; } } .winners_main .full_winners_list .player_info .text { color: #FFFFFF; font-size: 18px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; display: inline-block; margin-bottom: 0; } @media (max-width: 767px) { .winners_main .full_winners_list .player_info .text { font-size: 16px; display: block; } } @media (max-width: 375px) { .winners_main .full_winners_list .player_info .text { font-size: 14px; } } .winners_main .full_winners_list .player_info .prize, .winners_main .full_winners_list .player_info .link { color: #FF6B00; } .winners_main .full_winners_list .player_info .link { font-size: 16px; text-decoration: none; margin-left: 10px; padding-bottom: 2px; border-bottom: 1px solid #FF6B00; } @media (max-width: 767px) { .winners_main .full_winners_list .player_info .link { font-size: 16px; margin-left: 0; } } @media (max-width: 375px) { .winners_main .full_winners_list .player_info .link { font-size: 14px; } } .promotions_main { padding-right: 0; padding-left: 18px; /* promo boxes */ } @media (max-width: 1024px) { .promotions_main { width: 100%; padding-left: 0; } } .promotions_main .promotions_inner { width: 100%; display: block; } .promotions_main .column { padding: 0; } .promotions_main .promo { display: block; position: relative; padding: 0 5px; margin-bottom: 10px; } .promotions_main .promo:last-of-type { margin-bottom: 0; } .promotions_main .promo .promo_inner { background: #0D0D0D; display: block; position: relative; width: 100%; float: left; } .promotions_main .promo .promo_img_holder, .promotions_main .promo .promo_description_holder { margin: 10px auto; } @media (max-width: 767px) { .promotions_main .promo .promo_img_holder, .promotions_main .promo .promo_description_holder { width: 100%; } } .promotions_main .promo .promo_img_holder { padding: 0; margin-top: 0; } .promotions_main .promo .promo_img_holder img { width: 100%; display: block; position: relative; } .promotions_main .promo .promo_description_holder { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; position: relative; } @media (max-width: 567px) { .promotions_main .promo .promo_description_holder { margin-top: 0; } } .promotions_main .promo .promo-title { font-weight: bold; font-size: 14px; } @media (max-width: 767px) { .promotions_main .promo .promo-title { margin-bottom: 0; display: inline-block; width: 89%; font-weight: 100; } } .promotions_main .promo .cta_more { display: none; line-height: 20px; color: #FF6B00; font-size: 26px; float: right; outline: none; background: none; border: none; width: 21px; padding: 0; } @media (max-width: 767px) { .promotions_main .promo .cta_more { display: inline-block; } } .promotions_main .promo .cta_more.expanded { font-size: 26px; margin-top: 0; width: 17px; } .promotions_main .promo .text_holder { width: 100%; display: block; position: relative; } @media (max-width: 767px) { .promotions_main .promo .text_holder { display: none; margin-top: 20px; } } .promotions_main .promo .text_holder_inner { width: 100%; display: block; position: relative; } .promotions_main .promo .text { color: #C8C8C8; font-size: 12px; } @media (min-width: 1200px) and (max-width: 1380px) { .promotions_main .promo .text { font-size: 11px; } } .promotions_main .promo .btn_holder { width: 100%; height: 100%; position: relative; display: block; } .promotions_main .promo .cta_btn { text-align: center; text-decoration: none; color: #FF6B00; font-size: 16px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; padding: 8px; width: 100%; display: block; margin: 0 auto; text-decoration: underline; } .promo .text_holder_inner p { color: #C8C8C8; font-size: 12px; } .single_promo_container { width: 100%; display: block; position: relative; background: #0D0D0D; } .single_promo_container .single_promo_inner { padding: 15px; width: 100%; display: block; position: relative; } .single_promo_container .img_container { width: 100%; display: block; position: relative; margin-bottom: 25px; } .single_promo_container img { width: 100%; } @media (max-width: 579px) { .single_promo_container .desktop_promo_bg { display: none; } } .single_promo_container .mobile_promo_bg { display: none; } @media (max-width: 579px) { .single_promo_container .mobile_promo_bg { display: block; } } .single_promo_container .f-control { margin-bottom: 10px; width: 100%; display: block; position: relative; } .single_promo_container .f-control .submit_btn_holder { display: block; position: relative; text-align: center; margin-top: 20px; } .single_promo_container .f-control .submit_btn { color: #FFFFFF; border: 0; outline: none; padding: 5px 20px; text-transform: uppercase; font-size: 14px; } .single_promo_container .text-container { width: 100%; display: block; position: relative; font-family: Arial, Helvetica, Sans-serif; padding: 0 25px; } @media (max-width: 567px) { .single_promo_container .text-container { padding: 0; } } .single_promo_container .text-container .text { color: #FFFFFF; font-size: 12px; } .single_promo_container .text-container .tc_container { width: 100%; display: block; position: relative; margin-top: 20px; } .single_promo_container .text-container .tc_title { margin-bottom: 0; color: #565656; font-size: 11px; font-weight: bold; } .single_promo_container .text-container .tc_list { list-style-type: none; padding: 0; margin: 0; } .single_promo_container .text-container .tc_list .list-item .text { margin-bottom: 0; color: #565656; font-size: 11px; } .interviews_main { padding-right: 0; /* dropdown */ } @media (max-width: 1024px) { .interviews_main { width: 100%; padding: 0; } } .interviews_main .content_holder { width: 100%; display: block; position: relative; /* buttons */ } .interviews_main .content_holder .interviews_container { width: 100%; display: block; position: relative; } .interviews_main .content_holder .interviews_box { width: 100%; display: block; position: relative; background: #0D0D0D; margin-bottom: 10px; padding: 15px; font-family: Arial, Helvetica, sans-serif; } @media (max-width: 568px) { .interviews_main .content_holder .interviews_box { margin-bottom: 7%; } } .interviews_main .content_holder .img_holder { max-width: 126px; width: 100%; float: left; display: block; } @media (max-width: 700px) { .interviews_main .content_holder .img_holder { max-width: 100%; width: 20%; } } @media (max-width: 480px) { .interviews_main .content_holder .img_holder { width: 30%; } } .interviews_main .content_holder img { width: 100%; } .interviews_main .content_holder .title_holder_row { display: block; position: relative; float: left; padding: 0 20px; width: 80%; } @media (max-width: 500px) { .interviews_main .content_holder .title_holder_row { padding-right: 10px; width: 70%; } } .interviews_main .content_holder .title_holder_row .title { font-weight: 700; font-size: 14px; margin-bottom: 15px; color: #FFFFFF; } @media (max-width: 480px) { .interviews_main .content_holder .title_holder_row .title { font-size: 12px; margin-bottom: 10px; } } .interviews_main .content_holder .sub { color: #A0A0A0; font-size: 12px; } @media (max-width: 480px) { .interviews_main .content_holder .sub { font-size: 10px; } } .interviews_main .content_holder .interview_btn_desktop { font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 14px; padding: 0px 10px; width: 150px; outline: none; border: none; position: absolute; right: 15px; bottom: 15px; height: 35px; } @media (max-width: 650px) { .interviews_main .content_holder .interview_btn_desktop { height: 30px; font-size: 14px; padding: 5px; } } @media (max-width: 568px) { .interviews_main .content_holder .interview_btn_desktop { display: none; } } .interviews_main .content_holder .interview_btn_mobile { display: none; outline: none; border: none; position: absolute; right: 15px; bottom: -10px; color: #FF6B00; background: #000000; font-size: 16px; width: 30px; height: 30px; line-height: 5px; padding: 0; text-align: center; -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); } @media (max-width: 568px) { .interviews_main .content_holder .interview_btn_mobile { display: block; } } .interviews_main .dropdown-interview { width: 100%; position: relative; display: none; margin: 15px auto; padding: 0 15px; } .interviews_main .dropdown-interview .list { padding: 0; margin: 0; width: 100%; position: relative; } .interviews_main .dropdown-interview .list-item { font-weight: 700; color: #FFFFFF; margin-bottom: 10px; } .interviews_main .dropdown-interview .question { font-size: 12px; color: #FFFFFF; margin-bottom: 5px; } @media (max-width: 480px) { .interviews_main .dropdown-interview .question { font-size: 11px; } } .interviews_main .dropdown-interview .answer { color: #A0A0A0; font-size: 12px; font-weight: 100; } @media (max-width: 480px) { .interviews_main .dropdown-interview .answer { font-size: 11px; } } .rules_main { padding-right: 0; } @media (max-width: 1024px) { .rules_main { padding: 0; width: 100%; } } .rules_container { width: 100%; display: block; position: relative; } .rules_container .rules_container_inner { width: 100%; display: block; position: relative; font-family: Arial, Helvetica, sans-serif; } .rules_container .rules_container_inner .title { font-size: 14px; color: #FFFFFF; padding: 0 20px; margin: 20px auto; } .rules_list_holder { width: 100%; display: block; position: relative; } .rules_list { width: 100%; display: block; position: relative; list-style-type: none; padding: 0; /* dropdown */ } .rules_list .list-item { width: 100%; position: relative; display: block; margin-bottom: 5px; } .rules_list .rules_btn { background: #0D0D0D; display: block; position: relative; padding: 10px 15px; text-decoration: none; color: #FFFFFF; } .rules_list .rules_btn .name { margin-bottom: 0; display: inline-block; font-size: 14px; } .rules_list .rules_btn .more { float: right; font-size: 17px; } .rules_list .rules_dropdown { width: 100%; display: none; position: relative; padding: 10px 15px; } .rules_list .rules_dropdown .text { color: #FFFFFF; font-size: 13px; margin-bottom: 20px; } .rules_list .rules_dropdown a { text-decoration: underline; color: #FFFFFF; } .rules_list .rules_dropdown a:hover { color: #FF6B00; } .rules_text { color: #FFFFFF; font-size: 13px; margin-bottom: 20px; } .main_404 { /*width: 100%;*/ display: block; position: relative; margin-top: 15px; } .main_404 .content_404 { width: 100%; display: block; position: relative; margin-bottom: 15px; background: #000000; padding: 15px; margin-top: 15px; } .main_404 .content_404 .img_holder { max-width: 455px; width: 100%; display: block; margin: 7% auto; text-align: center; } .main_404 .content_404 .img_holder img { max-width: 112px; width: 100%; } @media (max-width: 375px) { .main_404 .content_404 .img_holder img { max-width: 90px; } } .main_404 .content_404 .text_holder { max-width: 500px; width: 100%; display: block; position: relative; margin: 7% auto; } .main_404 .content_404 .title, .main_404 .content_404 .orange-link { font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FF6B00; font-size: 20px; text-transform: uppercase; margin: 20px auto; } @media (max-width: 460px) { .main_404 .content_404 .title, .main_404 .content_404 .orange-link { font-size: 18px; } } @media (max-width: 375px) { .main_404 .content_404 .title, .main_404 .content_404 .orange-link { font-size: 16px; } } .main_404 .content_404 .link { text-decoration: underline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; display: block; position: relative; font-size: 12px; } .main_404 .content_404 .text { color: #FFFFFF; margin: 20px auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .information_page_main { padding-right: 0; } .information_page_main .content_holder .title_holder h1.title { margin-top: 10px; margin-bottom: 14px } @media (max-width: 1024px) { .information_page_main { width: 100%; padding: 0; } .information_page_main .content_holder .title_holder h1.title { margin-top: 21px; font-size: 17px; } } .information_page_main .information_page_content { width: 100%; display: block; position: relative; } .information_page_main .information_page_content .information_page_inner { width: 100%; display: block; position: relative; font-family: Arial, Helvetica, Sans-serif; color: #FFFFFF; background: #0D0D0D; padding: 15px; } .information_page_main .information_page_content h1 { font-family: 'dinbold', 'dinregular', Arial, Helvetica, sans-serif; } .information_page_main .information_page_content h1 .link { color: #FFFFFF; } .information_page_main .information_page_content h1 { font-size: 18px; } .information_page_main .information_page_content h1:first-of-type { margin-top: 0; } .information_page_main .information_page_content h2 { font-weight: bold; font-size: 14px; } .information_page_main .information_page_content h2 .link { font-size: 14px; color: #fff; display: block; margin: 20px 0 12px 0; } .information_page_main .information_page_content h3 { font-size: 13px; font-weight: bold; } .information_page_main .information_page_content h1, .information_page_main .information_page_content h2, .information_page_main .information_page_content h3 { margin: 20px 0 12px 0; } .information_page_main .information_page_content h2:first-of-type, .information_page_main .information_page_content h3:first-of-type { margin: 0 0 12px 0; } .information_page_main .information_page_content .text { font-size: 12px; margin-bottom: 10px; color: #C6C6C6; } .information_page_main .information_page_content .text.static-sm { font-size: 12px; } .information_page_main .information_page_content .text .link { color: #FFFFFF; } .information_page_main .information_page_content .list-no-bullets { padding: 0; list-style-type: none; } .information_page_main .information_page_content .list-no-bullets p { margin-bottom: 0; } .information_page_main .information_page_content .static-no-padding img { width: 100%; } .information_page_main .information_page_content .static_more_padding { padding-top: 2em; } .information_page_main .information_page_content .img_holder { width: 100%; display: block; position: relative; margin-bottom: 30px; } .information_page_main .information_page_content .img_holder img { width: 100%; } .information_page_main .information_page_content .btn_holder { width: 100%; display: block; position: relative; margin: 30px auto; } .information_page_main .information_page_content .list li { font-size: 12px; color: #C6C6C6; } @media (max-width: 768px) { .information_page_main .content_holder .title_holder h1.title { margin-top: 21px; font-size: 16px; } } @media (max-width: 435px) { .information_page_main .information_page_content .btn_holder { text-align: center; } } .information_page_main .information_page_content .cta_btn { text-transform: uppercase; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; padding: 10px 30px; text-align: center; } .information_page_main .information_page_content .cta_btn:hover, .information_page_main .information_page_content .cta_btn:active, .information_page_main .information_page_content .cta_btn:focus { text-decoration: none; } @media (max-width: 480px) { .information_page_main .information_page_content .cta_btn { font-size: 14px; padding: 8px 20px; } } .information_page_main .information_page_content .cta_btn p { margin: 0; } .information_page_main .pswrd_recovery_content { width: 100%; display: block; position: relative; padding: 0; font-family: Arial, Helvetica, sans-serif; } .information_page_main .pswrd_recovery_content .text { color: #FFFFFF; font-size: 14px; } .information_page_main .pswrd_frm_holder { max-width: 400px; width: 100%; margin: 35px auto; padding: 25px 15px; background: #0D0D0D; display: block; position: relative; } .information_page_main .pswrd_frm_holder .title { color: #FF6B00; font-size: 16px; text-align: center; text-transform: uppercase; } @media (max-width: 340px) { .information_page_main .pswrd_frm_holder .title { font-size: 14px; } } .information_page_main .pswrd_frm_holder .form { max-width: 300px; width: 100%; position: relative; display: block; margin: 35px auto; } .information_page_main .pswrd_frm_holder .f-control { width: 100%; position: relative; display: block; margin-bottom: 15px; } .information_page_main .pswrd_frm_holder .f-control .input { width: 100%; height: 30px; background: #CCCCCC; border: none; outline: none; padding: 0 10px; } .information_page_main .pswrd_frm_holder .f-control::-webkit-input-placeholder { color: #0D0D0D; } .information_page_main .pswrd_frm_holder .f-control:-moz-placeholder { /* Firefox 18- */ color: #0D0D0D; } .information_page_main .pswrd_frm_holder .f-control::-moz-placeholder { /* Firefox 19+ */ color: #0D0D0D; } .information_page_main .pswrd_frm_holder .f-control:-ms-input-placeholder { color: #0D0D0D; } .information_page_main .pswrd_frm_holder .btn_holder { width: 100%; display: block; margin-top: 20px; text-align: center; } .information_page_main .pswrd_frm_holder .frm_btn { outline: none; border: none; color: #FFFFFF; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px 15px; font-size: 15px; } @media (max-width: 340px) { .information_page_main .pswrd_frm_holder .frm_btn { font-size: 14px; } } .player_feedback_main { padding-right: 0; } @media (max-width: 1024px) { .player_feedback_main { width: 100%; padding: 0; } } .player_feedback_main .player_feedback_container { width: 100%; display: block; position: relative; } .player_feedback_main .player_feedback_container .section_content { width: 100%; display: block; position: relative; font-family: Arial, Helvetica, sans-serif; } .player_feedback_main .player_feedback_container .img_holder { width: 100%; display: block; position: relative; margin-bottom: 40px; } .player_feedback_main .player_feedback_container img { width: 100%; } .player_feedback_main .player_feedback_container .text { color: #FFFFFF; font-size: 14px; padding: 0 15px; } @media (max-width: 600px) { .player_feedback_main .player_feedback_container .text { font-size: 12px; } } @media (max-width: 420px) { .player_feedback_main .player_feedback_container .text { padding: 0; } } .player_feedback_main .player_feedback_container .players_quotes_holder { width: 100%; display: block; position: relative; margin-top: 40px; } .player_feedback_main .player_feedback_container .players_quotes { margin: 40px auto; width: 90%; display: block; position: relative; text-align: center; } @media (max-width: 600px) { .player_feedback_main .player_feedback_container .players_quotes { margin: 30px auto; } } @media (max-width: 420px) { .player_feedback_main .player_feedback_container .players_quotes { width: 100%; } } .player_feedback_main .player_feedback_container .quote { color: #FFFFFF; } @media (max-width: 600px) { .player_feedback_main .player_feedback_container .quote { font-size: 12px; } } .player_feedback_main .player_feedback_container .player { color: #FF6B00; } .rel { position:relative; } .wrapper { position: relative; } @media (max-width: 600px) { .player_feedback_main .player_feedback_container .player { font-size: 12px; } } .main_tournaments { padding-right: 0; font-family: Arial, Helvetica, sans-serif; } @media (max-width: 1024px) { .main_tournaments { padding: 0; width: 100%; position: relative; display: block; } } .tournaments_section { width: 100%; display: block; position: relative; } .tournaments_section .text { color: #FFFFFF; } .tournaments_box { margin-bottom: 15px; } .tournaments_box:nth-child(1) { padding-left: 0; } .tournaments_box:nth-child(2) { padding: 0 7px; } .tournaments_box:nth-child(3) { padding-right: 0; } @media (max-width: 666px) { .tournaments_box { width: 100%; padding: 0 !important; } } .tournaments_box .box_header { background: #000000; width: 100%; display: block; position: relative; margin: 10px auto 5px; } .tournaments_box .title { color: #FF6B00; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; margin: 0; padding: 15px; } @media (max-width: 992px) { .tournaments_box .title { font-size: 14px; } } .tournaments_box .box_content { width: 100%; display: block; position: relative; padding: 15px; background: #0D0D0D; height: auto; } .tournaments_box .box_content .text { text-align: center; } .tournaments_box .box_content .img_holder { display: block; position: relative; width: 100%; margin-bottom: 20px; } .tournaments_box .box_content img { width: 100%; } .tournaments_box .box_desc { width: 100%; display: block; position: relative; } .tournaments_box .box_desc .desc_header, .tournaments_box .box_desc .desc_time, .tournaments_box .box_desc .tour_desc { width: 100%; position: relative; display: block; margin-bottom: 10px; } .tournaments_box .box_desc .text { color: #FFFFFF; margin-bottom: 0; font-size: 12px; text-align: left; } .tournaments_box .box_desc .link { text-decoration: underline; } .tournaments_box .box_desc .desc_header .text { font-weight: bold; font-size: 14px; } .tournaments_box .btn_holder { width: 100%; display: block; position: relative; text-align: center; margin: 15px auto; } .tournaments_box .cta_btn { font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; font-size: 18px; padding: 5px; max-width: 180px; width: 100%; display: block; margin: 0 auto; } .tournaments_box .cta_btn:hover, .tournaments_box .cta_btn:active, .tournaments_box .cta_btn:focus { text-decoration: none; } .tournament_faq { width: 100%; display: block; position: relative; margin: 15px auto; } .tournament_faq .item_holder { margin-bottom: 5px; width: 100%; display: block; position: relative; } .tournament_faq .item_btn { width: 100%; display: block; position: relative; background: #0D0D0D; color: #FFFFFF; padding: 10px 15px; } .tournament_faq .item_btn:hover, .tournament_faq .item_btn:active, .tournament_faq .item_btn:focus { text-decoration: none; } .tournament_faq .item_btn .more { float: right; } .tournament_faq .answer { width: 100%; display: none; position: relative; padding: 10px 15px; } .tournament_faq .answer .text { font-size: 12px; } .tournament_faq .answer .list { padding: 0; margin: 0; list-style-type: none; } .tournament_faq .answer .list_item { display: block; position: relative; margin: 10px auto; } .tournament_faq .answer .list_btn { background: none; border: none; color: #FFFFFF; outline: none; text-decoration: none; font-weight: bold; width: auto; padding: 5px 0; } .tournament_faq .answer .more { margin-right: 5px; } .tournament_faq .answer .text_holder { width: 100%; position: relative; display: none; } .tournament_faq .answer .tournament-list { width: 100%; display: block; position: relative; } .tournament_faq .answer .link { color: #FFFFFF; } .gameInfo { width: 100%; position: fixed; top: 0; left: 0; height: 100%; z-index: 40; display: none; background: rgba(0, 0, 0, 0.75); } @media (max-width: 1024px) { .gameInfo { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; } .gameInfo::-webkit-scrollbar { width: 0; } } @media (max-width: 480px) { .gameInfo .container { padding: 0; } } .gameInfo_holder { width: 100%; display: block; position: relative; } .gameInfo_holder .info { float: left; width: 100%; display: block; position: relative; margin-top: 5%; padding: 40px 0 30px; background: #FFFFFF; background-position: top left; background-size: 50%; background-repeat: no-repeat; } @media (max-width: 1200px) { .gameInfo_holder .info { background-size: 54.5%; } } @media (max-width: 1024px) { .gameInfo_holder .info { background-image: none; background: #FFFFFF; padding: 20px 0 10px 0; margin-top: 2%; } } @media (max-width: 480px) { .gameInfo_holder .info { margin-top: 0; border-radius: 0; padding: 20px 0 0 0; } } .gameInfo_holder .close_btn { position: absolute; right: 10px; top: 10px; background: none; border: none; outline: none; color: rgba(0, 0, 0, 0.75); opacity: 0.55; z-index: 2; font-size: 30px; } .gameInfo_holder .close_btn:hover { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 1024px) { .gameInfo_holder .close_btn { top: 20px; } } @media (max-width: 580px) { .gameInfo_holder .close_btn { font-size: 25px; } } .gameInfo_holder .info_content { width: 100%; display: block; padding: 0 15px; float: left; } @media (max-width: 1024px) { .gameInfo_holder .info_content { padding: 0; } } @media (max-width: 1024px) { .gameInfo_holder .box { width: 100%; margin-bottom: 15px; text-align: center; } } .gameInfo_holder .box_inner { width: 100%; display: block; position: relative; } .gameInfo_holder .box_inner .title { padding: 0 15px; display: block; font-weight: bold; font-size: 20px; margin: 0 auto 20px; text-align: center; font-weight: 100; color: #000000; } @media (max-width: 580px) { .gameInfo_holder .box_inner .title { font-size: 20px; padding: 0 25px; } } .gameInfo_holder .box_inner .game_box { width: 100%; display: block; position: relative; overflow: hidden; max-height: 350px; } @media (max-width: 1024px) { .gameInfo_holder .box_inner .game_box { max-width: 400px; margin: 0 auto; } } .gameInfo_holder .box_inner .bg-overlay { background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } .gameInfo_holder .box_inner .b-bg { width: 100%; } .gameInfo_holder .preview_holder { max-width: 300px; width: 100%; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gameInfo_holder .preview_holder img { width: 100%; } @media (max-width: 1200px) { .gameInfo_holder .preview_holder { max-width: 300px; } } @media (max-width: 1024px) { .gameInfo_holder .preview_holder { width: 100%; text-align: center; margin: 0 auto; } } @media (max-width: 480px) { .gameInfo_holder .preview_holder { max-width: 250px; } } .gameInfo_holder .btn_holder { width: 50%; display: block; position: relative; margin-top: 10px; text-align: center; float: left; } .gameInfo_holder .btn_holder:first-of-type { padding-right: 10px; } .gameInfo_holder .btn_holder:last-of-type { padding-left: 10px; } @media (max-width: 1024px) { .gameInfo_holder .btn_holder { display: none; } } .gameInfo_holder .btn_holder .cta_btn { width: 100%; padding: 8px 10px; display: block; outline: none; text-transform: uppercase; color: #FFFFFF; font-weight: bold; border: none; margin-bottom: 5px; } @media (max-width: 1200px) { .gameInfo_holder .btn_holder .cta_btn { max-width: 280px; } } @media (max-width: 1024px) { .gameInfo_holder .btn_holder .cta_btn { margin: 0 auto 10px; max-width: 300px; } } .gameInfo_holder .text { color: #0D0D0D; font-size: 16px; text-align: justify; } .gameInfo_holder .r_float { float: right; } .gameInfo_holder .text_main { height: 84vh; padding: 0 15px; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; } .gameInfo_holder .text_main::-webkit-scrollbar { height: 0; width: 3px; } .gameInfo_holder .text_main::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); } .gameInfo_holder .text_main::-webkit-scrollbar-thumb { background-color: #0D0D0D; border-radius: 5px; outline: 1px solid slategrey; } @media (max-width: 1280px) { .gameInfo_holder .text_main { height: 80vh; } } @media (max-width: 1200px) { .gameInfo_holder .text_main { padding: 0 5px 0 25px; } } @media (max-width: 1024px) { .gameInfo_holder .text_main { width: 100%; height: 300px; display: none; } } .gameInfo_holder .text_main .text_holder .title { text-align: left; padding: 0; } .gameInfo_holder .text_holder { text-align: center; margin-bottom: 40px; } .gameInfo_holder .mobile_section_container { width: 100%; display: none; position: relative; float: left; } @media (max-width: 1024px) { .gameInfo_holder .mobile_section_container { display: block; } } .gameInfo_holder .section_row { padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; } .gameInfo_holder .section_row_inner { width: 100%; display: block; position: relative; } .gameInfo_holder .section_row_inner .sign_form { max-width: 300px; width: 100%; margin: 0 auto; text-align: center; display: block; } .gameInfo_holder .section_row_inner .f-control { width: 100%; display: block; position: relative; margin-bottom: 10px; } .gameInfo_holder .section_row_inner .f-control .input { width: 100%; padding: 8px 10px; border: 1px solid #565656; background: #FFFFFF; } .gameInfo_holder .section_row_inner .f-control .input:focus { outline: none; } .gameInfo_holder .section_row_inner .f-control .form-link { font-weight: bold; color: #0D0D0D; } .gameInfo_holder .section_row_inner .btn_holder { width: 100%; display: block; position: relative; } .gameInfo_holder .section_row_inner .btn_holder .cta_btn { outline: none; padding: 10px 5px; max-width: 300px; width: 100%; display: block; font-weight: bold; text-transform: uppercase; border: none; margin: 0 auto; } .gameInfo_holder .section_row_inner .title { font-size: 25px; margin-bottom: 0; } .gameInfo_holder .section_row_inner .sub { color: #0D0D0D; font-weight: bold; font-size: 20px; margin-bottom: 0; } .gameInfo_holder .section_row_inner .btn_holder { width: 100%; position: relative; margin: 15px auto; } .gameInfo_holder .section_row_inner .cta_btn { color: #FFFFFF; outline: none; padding: 10px 5px; max-width: 300px; width: 100%; display: block; font-weight: bold; text-transform: uppercase; border: none; margin: 0 auto; } .gameInfo-active { display: block; -webkit-animation: zoomOutSmall 0.7s; -moz-animation: zoomOutSmall 0.7s; -ms-animation: zoomOutSmall 0.7s; -o-animation: zoomOutSmall 0.7s; animation: zoomOutSmall 0.7s; } .information_page_main { /* global styles for tables will be in this file */ } .information_page_main .table_container { width: 100%; display: block; position: relative; } .information_page_main .custom-table { width: 100%; position: relative; border: 2px solid #151515; margin-bottom: 30px; } .information_page_main thead .t_header { background: #000000; border-left: 2px solid #151515; border-right: 2px solid #151515; color: #FF6B00; text-transform: uppercase; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; font-size: 16px; padding: 8px 12px; } @media (max-width: 480px) { .information_page_main thead .t_header { font-size: 14px; padding: 8px 10px; } } @media (max-width: 375px) { .information_page_main thead .t_header { font-size: 10px; } } .information_page_main thead p { margin-bottom: 0; } .information_page_main tbody tr:nth-child(2n) .cell { background: #0D0D0D; } .information_page_main tbody tr:last-of-type .cell { border-bottom: 2px solid #0D0D0D; } .information_page_main tbody .cell { background: #151515; font-family: Arial, Helvetica, sans-serif; border-left: 2px solid #151515; border-right: 2px solid #151515; color: #FFFFFF !important; font-size: 12px; padding: 8px 15px; } @media (max-width: 480px) { .information_page_main tbody .cell { font-size: 10px; padding: 8px 10px; } } @media (max-width: 375px) { .information_page_main tbody .cell { font-size: 9px; } } .information_page_main tbody .cell p { margin-bottom: 0; } .information_page_main #mini-tournament-table thead .t_header:first-of-type { width: 10%; } .banner_section { background: #000000; display: block; position: relative; width: 100%; } @media (max-width: 600px) { .banner_section .container-fluid { padding-left: 0; padding-right: 0; } } .banner_section .banner_holder { width: 100%; display: block; position: relative; overflow: hidden; } .banner_section .banner_holder img { text-align: center; width: 100%; } @media (max-width: 600px) { .banner_section .banner_holder img { width: calc(145%); margin-left: -22%; } } .animated_carousel { width: 100%; display: block; position: relative; max-height: 450px; /*height: 100%;*/ } .animated_carousel .main-slider { width: 100%; display: block; position: relative; } .animated_carousel .main-slider .slider-item { width: 100%; display: block; position: relative; outline: none; } .animated_carousel .main-slider .slider-item .element_1, .animated_carousel .main-slider .slider-item .element_2, .animated_carousel .main-slider .slider-item .element_3, .animated_carousel .main-slider .slider-item .element_4, .animated_carousel .main-slider .slider-item .element_5, .animated_carousel .main-slider .slider-item .element_6 { width: 100%; display: block; position: absolute; height: auto; top: 0; left: 0; z-index: 1; } .animated_carousel .main-slider .slider-item .element_1 img, .animated_carousel .main-slider .slider-item .element_2 img, .animated_carousel .main-slider .slider-item .element_3 img, .animated_carousel .main-slider .slider-item .element_4 img, .animated_carousel .main-slider .slider-item .element_5 img, .animated_carousel .main-slider .slider-item .element_6 img { width: 100%; height: auto; } @media (max-width: 768px) { .animated_carousel .main-slider .slider-item .element_1 img, .animated_carousel .main-slider .slider-item .element_2 img, .animated_carousel .main-slider .slider-item .element_3 img, .animated_carousel .main-slider .slider-item .element_4 img, .animated_carousel .main-slider .slider-item .element_5 img, .animated_carousel .main-slider .slider-item .element_6 img { width: calc(140%); margin-left: -29%; } } @media (max-width: 420px) { .animated_carousel .main-slider .slider-item .element_1 img, .animated_carousel .main-slider .slider-item .element_2 img, .animated_carousel .main-slider .slider-item .element_3 img, .animated_carousel .main-slider .slider-item .element_4 img, .animated_carousel .main-slider .slider-item .element_5 img, .animated_carousel .main-slider .slider-item .element_6 img { width: calc(150%); margin-left: -33%; } } @media (max-width: 768px) { .animated_carousel .main-slider .slider-item .element_6 img { width: calc(140%); margin-left: -18%; } } .animated_carousel .main-slider .slider-item .element_1 { position: relative; width: 100%; display: block; } .animated_carousel .main-slider .slider-item .fadeInUp, .animated_carousel .main-slider .slider-item .fadeInDown, .animated_carousel .main-slider .slider-item .fadeInLeft, .animated_carousel .main-slider .slider-item .fadeIn { -webkit-animation-name: none; animation-name: none; } .animated_carousel .main-slider .slider-item .btn_wrap { position: absolute; /*top: 90%;*/ top: 85%; -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); transform: translateY(-90%); right: 0px; z-index: 2; width: 100%; } @media (max-width: 767px) { .animated_carousel .main-slider .slider-item .btn_wrap { bottom: 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: auto; } } @media (max-width: 320px) { .animated_carousel .main-slider .slider-item .btn_wrap { bottom: 10px; } } @media (max-width: 550px) { .animated_carousel .main-slider .slider-item .btn_wrap .container-fluid { padding: 0 10px; } } .animated_carousel .main-slider .slider-item .carousel_btn { text-decoration: none; font-size: 28px; margin-right: 3px; text-transform: uppercase; color: #FFFFFF; min-width: 185px; text-align: center; padding: 6px 20px; outline: none; margin-left: 196px; -webkit-transform: translateX(-16%); -ms-transform: translateX(-16%); transform: translateX(-16%); bottom: 0px; } @media (max-width: 1560px) { .animated_carousel .main-slider .slider-item .carousel_btn { font-size: 22px; } } @media (max-width: 1024px) { .animated_carousel .main-slider .slider-item .carousel_btn { font-size: 16px; min-width: 100px; margin-right: 0; } } @media (max-width: 768px) { .animated_carousel .main-slider .slider-item .carousel_btn { width: auto; display: inline-block; padding: 4px 15px; position: relative; left: 1.4%; font-size: 18px; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @media (max-width: 550px) { .animated_carousel .main-slider .slider-item .carousel_btn { font-size: 18px; min-width: 160px; } } @media (max-width: 480px) { .animated_carousel .main-slider .slider-item .carousel_btn { font-size: 14px; } } @media (max-width: 400px) { .animated_carousel .main-slider .slider-item .carousel_btn { left: 1%; } } @media (max-width: 320px) { .animated_carousel .main-slider .slider-item .carousel_btn { left: 0%; } } .animated_carousel .main-slider .slick-active .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .animated_carousel .main-slider .slick-active .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .animated_carousel .main-slider .slick-active .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .animated_carousel .main-slider .slick-active .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .animated_carousel .main-slider .slick-active .element_4 img, .animated_carousel .main-slider .slick-active .element_5 img { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated_carousel .main-slider .slick-active .element_4 img { -webkit-animation-name: front_shake; animation-name: front_shake; -webkit-animation-duration: 5s; animation-duration: 5s; } .animated_carousel .main-slider .slick-active .element_5 img { -webkit-animation-name: back_shake; animation-name: back_shake; -webkit-animation-duration: 5s; animation-duration: 5s; } .animated_carousel .slick-dots { list-style-type: none; padding: 0; margin: 0; position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } @media (max-width: 1024px) { .animated_carousel .slick-dots { display: none !important; } } .animated_carousel .slick-dots li { display: inline-block; margin: 0 3px; } .animated_carousel .slick-dots li button { outline: none; font-size: 0px; background: #151515; border: none; width: 12px; height: 12px; border-radius: 20px; vertical-align: middle; } .animated_carousel .slick-dots .slick-active button { background: #FF6B00; } /* breadcrumbs */ .games_main .breadcrumbs_holder, .my_casino_games .breadcrumbs_holder, .promotions_main .breadcrumbs_holder, .main_contacts .breadcrumbs_holder, .winners_main .breadcrumbs_holder, .interviews_main .breadcrumbs_holder, .rules_main .breadcrumbs_holder, .information_page_main .breadcrumbs_holder, .player_feedback_main .breadcrumbs_holder, .main_referal .breadcrumbs_holder, .main_tournaments .breadcrumbs_holder, .main_preview .breadcrumbs_holder { display: block; position: relative; width: 100%; } .games_main .breadcrumbs, .my_casino_games .breadcrumbs, .promotions_main .breadcrumbs, .main_contacts .breadcrumbs, .winners_main .breadcrumbs, .interviews_main .breadcrumbs, .rules_main .breadcrumbs, .information_page_main .breadcrumbs, .player_feedback_main .breadcrumbs, .main_referal .breadcrumbs, .main_tournaments .breadcrumbs, .main_preview .breadcrumbs { background: #0D0D0D; border-radius: 0; list-style-type: none; } @media (max-width: 1024px) { .games_main .breadcrumbs, .my_casino_games .breadcrumbs, .promotions_main .breadcrumbs, .main_contacts .breadcrumbs, .winners_main .breadcrumbs, .interviews_main .breadcrumbs, .rules_main .breadcrumbs, .information_page_main .breadcrumbs, .player_feedback_main .breadcrumbs, .main_referal .breadcrumbs, .main_tournaments .breadcrumbs, .main_preview .breadcrumbs { margin-bottom: 10px; } } .games_main .breadcrumbs .list-item, .my_casino_games .breadcrumbs .list-item, .promotions_main .breadcrumbs .list-item, .main_contacts .breadcrumbs .list-item, .winners_main .breadcrumbs .list-item, .interviews_main .breadcrumbs .list-item, .rules_main .breadcrumbs .list-item, .information_page_main .breadcrumbs .list-item, .player_feedback_main .breadcrumbs .list-item, .main_referal .breadcrumbs .list-item, .main_tournaments .breadcrumbs .list-item, .main_preview .breadcrumbs .list-item { margin-right: 3px; } .games_main .breadcrumbs .list-item:before, .my_casino_games .breadcrumbs .list-item:before, .promotions_main .breadcrumbs .list-item:before, .main_contacts .breadcrumbs .list-item:before, .winners_main .breadcrumbs .list-item:before, .interviews_main .breadcrumbs .list-item:before, .rules_main .breadcrumbs .list-item:before, .information_page_main .breadcrumbs .list-item:before, .player_feedback_main .breadcrumbs .list-item:before, .main_referal .breadcrumbs .list-item:before, .main_tournaments .breadcrumbs .list-item:before, .main_preview .breadcrumbs .list-item:before { content: ""; display: none; } .games_main .breadcrumbs .link, .my_casino_games .breadcrumbs .link, .promotions_main .breadcrumbs .link, .main_contacts .breadcrumbs .link, .winners_main .breadcrumbs .link, .interviews_main .breadcrumbs .link, .rules_main .breadcrumbs .link, .information_page_main .breadcrumbs .link, .player_feedback_main .breadcrumbs .link, .main_referal .breadcrumbs .link, .main_tournaments .breadcrumbs .link, .main_preview .breadcrumbs .link { color: #565656; text-decoration: none; } .games_main .breadcrumbs .link .fa, .my_casino_games .breadcrumbs .link .fa, .promotions_main .breadcrumbs .link .fa, .main_contacts .breadcrumbs .link .fa, .winners_main .breadcrumbs .link .fa, .interviews_main .breadcrumbs .link .fa, .rules_main .breadcrumbs .link .fa, .information_page_main .breadcrumbs .link .fa, .player_feedback_main .breadcrumbs .link .fa, .main_referal .breadcrumbs .link .fa, .main_tournaments .breadcrumbs .link .fa, .main_preview .breadcrumbs .link .fa { color: #565656; margin-left: 5px; } .games_main .breadcrumbs .active, .my_casino_games .breadcrumbs .active, .promotions_main .breadcrumbs .active, .main_contacts .breadcrumbs .active, .winners_main .breadcrumbs .active, .interviews_main .breadcrumbs .active, .rules_main .breadcrumbs .active, .information_page_main .breadcrumbs .active, .player_feedback_main .breadcrumbs .active, .main_referal .breadcrumbs .active, .main_tournaments .breadcrumbs .active, .main_preview .breadcrumbs .active { color: #FFFFFF; } .games_main .breadcrumbs .active .fa, .my_casino_games .breadcrumbs .active .fa, .promotions_main .breadcrumbs .active .fa, .main_contacts .breadcrumbs .active .fa, .winners_main .breadcrumbs .active .fa, .interviews_main .breadcrumbs .active .fa, .rules_main .breadcrumbs .active .fa, .information_page_main .breadcrumbs .active .fa, .player_feedback_main .breadcrumbs .active .fa, .main_referal .breadcrumbs .active .fa, .main_tournaments .breadcrumbs .active .fa, .main_preview .breadcrumbs .active .fa { color: #FFFFFF; } .winners_main, .interviews_main { /* pagination */ } .winners_main .pagination_container, .interviews_main .pagination_container { width: 100%; display: block; position: relative; margin: 0 auto; text-align: center; } .winners_main .main_pagination, .interviews_main .main_pagination { margin: 0 auto; text-align: center; padding: 0; list-style-type: none; } .winners_main .main_pagination .list-item, .interviews_main .main_pagination .list-item { float: left; margin: 0 3px; } .winners_main .main_pagination .list-item a, .interviews_main .main_pagination .list-item a { height: 30px; border-radius: 0px; border: none; color: white; background: #000000; } .winners_main .main_pagination .fa, .interviews_main .main_pagination .fa { font-size: 12px; margin-top: 3px; } .winners_main .main_pagination .number, .interviews_main .main_pagination .number { background: #0D0D0D; margin: 0 auto; } .winners_main .main_pagination .active a, .interviews_main .main_pagination .active a { color: #FF6B00; } .winners_main .main_pagination .arrow-left, .interviews_main .main_pagination .arrow-left { margin-right: 15px; } .winners_main .main_pagination .arrow-left .fa, .interviews_main .main_pagination .arrow-left .fa { font-size: 15px; margin-top: 2px } .winners_main .main_pagination .arrow-right, .interviews_main .main_pagination .arrow-right { margin-left: 15px; } .winners_main .main_pagination .arrow-right .fa, .interviews_main .main_pagination .arrow-right .fa { font-size: 15px; margin-top: 2px; } .random_section { display: none; width: 100%; position: relative; background: #0D0D0D; } .random_section .random_holder { width: 100%; display: block; position: relative; padding: 15px 0; } .random_section .title_holder { width: 100%; display: block; position: relative; text-align: center; margin-bottom: 15px; } .random_section .title { text-transform: uppercase; font-size: 19px; color: #FFFFFF; font-weight: 700; } .random_section .random_main_slider { max-width: 768px; margin: 0 auto; width: 100%; display: block; position: relative; } .random_section .random_main_slider .slider-item { padding: 0 15px; opacity: 0.3; outline: none; } .random_section .random_main_slider .slider-item:nth-child(3) { opacity: 1; } .random_section .random_main_slider .game { width: 100%; } .random_section .random_main_slider .game .game_overlay { display: none; } .loaded .page-loader { display: none; -webkit-animation: fadeOut 0.4s; animation: fadeOut 0.4s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transition-delay: 2.3s; -o-transition-delay: 2.3s; transition-delay: 2.3s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .loaded .page-loader .line:before { width: 100%; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .loaded .page-loader .line:after { width: 100%; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .loaded .page-loader .line2:before { top: 0; width: 5px; height: 100%; background: #ffffff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .loaded .page-loader .line2:after { top: 0; width: 5px; height: 100%; background: #e52620; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .loaded .page-loader .line3:before { width: 100%; height: 5px; background: #ffffff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .loaded .page-loader .line3:after { -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; } .loaded .page-loader .line4:before { bottom: 0 !important; width: 5px; height: 100%; background: #ffffff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } .loaded .page-loader .line4:after { bottom: 0 !important; width: 5px; height: 100%; background: #e52620; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .page-loader { width: 100%; height: 100%; position: relative; background: #121212; z-index: 100; } .page-loader .line:before { position: absolute; top: 0; content: ""; height: 5px; background: #ffffff; width: 0%; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .page-loader .line:after { position: absolute; top: 0; content: ""; height: 5px; background: #e52620; width: 0%; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .page-loader .line2:before, .page-loader .line2:after { right: 0; width: 5px; top: -5px; } .page-loader .line3:before, .page-loader .line3:after { right: 0; width: 0; top: auto; bottom: 0 !important; } .page-loader .line4:before, .page-loader .line4:after { left: 0; width: 5px; bottom: -5px !important; top: auto; } .page-loader .logo-svg { width: 230px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-loader path { fill: svgColor; stroke-width: 2; stroke-opacity: 0; stroke-miterlimit: 100; stroke-dasharray: 250; stroke-dashoffset: 0; } .page-loader .cls-2 { -webkit-animation: stroke-reveal 3s ease-in; animation: stroke-reveal 3s ease-in; stroke: #ffffff; fill: #e52620; } .page-loader .cls-1 { -webkit-animation: stroke-reveal 3s ease-in; animation: stroke-reveal 3s ease-in; stroke: #ffffff; fill: #fff; } @-webkit-keyframes stroke-reveal { from { stroke-dashoffset: 750; fill: rgba(255, 255, 255, 0); stroke-width: 3; stroke-opacity: 1; } to { stroke-dashoffset: 0; fill: svgColor; stroke-width: 3; stroke-opacity: 0; } } @keyframes stroke-reveal { from { stroke-dashoffset: 750; fill: rgba(255, 255, 255, 0); stroke-width: 3; stroke-opacity: 1; } to { stroke-dashoffset: 0; fill: svgColor; stroke-width: 3; stroke-opacity: 0; } } .layout-iconsplaybtn-2x, .layout-iconsbacktotopbtn-hover-2x, .layout-iconsbacktotopbtn-normal-2x, .layout-iconsfeelingluckybtn-hover-2x, .layout-iconsfeelingluckybtn-normal-2x, .layout-iconsfeelingluckybtn-selected-2x, .layout-iconsplayersclub-star-fill-2x, .layout-iconsplayersclub-star-normal-2x, .layout-iconsshopping-bag, .layout-iconsdeposit-btnicon-2x, .layout-iconshomeicon-2x, .layout-iconsreasonsicon-2x, .layout-iconsarrow-active-2x, .layout-iconsarrow-normal-2x { max-width: 100%; background-size: 100%; background-image: url("../img/sprites/layout-sprite.png"); } .layout-iconsplaybtn-2x { background-position: 0 0%; background-size: 100%; } .layout-iconsbacktotopbtn-hover-2x { background-position: 0 16.346892%; background-size: 155.223881%; } .layout-iconsbacktotopbtn-normal-2x { background-position: 0 27.014582%; background-size: 155.223881%; } .layout-iconsfeelingluckybtn-hover-2x { background-position: 0 37.682272%; background-size: 155.223881%; } .layout-iconsfeelingluckybtn-normal-2x { background-position: 0 48.249962%; background-size: 155.223881%; } .layout-iconsfeelingluckybtn-selected-2x { background-position: 0 59.017652%; background-size: 155.223881%; } .layout-iconsplayersclub-star-fill-2x { background-position: 0 66.912307%; background-size: 253.658537%; } .layout-iconsplayersclub-star-normal-2x { background-position: 0 73.176124%; background-size: 253.658537%; } .layout-iconsshopping-bag { background-position: 0 78.974359%; background-size: 340.983607%; } .layout-iconsdeposit-btnicon-2x { background-position: 0 83.877996%; background-size: 346.666667%; } .layout-iconshomeicon-2x { background-position: 0 87.832973%; background-size: 433.333333%; } .layout-iconsreasonsicon-2x { background-position: 0 92.046276%; background-size: 472.727273%; } .layout-iconsarrow-active-2x { background-position: 0 96.034607%; background-size: 520%; } .layout-iconsarrow-normal-2x { background-position: 0 100%; background-size: 520%; } .flagsflag-ca-2x, .flagsflag-de-2x, .flagsflag-es-2x, .flagsflag-eu-2x, .flagsflag-fr-2x, .flagsflag-ro-2x, .flagsflag-ru-2x, .flagsflag-uk-2x { max-width: 100%; background-size: 100%; background-image: url("../img/sprites/flags-sprite.png"); } .flagsflag-ca-2x { background-position: 0 0%; background-size: 100%; } .flagsflag-de-2x { background-position: 0 14.285714%; background-size: 100%; } .flagsflag-es-2x { background-position: 0 28.571429%; background-size: 100%; } .flagsflag-eu-2x { background-position: 0 42.857143%; background-size: 100%; } .flagsflag-fr-2x { background-position: 0 57.142857%; background-size: 100%; } .flagsflag-ro-2x { background-position: 0 71.428571%; background-size: 100%; } .flagsflag-ru-2x { background-position: 0 85.714286%; background-size: 100%; } .flagsflag-uk-2x { background-position: 0 100%; background-size: 100%; } .providersainsworth, .providersamatic, .providersamaya, .providersaristocrat, .providersbally, .providersbarcrest, .providersblueprint, .providersboominggames, .providerscadillacjack, .providersdccomics, .providersegt, .providerselk, .providersendorphina, .providersevolution, .providersgaming1, .providersgameart, .providersgamevy, .providersgameplay, .providershabanero, .providershigh5games, .providersigt, .providersincredibletechnologies, .providersintralot, .providersisoftbet, .providersjoingames, .providersleander, .providerslightningboxgames, .providersmagnetgaming, .providersmicrogaming, .providersmrslotty, .providersnetent, .providersnextgen, .providersnovomatic, .providerspariplay, .providersplayngo, .providersplayson, .providersplaytech, .providerspragmaticplay, .providersproduweb, .providersquickspin, .providersrealisticgames, .providerssagaming, .providerssginteractive, .providersshufflemaster, .providersthunderkick, .providerstomhorn, .providersredrake, .providerswilliams, .providersboongo, .providersgameway, .providersinspired, .providersfazi{ max-width: 100%; background-size: 100%; background-image: url("../img/sprites/providers-sprite-new6.png"); } .providersainsworth { background-position: 0 0.09%; background-size: 100%; } .providersamatic { background-position: 0 2.00%; background-size: 100%; } .providersamaya { background-position: 0 4.00%; background-size: 100%; } .providersaristocrat { background-position: 0 5.80%; background-size: 100%; } .providersbally { background-position: 0 7.75%; background-size: 100%; } .providersbarcrest { background-position: 0 9.70%; background-size: 100%; } .providersblueprint { background-position: 0px 11.70%; background-size: 100%; } .providersboominggames { background-position: 0 13.50%; background-size: 100%; } .providerscadillacjack { background-position: 0 15.40%; background-size: 100%; } .providersdccomics { background-position: 0 17.35%; background-size: 100%; } .providersegt, .providersproduweb { background-position: 0 19.25%; background-size: 100%; } .providerselk { background-position: 0 21.20%; background-size: 100%; } .providersendorphina { background-position: 0 23.10%; background-size: 100%; } .providersevolution { background-position: 0 25.10%; background-size: 100%; } .providersgaming1 { background-position: 0 27.00%; background-size: 100%; } .providersgameart { background-position: 0 28.90%; background-size: 100%; } .providersgamevy { background-position: 0 30.80%; background-size: 100%; } .providersgameplay { background-position: 0 32.70%; background-size: 100%; } .providershabanero { background-position: 0 34.70%; background-size: 100%; } .providershigh5games { background-position: 0 36.50%; background-size: 100%; } .providersigt { background-position: 0 38.55%; background-size: 100%; } .providersincredibletechnologies { background-position: 0 40.45%; background-size: 100%; } .providersintralot { background-position: 0 86.50%; background-size: 100%; } .providersisoftbet { background-position: 0 42.40%; background-size: 100%; } .providersjoingames { background-position: 0 44.20%; background-size: 100%; } .providersleander { background-position: 0 46.20%; background-size: 100%; } .providerslightningboxgames { background-position: 0 48.05%; background-size: 100%; } .providersmagnetgaming { background-position: 0 50.05%; background-size: 100%; } .providersmicrogaming { background-position: 0 52.00%; background-size: 100%; } .providersmrslotty { background-position: 0 53.90%; background-size: 100%; } .providersnetent { background-position: 0 55.80%; background-size: 100%; } .providersnextgen { background-position: 0 57.75%; background-size: 100%; } .providersnovomatic { background-position: 0 59.70%; background-size: 100%; } .providerspariplay { background-position: 0 61.50%; background-size: 100%; } .providersplayngo { background-position: 0 63.50%; background-size: 100%; } .providersplayson { background-position: 0 65.40%; background-size: 100%; } .providersplaytech { background-position: 0 67.40%; background-size: 100%; } .providerspragmaticplay { background-position: 0 69.35%; background-size: 100%; } .providersproduweb { background-position: 0 71.20%; background-size: 100%; } .providersquickspin { background-position: 0 73.10%; background-size: 100%; } .providersrealisticgames { background-position: 0 74.95%; background-size: 100%; } .providerssagaming { background-position: 0 88.50%; background-size: 100%; } .providerssginteractive { background-position: 0 76.85%; background-size: 100%; } .providersshufflemaster { background-position: 0 78.80%; background-size: 100%; } .providersthunderkick { background-position: 0 80.80%; background-size: 100%; } .providerstomhorn { background-position: 0 82.70%; background-size: 100%; } .providerswilliams { background-position: 0 84.60%; background-size: 100%; } .providersboongo { background-position: 0 96.20%; background-size: 100%; } .providersredrake { background-position: 0 94.20%; background-size: 100%; } .providersgameway { background-position: 0 92.30%; background-size: 100%; } .providersinspired { background-position: 0 98.10%; background-size: 100%; } .providersfazi { background-position: 0 100%; background-size: 100%; } .help-centeraboutus-icon-2x, .help-centerbonuses-icon-2x, .help-centercontactus-icon-2x, .help-centergaming-icon-2x, .help-centermyaccount-icon-2x, .help-centerpayments-icon-2x, .help-centerresponsiblegaming-icon-2x, .help-centert-cs-icon-2x, .help-centerpaysafecard-0-25, .help-centermoneta-0-25, .help-centerandroid-btn, .help-centerappstore-btn, .help-centerentropay-0-25, .help-centerneteller-0-25, .help-centerastropay-0-25, .help-centerskrill-0-25, .help-centervisa-0-25, .help-centerclosebtn-2x, .help-centermastercard-0-25 { max-width: 100%; background-size: 100%; background-image: url("../img/sprites/help-center-sprite.png"); } .help-centeraboutus-icon-2x { background-position: 0 0%; background-size: 100%; } .help-centerbonuses-icon-2x { background-position: 0 11.195024%; background-size: 100%; } .help-centercontactus-icon-2x { background-position: 0 22.390049%; background-size: 100%; } .help-centergaming-icon-2x { background-position: 0 33.585073%; background-size: 100%; } .help-centermyaccount-icon-2x { background-position: 0 44.780098%; background-size: 100%; } .help-centerpayments-icon-2x { background-position: 0 55.975122%; background-size: 100%; } .help-centerresponsiblegaming-icon-2x { background-position: 0 67.170147%; background-size: 100%; } .help-centert-cs-icon-2x { background-position: 0 78.365171%; background-size: 100%; } .help-centerpaysafecard-0-25 { background-position: 0 81.818182%; background-size: 115.740741%; } .help-centermoneta-0-25 { background-position: 0 83.502641%; background-size: 116.82243%; } .help-centerandroid-btn { background-position: 0 86.083744%; background-size: 129.533679%; } .help-centerappstore-btn { background-position: 0 88.980263%; background-size: 129.533679%; } .help-centerentropay-0-25 { background-position: 0 90.559157%; background-size: 142.857143%; } .help-centerneteller-0-25 { background-position: 0 91.569181%; background-size: 193.79845%; } .help-centerastropay-0-25 { background-position: 0 93.06288%; background-size: 198.412698%; } .help-centerskrill-0-25 { background-position: 0 94.451195%; background-size: 245.098039%; } .help-centervisa-0-25 { background-position: 0 95.750708%; background-size: 263.157895%; } .help-centerclosebtn-2x { background-position: 0 98.399672%; background-size: 390.625%; } .help-centermastercard-0-25 { background-position: 0 100%; background-size: 531.914894%; } .cashier-playmenticons-placeholder-2x, .cashier-accounticon-normal-2x, .cashier-accounticon-selected-2x, .cashier-bonusicon-normal-2x, .cashier-bonusicon-selected-2x, .cashier-depositicon-normal-2x, .cashier-depositicon-selected-2x, .cashier-responsibleicon-normal-2x, .cashier-responsibleicon-selected-2x, .cashier-withdrawicon-normal-2x, .cashier-withdrawicon-selected-2x, .cashier-bonusdropdawnicon-2x, .cashier-transferdropdawnicon-2x, .cashier-transferdropdawnicon-hover-2x, .cashier-usericon-2x { max-width: 100%; background-size: 100%; background-image: url("../img/sprites/cashier-sprite.png"); } .cashier-playmenticons-placeholder-2x { background-position: 0 0%; background-size: 100%; } .cashier-accounticon-normal-2x { background-position: 0 5.194805%; background-size: 145%; } .cashier-accounticon-selected-2x { background-position: 0 12.801484%; background-size: 145%; } .cashier-bonusicon-normal-2x { background-position: 0 20.408163%; background-size: 145%; } .cashier-bonusicon-selected-2x { background-position: 0 28.014842%; background-size: 145%; } .cashier-depositicon-normal-2x { background-position: 0 35.621521%; background-size: 145%; } .cashier-depositicon-selected-2x { background-position: 0 43.2282%; background-size: 145%; } .cashier-responsibleicon-normal-2x { background-position: 0 50.834879%; background-size: 145%; } .cashier-responsibleicon-selected-2x { background-position: 0 58.441558%; background-size: 145%; } .cashier-withdrawicon-normal-2x { background-position: 0 66.048237%; background-size: 145%; } .cashier-withdrawicon-selected-2x { background-position: 0 73.654917%; background-size: 145%; } .cashier-bonusdropdawnicon-2x { background-position: 0 81.261596%; background-size: 158.181818%; } .cashier-transferdropdawnicon-2x { background-position: 0 87.728938%; background-size: 158.181818%; } .cashier-transferdropdawnicon-hover-2x { background-position: 0 93.956044%; background-size: 158.181818%; } .cashier-usericon-2x { background-position: 0 100%; background-size: 348%; } .reg_popup_holder { width: 100%; height: 100%; display: block; position: fixed; z-index: 10; background: rgba(0, 0, 0, 0.75); } @media (max-width: 1024px) { .reg_popup_holder .container-fluid { width: 100%; padding: 0; } } .reg_popup_holder2 { width: 100%; height: 100%; display: block; position: fixed; z-index: 10; background: rgba(0, 0, 0, 0.75); top: 0; } @media (max-width: 1024px) { .reg_popup_holder2 .container-fluid { width: 100%; padding: 0; } } .reg_popup { max-width: 615px; width: 100%; margin: 0 auto; display: block; position: fixed; background: #E9E9E9; top: 50%; left: 50%; margin-top: -240px; margin-left: -300px; -webkit-overflow-scrolling : touch !important; overflow: auto !important; } @media (max-width: 1024px) { .reg_popup { max-width: 100%; height: 100%; top: 0; left: 0; margin-left: 0; margin-top: 0; } .mobile_select { height: auto !important; } } @media (max-width: 736px) { .reg_popup { overflow-y: scroll; } .mobile_select { height: auto !important; } } .reg_popup .popup_header { background: #000000; padding: 10px; display: block; position: relative; width: 100%; min-height: 45px; } .reg_popup .popup_header .popup_close_btn { color: #FF6B00; background: none; border: none; font-size: 21px; outline: none; padding: 0; } .reg_popup .popup_header .close_button_holder_r { width: 5%; position: relative; display: block; float: right; text-align: right; } .reg_popup .popup_header .form_title_holder { display: block; position: relative; text-align: center; width: 90%; float: left; } .popup_close_btn { float: right !important; } .reg_popup .popup_header .steps_title { color: #FF6B00; font-size: 19px; margin-bottom: 0; display: block; text-transform: uppercase; text-align: center; } .reg_popup .popup_header .steps_title2 { color: #FF6B00; font-size: 18px; margin-bottom: 0; text-align: center; } .steps_title { text-transform: capitalize !important; } .reg_popup .popup_header .help { float: right; text-decoration: none; margin-top: -27px; } .reg_popup .banner { display: block; position: relative; width: 100%; padding: 15px; } .reg_popup .banner img { width: 100%; } .reg_popup .popup_main_content { width: 100%; display: block; position: relative; } @media (max-width: 1024px) { .reg_popup .popup_main_content { max-width: 800px; margin: 0 auto; } } @media (max-width: 800px) { .reg_popup .popup_main_content { max-width: 600px; } } .reg_popup .popup_step { width: 100%; display: block; position: relative; } .reg_popup .form_reg { width: 100%; display: block; position: relative; font-family: Arial, Helvetica, sans-serif; } .reg_popup fieldset .content_label { font-size: 12px; padding: 0 15px; color: #151515; } .reg_popup fieldset .form_group, .reg_popup fieldset .form_row { margin-bottom: 15px; } .reg_popup fieldset .form_group ::-webkit-input-placeholder { color: #151515; } .reg_popup fieldset .form_group :-moz-placeholder { color: #151515; opacity: 1; } .reg_popup fieldset .form_group ::-moz-placeholder { color: #151515; opacity: 1; } .reg_popup fieldset .form_group :-ms-input-placeholder { color: #151515; } .reg_popup fieldset .form_group ::-ms-input-placeholder { color: #151515; } .reg_popup fieldset .form_group ::-webkit-input-placeholder { font-size: 12px!important; } .reg_popup fieldset .form_group :-moz-placeholder { font-size: 12px!important; } .reg_popup fieldset .form_group ::-moz-placeholder { font-size: 12px!important; } .reg_popup fieldset .form_group :-ms-input-placeholder { font-size: 12px!important; } .login-form .f-control ::-webkit-input-placeholder { font-size: 12px!important; } .login-form .f-control :-moz-placeholder { font-size: 12px!important; } .login-form .f-control ::-moz-placeholder { font-size: 12px!important; } .login-form .f-control :-ms-input-placeholder { font-size: 12px!important; } @media (max-width: 480px) { .reg_popup fieldset .form_group, .reg_popup fieldset .form_row { margin-bottom: 10px; } } .reg_popup fieldset .fa { position: absolute; z-index: 1; top: 8px; left: 22px; } .reg_popup fieldset .fa-lock { left: 25px; } .reg_popup fieldset .input { width: 100%; height: 30px; padding: 0 10px; outline: none; border: 1px solid #9b9fa2; font-size: 12px; color: #151515; } .reg_popup fieldset .input:focus::-webkit-input-placeholder { color:transparent; } .reg_popup fieldset .input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ .reg_popup fieldset .input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ .reg_popup fieldset .input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ .reg_popup fieldset input { height: 30px; } .reg_popup fieldset::-webkit-input-placeholder { color: #0D0D0D; } .reg_popup fieldset:-moz-placeholder { /* Firefox 18- */ color: #0D0D0D; } .reg_popup fieldset::-moz-placeholder { /* Firefox 19+ */ color: #0D0D0D; } .reg_popup fieldset:-ms-input-placeholder { color: #0D0D0D; } .reg_popup fieldset .w_icon { padding: 0 10px 0 30px; } .reg_popup fieldset .error_msg { font-size: 12px; color: red; margin-bottom: 0; display: none; } .reg_popup fieldset select { outline: none; padding: 0 10px; border: 1px solid #9b9fa2; /* reset arrow */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; /* custom arrow */ background-image: -webkit-linear-gradient(45deg, transparent 50%, #FF6B00 50%), -webkit-linear-gradient(315deg, #FF6B00 50%, transparent 50%); background-image: -o-linear-gradient(45deg, transparent 50%, #FF6B00 50%), -o-linear-gradient(315deg, #FF6B00 50%, transparent 50%); background-image: linear-gradient(45deg, transparent 50%, #FF6B00 50%), linear-gradient(135deg, #FF6B00 50%, transparent 50%); background-position: calc(100% - 13px) calc(1em + -2px), calc(100% - 5px) calc(1em + -2px), 100% 0; background-size: 8px 8px, 8px 8px, 3.5em 3.5em; background-repeat: no-repeat; } .reg_popup fieldset select option { color: #0D0D0D; } .reg_popup fieldset select::-ms-expand { display: none; } .reg_popup fieldset .bottom_row { width: 100%; display: block; position: relative; margin: 20px auto; padding: 0 15px; } @media (max-width: 480px) { .reg_popup fieldset .bottom_row { margin: 10px auto; } } .reg_popup fieldset .link { width: 115px; display: inline-block; } @media (max-width: 1024px) { .reg_popup fieldset .link { display: block; text-align: center; margin: 15px auto; } } .reg_popup fieldset .link img { width: 100%; } .reg_popup fieldset .button_holder { float: right; } @media (max-width: 1024px) { .reg_popup fieldset .button_holder { float: none; text-align: center; } } .reg_popup fieldset .next_btn, .reg_popup fieldset .previous_btn { border: none; outline: none; text-transform: uppercase; color: #FFFFFF; padding: 0 30px; height: 35px; } @media (max-width: 1024px) { .reg_popup fieldset .next_btn { width: 222px; } } @media (max-width: 1024px) { .reg_popup fieldset .previous_btn { display: none; } } .reg_popup fieldset .previous_mobile { display: none; } @media (max-width: 1024px) { .reg_popup fieldset .previous_mobile { font-weight: bold; font-size: 15px; display: block; background: none; border: none; outline: none; } .reg_popup fieldset .previous_mobile .arrow { position: relative; display: inline-block; top: 0; left: 0; } } .reg_popup fieldset .step_two_content .input_date { width: 33.3333%; float: left; height: 30px; margin-bottom: 33px; } .reg_popup fieldset .step_two_content .input { padding: 0 10px; margin-bottom: 18px; } @media (max-width: 480px) { .reg_popup fieldset .step_two_content .input { margin-bottom: 5px; } } .reg_popup fieldset .step_two_content .content_label { padding: 0; margin-bottom: 3px; font-size: 12px; } .reg_popup fieldset .form_row { width: 100%; display: block; position: relative; margin-bottom: 65px; } .reg_popup fieldset .form_control { margin-bottom: 15px; } .reg_popup fieldset .checkbox { display: inline-block; outline: none; border: none; background: #565656; height: auto; } .reg_popup fieldset .checkbox_label { display: inline-block; padding: 0 5px; vertical-align: middle; margin-bottom: 4px; } @media (max-width: 480px) { .reg_popup fieldset .checkbox_label { width: 92%; margin: 0 auto; } } .reg_popup fieldset .checkbox_label .link { text-align: left; width: auto; color: #565656; text-decoration: underline; } .reg_popup fieldset .checkbox_control { margin: 0; } .reg_popup .step2, .reg_popup .step3, .reg_popup .step4 { display: none; } .reg_popup_wait { display: none; } .cashier-body { background: #0D0D0D; } .cashier_main_container { width: 100%; position: relative; display: block; font-family: Arial, Helvetica, sans-serif; } .cashier_main_container .cashier { max-width: 1000px; width: 100%; position: relative; display: block; margin: 0 auto; } .cashier_main_container .cashier .cashier_header { width: 100%; display: block; position: relative; } .cashier_main_container .logo_holder { max-width: 180px; width: 100%; position: relative; float: left; margin-right: 10px; } @media (max-width: 992px) { .cashier_main_container .logo_holder { max-width: auto; width: 33.3333333%; } } @media (max-width: 650px) { .cashier_main_container .logo_holder { display: block; float: none; border: none; width: 100%; } } .cashier_main_container .logo_holder .logo { display: block; position: relative; padding: 15px; text-decoration: none; width: 100%; outline: none; } .cashier_main_container .logo_holder .logo img { width: 100%; } .cashier_main_container .account { position: relative; display: block; max-width: 375px; width: 100%; border-right: 1px solid #C6C6C6; border-left: 1px solid #C6C6C6; } @media (max-width: 992px) { .cashier_main_container .account { float: left; max-width: auto; width: 33.3333333%; } } @media (max-width: 650px) { .cashier_main_container .account { display: block; float: none; border: none; width: 100% !important; max-width: 100%; } } .cashier_main_container .account, .cashier_main_container .contacts { float: left; padding: 10px 15px; } @media (max-width: 992px) { .cashier_main_container .account, .cashier_main_container .contacts { max-width: auto; width: 33.3333333%; } } .cashier_main_container .account .inner, .cashier_main_container .contacts .inner { width: 100%; display: block; position: relative; } .cashier_main_container .account .title, .cashier_main_container .contacts .title { background: #000000; color: #FF6B00; padding: 2px 10px; text-transform: uppercase; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; display: inline-block; margin-bottom: 5px; font-size: 19px; } .cashier_main_container .account .account_details, .cashier_main_container .contacts .account_details { width: 100%; display: block; position: relative; } .cashier_main_container .account .account_details .h-label, .cashier_main_container .contacts .account_details .h-label { color: #FFFFFF; margin-bottom: 0; font-size: 12px; } .cashier_main_container .account .account_details .h-label span, .cashier_main_container .contacts .account_details .h-label span { color: #FFFFFF; } .cashier_main_container .account .contacts_details, .cashier_main_container .contacts .contacts_details { width: 100%; display: block; position: relative; } .cashier_main_container .account .list, .cashier_main_container .contacts .list { padding: 0; margin: 5px 0; width: 100%; display: block; list-style-type: none; } .cashier_main_container .account .list-item, .cashier_main_container .contacts .list-item { display: inline-block; margin-right: 10px; position: relative; } .cashier_main_container .account .link, .cashier_main_container .contacts .link { color: #FFFFFF; text-decoration: none; font-size: 12px; } .cashier_main_container .account .icon, .cashier_main_container .contacts .icon { margin-right: 5px; } @media (max-width: 650px) { .cashier_main_container .contacts { display: none; } } .cashier_main_container .cashier_main { width: 100%; display: block; position: relative; margin-top: 35px; } @media (max-width: 650px) { .cashier_main_container .cashier_main { margin-top: 10px; } } .cashier_main_container .cashier_nav_holder { width: 100%; display: block; position: relative; } .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:focus, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:hover { color: #000000 !important; background: #E9E9E9; border: none; text-decoration: none; } @media (max-width: 710px) { .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:focus, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:hover { padding: 5px 15px; color: #FFFFFF !important; background: #000000 !important; font-size: 16px; } .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:active, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:focus, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:hover, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:focus:active, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:focus:focus, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:focus:hover, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:hover:active, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:hover:focus, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active > a:hover:hover { color: #FF6B00 !important; } } @media (max-width: 710px) { .cashier_main_container .cashier_nav_holder .cashier-nav > li.active a { color: #FF6B00 !important; } .cashier_main_container .cashier_nav_holder .cashier-nav > li.active a:active, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active a:focus, .cashier_main_container .cashier_nav_holder .cashier-nav > li.active a:hover { color: #FF6B00 !important; } } .cashier_main_container .cashier_nav_holder .cashier-nav { background: none; padding: 0; display: inline-block; position: relative; width: 100%; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; border: none; } @media (max-width: 710px) { .cashier_main_container .cashier_nav_holder .cashier-nav { background: #000000; padding: 5px 0; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; } .cashier_main_container .cashier_nav_holder .cashier-nav::-webkit-scrollbar { height: 0; } .cashier_main_container .cashier_nav_holder .cashier-nav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); } .cashier_main_container .cashier_nav_holder .cashier-nav::-webkit-scrollbar-thumb { background-color: #ff6b00; background-color: #ff6b00; border-radius: 5px; outline: 1px solid slategrey; } .cashier_main_container .cashier_nav_holder .cashier-nav .list-item .link { padding: 5px 15px; color: #FFFFFF; font-size: 16px; } .cashier_main_container .cashier_nav_holder .cashier-nav .list-item .link:hover, .cashier_main_container .cashier_nav_holder .cashier-nav .list-item .link:focus, .cashier_main_container .cashier_nav_holder .cashier-nav .list-item .link:active { color: #FF6B00; background: #000000; } .cashier_main_container .cashier_nav_holder .cashier-nav .list-item .active { background: #000000; color: #FF6B00; } .cashier_main_container .cashier_nav_holder .cashier-nav .btn_holder { float: none; text-align: right; } } .cashier_main_container .cashier_nav_holder .list-item { display: inline-block; } .cashier_main_container .cashier_nav_holder .list-item .link { border-radius: 0; color: #FFFFFF; font-size: 18px; padding: 5px 15px 20px; border: none; } .cashier_main_container .cashier_nav_holder .list-item .link:hover, .cashier_main_container .cashier_nav_holder .list-item .link:active, .cashier_main_container .cashier_nav_holder .list-item .link:focus { color: #000000; background: #E9E9E9; border: none; text-decoration: none; } .cashier_main_container .cashier_nav_holder .list-item .active { color: #000000; background: #E9E9E9; } .cashier_main_container .cashier_nav_holder .btn_holder { display: inline-block; float: right; } .cashier_main_container .cashier_nav_holder .deposit_btn { border: 0; color: #FFFFFF; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 7px 20px; outline: none; } @media (max-width: 710px) { .cashier_main_container .cashier_nav_holder .deposit_btn { margin-right: 10px; } } .cashier_content { width: 100%; display: block; position: relative; padding: 15px; background: #E9E9E9; margin-top: -2px; } .cashier_section { width: 100%; display: none; position: relative; } .section_nav_holder { width: 100%; display: block; position: relative; margin-bottom: 10px; } .section_nav_holder .section_nav { width: 100%; padding: 0; display: block; position: relative; } .section_nav_holder .section_nav .list-item { display: inline-block; } .section_nav_holder .section_nav .link { color: #000000; padding: 7px 15px; background: #C6C6C6; text-decoration: none; border: none; border-radius: 0px; margin-right: 5px; display: block; } .section_nav_holder .section_nav .link:hover, .section_nav_holder .section_nav .link:active, .section_nav_holder .section_nav .link:focus { text-decoration: none; background: #E2E2E2; } .section_nav_holder .section_nav .active { text-decoration: none; background: #E2E2E2; } @media (max-width: 500px) { .section_nav_holder .section_nav { overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; } .section_nav_holder .section_nav::-webkit-scrollbar { height: 0px; } .section_nav_holder .section_nav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); } .section_nav_holder .section_nav::-webkit-scrollbar-thumb { background-color: #ff6b00; background-color: #ff6b00; border-radius: 5px; outline: 1px solid slategrey; } } .section_nav_holder .section_nav > li.active > a, .section_nav_holder .section_nav > li.active > a:focus, .section_nav_holder .section_nav > li.active > a:hover { color: #000000; padding: 7px 15px; text-decoration: none; border: none; border-radius: 0px; margin-right: 5px; display: block; } .section_nav_holder .section_nav > li.active > a:active, .section_nav_holder .section_nav > li.active > a:focus, .section_nav_holder .section_nav > li.active > a:hover, .section_nav_holder .section_nav > li.active > a:focus:active, .section_nav_holder .section_nav > li.active > a:focus:focus, .section_nav_holder .section_nav > li.active > a:focus:hover, .section_nav_holder .section_nav > li.active > a:hover:active, .section_nav_holder .section_nav > li.active > a:hover:focus, .section_nav_holder .section_nav > li.active > a:hover:hover { text-decoration: none; background: #E2E2E2 !important; } .section_nav_holder .section_nav li.active a.active { background: #E2E2E2 !important; } .content { width: 100%; position: relative; float: left; /* password page */ /* deposit page */ /* messages styles */ } .content .content_inner { width: 100%; display: block; position: relative; } .content .details_box .inner { width: 100%; display: block; position: relative; border-bottom: 1px solid #C8C8C8; float: left; padding-bottom: 15px; margin-top: 15px; min-height: 195px; } @media (max-width: 992px) { .content .details_box .inner { min-height: 160px; } } @media (max-width: 767px) { .content .details_box .inner { min-height: 1px; } } .content .details_box .box_header { width: 100%; display: block; position: relative; margin-bottom: 20px; } .content .details_box .icon { max-width: 30px; width: 100%; position: relative; display: inline-block; } .content .details_box .icon img { width: 100%; } .content .details_box .title { color: #000000; font-weight: 600; font-size: 14px; margin-left: 5px; } .content .details_box .alert { font-weight: 600; color: #E9E9E9; background: red; width: auto; padding: 6px 3px; border-radius: 50px; border: 2px solid #E9E9E9; position: absolute; top: -8px; left: 16px; margin-bottom: 0; font-size: 10px; line-height: 6px; } .content .details_box .box_content { width: 100%; display: block; position: relative; } .content .details_box .box_list { width: 100%; display: block; position: relative; list-style-type: none; padding: 0; } .content .details_box .box_list .list-item { width: 100%; display: block; position: relative; } .content .details_box .box_list .list-item .text { font-size: 12px; color: #000000; } .content .details_box .box_list .list-item .text .link { color: #000000; font-size: 12px; text-decoration: underline; } .content .details_box .box_list .list-item .text_right { float: right; } .content .details_box .not-active { display: none; } .content .details_box .ctmr-srv-list { padding: 0; width: 100%; display: block; margin-top: 15px; } .content .details_box .ctmr-srv-list .list-item { display: inline-block; margin-right: 5px; } @media (max-width: 374px) { .content .details_box .ctmr-srv-list .list-item { display: block; } } .content .details_box .ctmr-srv-list .list-item .icon { max-width: 30px; width: 100%; display: inline-block; } .content .details_box .ctmr-srv-list .list-item .icon img { width: 100%; } .content .details_box .ctmr-srv-list .list-item .link { color: #000000; font-size: 12px; text-decoration: underline; } .content .details_box .box_row { width: 100%; display: block; position: relative; } .content .details_box .box_row .link { color: #000000; font-size: 12px; text-decoration: underline; } .content .details_box .box_row .text { color: #000000; font-size: 12px; margin-bottom: 0; } .content .details_box .funds-grid:nth-child(1) { border-right: 1px solid #C8C8C8; } @media (max-width: 530px) { .content .details_box .funds-grid { width: 100%; margin-bottom: 15px; } .content .details_box .funds-grid:nth-child(1) { border-right: none; } } .content .details_box .funds-grid .box_list .list-item:nth-child(1) .text { font-weight: bold; color: #000000; } .content .details_box .funds-grid .btn_holder { width: 100%; display: block; position: relative; text-align: center; margin: 15px auto; } .content .details_box .funds-grid .btn_holder .cta_btn { border: none; outline: none; color: #FFFFFF; width: 80%; font-size: 12px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; text-transform: uppercase; } @media (max-width: 992px) { .content .details_box .funds-grid .btn_holder .cta_btn { padding: 5px 15px; } } @media (max-width: 767px) { .content .details_box .funds-grid .btn_holder .cta_btn { width: 150px; } } .content .top-text { max-width: 860px; width: 100%; margin: 15px auto 30px; display: block; position: relative; } .content .top-text .text { margin-bottom: 0; text-align: center; } .content .pswrd_form_holder { max-width: 650px; width: 100%; margin: 50px auto; } .content .pswrd_form_holder .form { width: 100%; display: block; position: relative; } .content .pswrd_form_holder .f-control { width: 100%; display: block; position: relative; margin-bottom: 15px; } @media (max-width: 680px) { .content .pswrd_form_holder .f-control { margin-bottom: 0px; } } .content .pswrd_form_holder .f-control-grid { padding: 0 10px; } @media (max-width: 680px) { .content .pswrd_form_holder .f-control-grid { max-width: 300px; width: 100%; margin: 0px auto; float: none; } } .content .pswrd_form_holder .f-control-grid .text { text-align: right; margin-bottom: 0; margin-top: 5px; vertical-align: middle; } @media (max-width: 680px) { .content .pswrd_form_holder .f-control-grid .text { text-align: left; } } .content .pswrd_form_holder .f-control-grid .input { padding: 0 10px; height: 30px; margin-bottom: 10px; width: 100%; border: 1px solid #C6C6C6; outline: none; } .content .pswrd_form_holder .btn_holder { width: 100%; display: block; position: relative; margin: 20px auto; text-align: center; } .content .pswrd_form_holder .btn_holder .cta_submit { border: none; color: #FFFFFF; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px 10px; max-width: 170px; width: 100%; } .content .bonus_msg { max-width: 860px; width: 100%; margin: 20px auto; text-align: center; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; padding: 10px; border: 1px solid #C6C6C6; } .content .bonus_msg .img_holder { display: inline-block; max-width: 38px; width: 100%; } .content .bonus_msg .img_holder img { width: 100%; } .content .bonus_msg .text { display: inline-block; margin-bottom: 0; font-size: 16px; vertical-align: middle; } @media (max-width: 600px) { .content .bonus_msg .text { font-size: 12px; } } .content .methods_row { max-width: 992px; width: 100%; display: block; position: relative; margin: 10px auto 35px; float: left; } .content .methods_row .methods_label, .content .methods_row .methods_label_small { padding: 0 5px; font-weight: bold; } .content .methods_row .methods_label_small { font-size: 12px; font-weight: 400; } .content .methods_row .method { width: 20%; float: left; padding: 0 5px; } @media (max-width: 992px) { .content .methods_row .method { width: 33.3333333%; padding: 5px; } } @media (max-width: 430px) { .content .methods_row .method { width: 50%; } } .content .methods_row .method .method_inner { width: 100%; display: block; position: relative; } .content .methods_row .method .method_inner img { width: 100%; } .content .methods_row .method_small { float: left; padding: 0 5px; width: 10%; } @media (max-width: 992px) { .content .methods_row .method_small { width: 20%; padding: 5px; } } @media (max-width: 430px) { .content .methods_row .method_small { width: 33.3333333%; } } .content .methods_row .method_small .method_inner { width: 100%; display: block; position: relative; } .content .methods_row .method_small .method_inner img { width: 100%; } .content .cashier_row { width: 100%; display: block; position: relative; /* current bonus box */ } .content .cashier_row .message_holder { max-width: 860px; width: 100%; margin: 0 auto; border: 1px solid #C6C6C6; padding: 15px; margin-bottom: 15px; } .content .cashier_row .message_holder .text { margin-bottom: 0; } .content .cashier_row .trns_msg { max-width: 860px; width: 100%; margin: 0 auto; border: 1px solid #C6C6C6; padding: 15px; margin-bottom: 25px; background: #F5E8BB; } .content .cashier_row .trns_msg .text { margin-bottom: 0; } .content .cashier_row .title { font-weight: bold; text-align: center; } .content .cashier_row .buttons_holder { max-width: 360px; width: 100%; display: block; position: relative; margin: 15px auto; text-align: center; } .content .cashier_row .buttons_holder .withdrawl_btn { max-width: 150px; width: 100%; height: 70px; background: #FFFFFF; padding: 5px; display: block; float: left; border: 1px solid #C6C6C6; outline: none; margin: 0 15px; opacity: 0.75; } .content .cashier_row .buttons_holder .withdrawl_btn:hover, .content .cashier_row .buttons_holder .withdrawl_btn:active, .content .cashier_row .buttons_holder .withdrawl_btn:focus { opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); } @media (max-width: 430px) { .content .cashier_row .buttons_holder .withdrawl_btn { max-width: 100%; width: 46%; margin: 0 5px; } } .content .cashier_row .buttons_holder .withdrawl_btn .text { font-weight: bold; margin-bottom: 0; } .content .cashier_row .buttons_holder .withdrawl_btn img { max-width: 75px; width: 100%; } .content .cashier_row .buttons_holder .active { opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); } .content .cashier_row .cshr_row_inner { width: 100%; display: block; position: relative; text-align: center; } .content .cashier_row .cshr_row_inner .form { width: 100%; display: block; position: relative; margin: 40px auto; } .content .cashier_row .cshr_row_inner .form .title { margin-bottom: 10px; } .content .cashier_row .cshr_row_inner .form .link { text-decoration: underline; color: #000000; margin-bottom: 15px; display: block; position: relative; font-size: 12px; } .content .cashier_row .cshr_row_inner .form .f-control { margin-bottom: 10px; width: 100%; display: block; position: relative; float: left; } .content .cashier_row .cshr_row_inner .form .f-control .f-control-grid { padding: 0 10px; } @media (max-width: 680px) { .content .cashier_row .cshr_row_inner .form .f-control .f-control-grid { max-width: 300px; width: 100%; margin: 0 auto; float: none; } } .content .cashier_row .cshr_row_inner .form .f-control .f-control-grid .text { text-align: right; vertical-align: middle; font-size: 12px; margin-top: 7px; margin-bottom: 0; } @media (max-width: 680px) { .content .cashier_row .cshr_row_inner .form .f-control .f-control-grid .text { text-align: left; } } .content .cashier_row .cshr_row_inner .form .f-control .f-control-grid .input { width: 100%; height: 30px; border: 1px solid #C6C6C6; outline: none; padding: 0 10px; } .content .cashier_row .cshr_row_inner .form .button_holder { width: 100%; display: block; position: relative; margin-top: 15px; } .content .cashier_row .cshr_row_inner .form .button_holder .cta_submit { border: none; text-transform: uppercase; color: #FFFFFF; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; font-size: 16px; padding: 5px 10px; max-width: 160px; width: 100%; outline: none; } .content .cashier_row .table_container { width: 100%; display: block; position: relative; } .content .cashier_row .table_container .cashier_table { max-width: 860px; margin: 0 auto; width: 100%; position: relative; margin-bottom: 10px; } .content .cashier_row .table_container .cashier_table thead tr .t_header { background: #4B4B4B; border: 1px solid #E9E9E9; width: 33.3333333%; } .content .cashier_row .table_container .cashier_table thead tr .t_header .text { color: #FFFFFF; margin-bottom: 0; } @media (max-width: 528px) { .content .cashier_row .table_container .cashier_table thead tr .t_header .text { font-size: 12px; } } .content .cashier_row .table_container .cashier_table tbody tr:nth-child(even) .cell { background: #FFFFFF; } .content .cashier_row .table_container .cashier_table tbody tr .cell { border: 1px solid #E9E9E9; } .content .cashier_row .table_container .cashier_table tbody tr .cell .text { margin-bottom: 0px; font-size: 12px; } @media (max-width: 480px) { .content .cashier_row .table_container .cashier_table tbody tr .cell .text { font-size: 10px; } } .content .cashier_row .table_container .cashier_table tbody tr.no-info .cell { background: #FFFFFF; } .content .cashier_row .table_container .cashier_table tbody tr.no-info .cell .text { text-align: center; } .content .cashier_row .bonus_box { margin: 35px auto; } @media (max-width: 767px) { .content .cashier_row .bonus_box { margin: 25px auto; } } .content .cashier_row .bonus_box:first-of-type { border-right: 1px solid #C6C6C6; } @media (max-width: 767px) { .content .cashier_row .bonus_box:first-of-type { border-right: none; } } .content .cashier_row .bonus_box .title { text-align: left; } @media (max-width: 767px) { .content .cashier_row .bonus_box .title { padding: 0 30px; } } .content .cashier_row .bonus_box .left_column { text-align: center; padding: 0; } .content .cashier_row .bonus_box .left_column .icon_holder { max-width: 60px; width: 100%; position: relative; display: block; margin: 0 auto; } @media (max-width: 767px) { .content .cashier_row .bonus_box .left_column .icon_holder { max-width: 25px; width: 100%; position: absolute; top: -35px; } } .content .cashier_row .bonus_box .left_column .icon_holder img { width: 100%; } @media (max-width: 767px) { .content .cashier_row .bonus_box .right_column { padding: 0; } } .content .cashier_row .bonus_box .right_column .box_content { width: 100%; display: block; position: relative; } .content .cashier_row .bonus_box .right_column .box_content .box_list { list-style-type: none; width: 100%; display: block; position: relative; padding: 0; min-height: 130px; } @media (max-width: 480px) { .content .cashier_row .bonus_box .right_column .box_content .box_list { min-height: 1px; } } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item { width: 100%; display: block; position: relative; } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .text { font-size: 12px; } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .text_left { text-align: left; } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .text_right { text-align: right; float: right; } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .progress_holder { float: right; width: 50%; } @media (max-width: 480px) { .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .progress_holder { float: none; width: 100%; } } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .progress_holder .progress_bar { border-radius: 0px; } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .progress_holder .progress_bar .bar-custom { background: #C6C6C6; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .content .cashier_row .bonus_box .right_column .box_content .box_list .list-item .progress_holder .progress_bar .bar-custom p { color: #000000; } .content .cashier_row .bonus_box .right_column .box_content .btn_holder { width: 100%; display: block; position: relative; text-align: center; } .content .cashier_row .bonus_box .right_column .box_content .btn_holder .cta_btn { color: #000000; background: #C6C6C6; border: none; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; padding: 5px 15px; outline: none; } .content .withdraw_row { display: none; } .content .active { display: block; } .content .bonus_row { border-bottom: 1px solid #C6C6C6; float: left; padding: 15px 15px 35px; width: 100%; margin: 0 auto; } .content .bonus_row .title { padding: 0 15px; margin-bottom: 25px; text-align: left; } @media (max-width: 767px) { .content .bonus_row .title { padding: 0 30px; } } .content .bonus_row .left_column { text-align: center; padding: 0; padding-right: 15px; } @media (max-width: 767px) { .content .bonus_row .left_column { padding: 0; } } .content .bonus_row .left_column .icon_holder { max-width: 60px; width: 100%; position: relative; display: block; margin: 0 auto; } @media (max-width: 767px) { .content .bonus_row .left_column .icon_holder { max-width: 25px; width: 100%; position: absolute; top: -47px; } } .content .bonus_row .left_column .icon_holder img { width: 100%; } .content .bonus_row .right_column { padding: 0; } .content .bonus_row .right_column .table_container .cashier_table { margin-bottom: 10px; } .content .bonus_row .right_column .table_container .cashier_table thead tr .t_header { width: 15%; } .content .bonus_row .right_column .table_container .cashier_table thead tr .t_header:last-of-type { width: 55%; } @media (max-width: 767px) { .content .bonus_row .right_column .table_container .cashier_table thead tr .t_header { width: 25%; } .content .bonus_row .right_column .table_container .cashier_table thead tr .t_header:last-of-type { width: 25%; } } .content .bonus_row .right_column .form_holder { width: 100%; display: block; position: relative; text-align: center; } .content .bonus_row .right_column .form_holder .form { width: 100%; display: block; position: relative; } .content .bonus_row .right_column .form_holder .form .f-control { width: 100%; display: block; position: relative; } .content .bonus_row .right_column .form_holder .form .f-control .label { font-size: 12px; font-weight: 400; color: #000000; float: left; margin: 7px auto; } .content .bonus_row .right_column .form_holder .form .f-control .input { padding: 0 10px; height: 30px; display: block; max-width: 220px; width: 100%; border: 1px solid #C6C6C6; float: left; margin: 0 10px; outline: none; } .content .bonus_row .right_column .form_holder .form .f-control .cta_submit { border: none; text-transform: uppercase; color: #FFFFFF; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; font-size: 16px; padding: 4px 10px; max-width: 160px; width: 100%; outline: none; display: block; float: left; } @media (max-width: 620px) { .content .bonus_row .right_column .form_holder .form .f-control .label, .content .bonus_row .right_column .form_holder .form .f-control .input, .content .bonus_row .right_column .form_holder .form .f-control .cta_submit { display: block; float: none; margin: 5px auto; } .content .bonus_row .right_column .form_holder .form .f-control .cta_submit { margin: 10px auto; } } .content .bonus_row .right_column .text_holder { width: 100%; display: block; position: relative; } .content .bonus_row .right_column .text_holder .text { margin-bottom: 0; } .content .messages_holder { width: 100%; display: block; position: relative; } .content .messages_holder .msg_siderbar { padding-right: 0; } .content .messages_holder .msg_siderbar .sidebar_inner { width: 100%; position: relative; display: block; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav { width: 100%; display: block; padding: 0; list-style-type: none; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item { width: 100%; display: block; position: relative; } @media (max-width: 767px) { .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item { display: inline-block; width: auto; } } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link { color: #000000; text-decoration: none; display: block; padding: 10px 5px; border: 1px solid; border-color: transparent #C6C6C6 #C6C6C6 transparent; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link:hover, .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link:focus, .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link:active { border-color: transparent transparent #C6C6C6 #C6C6C6; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link:hover:first-of-type, .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link:focus:first-of-type, .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link:active:first-of-type { border-color: #C6C6C6 transparent #C6C6C6 #C6C6C6; } @media (max-width: 767px) { .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link { border: none; } } @media (max-width: 455px) { .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link { text-align: center; } } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link .text { font-weight: bold; font-size: 12px; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link .alert { font-weight: 600; color: #E9E9E9; background: red; width: auto; padding: 6px 3px; border-radius: 50px; border: 2px solid #E9E9E9; position: absolute; top: 0px; left: 15px; margin-bottom: 0; font-size: 9px; line-height: 6px; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link .icon { max-width: 30px; width: 100%; text-align: center; display: inline-block; } @media (max-width: 767px) { .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link .icon { max-width: 25px; } } @media (max-width: 455px) { .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link .icon { display: block; text-align: center; margin: 0 auto; } } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .link .icon img { width: 100%; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .active { border: 1px solid; border-color: transparent transparent #C6C6C6 #C6C6C6; } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .active:first-of-type { border-color: #C6C6C6 transparent #C6C6C6 #C6C6C6; } @media (max-width: 767px) { .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .active { border: none; } } .content .messages_holder .msg_siderbar .sidebar_inner .msg_nav .list-item .green-link { color: #59A63C; } .content .messages_holder .msgs_main { border-top: 1px solid #C6C6C6; padding-top: 15px; } @media (max-width: 480px) { .content .messages_holder .msgs_main { padding: 15px 0 0 0; } } .content .messages_holder .msgs_main .msg_inner { width: 100%; display: block; position: relative; } .content .messages_holder .msgs_main .msg_inner .msg-pane { width: 100%; position: relative; display: none; } .content .messages_holder .msgs_main .msg_inner .active { display: block; } .content .messages_holder .msgs_main .msg_inner .empty_inbox { background: #F5E8BB; width: 100%; display: block; position: relative; text-align: center; border: 1px solid #C6C6C6; margin-bottom: 15px; padding: 15px; } .content .messages_holder .msgs_main .msg_inner .empty_inbox .text { margin-bottom: 0; font-weight: bold; color: #000000; } .content .messages_holder .msgs_main .msg_inner .table_container { width: 100%; display: block; position: relative; margin-bottom: 20px; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table { max-width: 860px; margin: 0 auto; width: 100%; position: relative; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .t_header { background: #4B4B4B; border: 1px solid #E9E9E9; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .t_header .text { color: #FFFFFF; margin-bottom: 0; vertical-align: middle; } @media (max-width: 650px) { .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .t_header .text { font-size: 12px; } } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .checkbox-td { width: 5%; text-align: center; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .subject-td { width: 75%; } @media (max-width: 600px) { .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .subject-td { width: 65%; } } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .date-td { width: 20%; } @media (max-width: 600px) { .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table thead tr .date-td { width: 30%; } } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table tbody tr:nth-child(even) .cell { background: #FFFFFF; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table tbody tr .cell { border: 1px solid #E9E9E9; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table tbody tr .cell .text { margin-bottom: 0px; font-size: 12px; font-weight: bold; color: #000000; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table tbody tr .checkbox-td { text-align: center; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table tbody tr.no-info .cell { background: #FFFFFF; } .content .messages_holder .msgs_main .msg_inner .table_container .cashier_table tbody tr.no-info .cell .text { text-align: center; } .content .messages_holder .msgs_main .msg_inner .table_container .btn_holder { width: 100%; display: block; position: relative; margin-top: 15px; } .content .messages_holder .msgs_main .msg_inner .table_container .btn_holder .cta_btn { border: none; background: #C6C6C6; outline: none; padding: 5px 15px; } .content .messages_holder .msgs_main .msg_inner .table_container .btn_holder .cta_btn .icon_holder { max-width: 15px; width: 100%; } .content .messages_holder .msgs_main .msg_inner .table_container .btn_holder .cta_btn .icon_holder img { max-width: 20px; width: 100%; display: inline-block; } .content .messages_holder .msgs_main .msg_inner .table_container .btn_holder .cta_btn .text { font-weight: bold; vertical-align: middle; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder { width: 100%; display: block; position: relative; margin-bottom: 20px; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner { width: 100%; display: block; position: relative; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .title-label { width: 100%; display: block; position: relative; background: #4B4B4B; padding: 10px; margin-bottom: 15px; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .title-label .text { color: #FFFFFF; margin-bottom: 0; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder { width: 100%; display: block; position: relative; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form { width: 100%; display: block; position: relative; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control { width: 100%; display: block; position: relative; margin-bottom: 15px; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .text { color: #000000; font-size: 12px; font-weight: 400; margin-bottom: 5px; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .input { width: 100%; min-height: 35px; outline: none; padding: 0 10px; border: 1px solid #C6C6C6; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .input-list { width: 100%; padding: 0 10px; display: block; position: relative; padding: 0; list-style-type: none; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .input-list .list-item { display: block; float: left; width: 33.3333333%; } @media (max-width: 600px) { .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .input-list .list-item { width: 100%; float: none; display: block; } } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .input-list .list-item .input { outline: none; padding: 0; border: none; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .input-list .last { display: block; position: relative; width: 100%; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .f-control .input-list .last .sub-note { color: #565656; font-style: italic; font-size: 12px; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .btn_holder { width: 100%; display: block; position: relative; text-align: right; } .content .messages_holder .msgs_main .msg_inner .new_msg_holder .new_msg_inner .form_holder .form .btn_holder .msg_cta_btn { border: none; color: #FFFFFF; text-transform: uppercase; padding: 8px 25px; outline: none; } #messages .content { padding-bottom: 0; } .active { display: block; /*.inner_active{ display: block; }*/ } /* document sender by id */ #myDocumentSender .content_inner { text-align: center; } #myDocumentSender .text_holder { max-width: 860px; width: 100%; margin: 0 auto; display: block; position: relative; margin-bottom: 15px; } #myDocumentSender .text_holder .text { margin-bottom: 0; } #myDocumentSender .text_box { border: 1px solid #C6C6C6; padding: 15px; } #myDocumentSender .document_sender_holder { width: 100%; display: block; position: relative; } #myDocumentSender .sender_form { width: 100%; display: block; position: relative; margin: 35px auto; } #myDocumentSender .f-control { width: 100%; display: block; position: relative; } #myDocumentSender .f-control .label { font-size: 14px; color: #000000; font-weight: 400; } #myDocumentSender .f-control .input { display: inline-block; width: 200px; outline: none; } @media (max-width: 530px) { #myDocumentSender .f-control .input { display: block; margin: 10px auto 15px; } } #myDocumentSender .f-control .cta_submit { font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFFFFF; border: none; padding: 5px 10px; width: 110px; font-size: 16px; outline: none; } /* transfer by id */ #transfer .cashier_row { max-width: 860px; width: 100%; margin: 35px auto; /* refresh btn */ } #transfer .cashier_row .transfer_box { border: 1px solid #C6C6C6; } #transfer .cashier_row .transfer_box_inner { width: 1005; display: block; position: relative; padding: 10px 5px; } #transfer .cashier_row .box_header { width: 100%; display: block; position: relative; padding: 10px 0; border-bottom: 1px solid #C6C6C6; text-align: center; } #transfer .cashier_row .box_header .title { margin-bottom: 0; display: inline-block; color: #000000; } #transfer .cashier_row .refresh_btn { float: right; color: #BABABA; font-size: 18px; border: none; outline: none; background: none; padding: 0; } #transfer .cashier_row .refresh_btn:hover { -webkit-animation-name: spin; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 800ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 800ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes spin { #transfer .cashier_row .refresh_btn from { -ms-transform: rotate(0deg); } #transfer .cashier_row .refresh_btn to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #transfer .cashier_row .box_content { width: 100%; display: block; position: relative; margin-top: 15px; } #transfer .cashier_row .box_list { width: 100%; display: block; position: relative; list-style-type: none; padding: 0; } #transfer .cashier_row .list-item { margin-bottom: 5px; display: block; position: relative; width: 100%; } #transfer .cashier_row .list-item:nth-child(1) .text { font-weight: bold; color: #000000; } #transfer .cashier_row .list-item .text { font-size: 12px; } #transfer .cashier_row .list-item .text_left { text-align: left; } #transfer .cashier_row .list-item .text_right { text-align: right; float: right; } #transfer .cashier_row .middle_box { padding: 0 35px; } @media (max-width: 767px) { #transfer .cashier_row .middle_box { padding: 0; width: 100%; text-align: center; margin: 15px auto; } } #transfer .cashier_row .arrow { width: 100%; display: block; position: relative; text-align: center; padding: 15px; margin-top: 40px; outline: none; border: none; } #transfer .cashier_row .arrow img { width: 100%; } @media (max-width: 767px) { #transfer .cashier_row .arrow { max-width: 55px; width: 100%; margin: 0 auto; } #transfer .cashier_row .arrow img { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } } #transfer .cashier_row .cashier_row_inner { text-align: center; width: 100%; display: block; } #transfer .cashier_row .cashier_row_inner .title { font-size: 12px; font-weight: 400; } #transfer .cashier_row .form { max-width: 220px; width: 100%; display: block; position: relative; margin: 0 auto; } #transfer .cashier_row .f-control { width: 100%; display: block; position: relative; margin-bottom: 15px; } #transfer .cashier_row .f-control .input { outline: none; height: 30px; padding: 0 10px; text-align: center; width: 100%; } #transfer .cashier_row .btn_holder { width: 100%; display: block; position: relative; } #transfer .cashier_row .cta_submit { border: none; color: #FFFFFF; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif; text-transform: uppercase; width: 100%; padding: 8px 10px; } @media (max-width: 767px) { #transfer .transfer_row { max-width: 360px; width: 100%; } } /* footer */ .cashier_footer { width: 100%; display: block; position: relative; background: #FFFFFF; margin-bottom: 15px; } .cashier_footer .cashier_footer_inner { width: 100%; display: block; position: relative; padding: 20px; } .cashier_footer .cashier_footer_inner .text { font-size: 12px; color: #000000; margin-bottom: 0; } .cashier_footer .btm_row { width: 100%; display: block; position: relative; margin-top: 15px; } .cashier_footer .link { font-size: 16px; text-transform: uppercase; color: #000000; text-decoration: underline; display: inline-block; } @media (max-width: 480px) { .cashier_footer .link { font-size: 12px; } } .cashier_footer .img_holder { margin-top: -15px; display: block; float: right; } .cashier_footer .img_holder img { max-width: 80px; width: 100%; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .user_fa_style { width: 14px; height: 14px; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-circle_user_login:before { content: "\f05a"; font-size: 16px; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } @media (max-width: 350px) { .fa-heart-o:before { content: "\f08a"; color: #949494; } } @media (max-width: 480px) { .fa-heart-o:before { content: "\f08a"; color: #949494; } } @media (max-width: 800px) { .fa-heart-o:before { content: "\f08a"; color: #949494; } } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .animated { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .x1 { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .x2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .textDelay1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .textDelay2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .textDelay3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .textDelay4 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .textDelay5 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .textDelay6 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .textDelay7 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .textDelay8 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .textDelay9 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .textDelay10 { -webkit-animation-delay: 1s; animation-delay: 1s; } .delay { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .delayX1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .delayX2 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .delayX3 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .delayX4 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } @-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); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 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); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 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); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, 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); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, 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); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, 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); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, 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); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutSmall { from { opacity: 0; } 40% { opacity: 0; -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { opacity: 1; } } @keyframes zoomOutSmall { from { opacity: 0; } 40% { opacity: 0; -webkit-transform: scale3d(1.6, 1.6, 1.6); transform: scale3d(1.6, 1.6, 1.6); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { opacity: 1; } } .zoomOutSmall { -webkit-animation-name: zoomOutSmall; animation-name: zoomOutSmall; } @-webkit-keyframes zoomOutToFrame { from { opacity: 1; } 400% { opacity: 1; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes zoomOutToFrame { from { opacity: 1; } 200% { opacity: 1; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } .zoomOutToFrame { -webkit-animation-name: zoomOutToFrame; animation-name: zoomOutToFrame; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes front_shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, -10px, 0); } } @keyframes front_shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, -10px, 0); } } @-webkit-keyframes back_shake { 50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 0%, 100% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(0, -5px, 0); } } @keyframes back_shake { 50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 0%, 100% { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(0, -5px, 0); } } /*------------------------*/ div[data-jckp-gi]:empty { display: none; padding: 0; } .result_registration { margin-left: 8% } .result_success { margin-left: 8% } /*#livechat-compact-view { display: none !important; }*/ #livechat-compact-container { display: none !important; } .fav_holder2 { top: 8px; /*right: 8px;*/ left: 8px; display: block; position: absolute; } @media (max-width: 350px) { .fav_holder2 { top: 4px; /*right: 8px;*/ left: 4px; display: block; position: absolute; } } @media (max-width: 480px) { .fav_holder2 { top: 4px; /*right: 8px;*/ left: 4px; display: block; position: absolute; } } @media (max-width: 768px) { .fav_holder2 { top: 4px; /*right: 8px;*/ left: 4px; display: block; position: absolute; } } .fav_holder2mob { top: 4px; /*right: 8px;*/ left: 4px; display: block; position: absolute; } .fav_holder1mob { top: 4px; /*right: 8px;*/ left: 4px; display: block; position: absolute; } .fav2 { font-size: 16px !important; color: #E51E20; outline: none; display: block !important; position: relative; padding: 2px; background: none; border: none; } .fav2mob { font-size: 16px !important; color: #E51E20; outline: none; display: block !important; position: relative; padding: 2px; background: none; border: none; } @media (max-width: 480px) { .scrollright { display: none; } .scrollleft { display: none; } .scrollrightfav { display: none; } .scrollleftfav { display: none; } } .scrollright { cursor: pointer; } .scrollleft { cursor: pointer; } .scrollrightfav { cursor: pointer; } .scrollleftfav { cursor: pointer; } .carousel-control.left,.carousel-control.right { background:none;width:25px; } .carousel-control.left { left:-25px; position: absolute !important; top: 35% !important; z-index: 1 !important; } .carousel-control.right { right:-25px; position: absolute !important; top: 35% !important; z-index: 1 !important; } @media (max-width: 736px) { .welcome-back-container { overflow-y: scroll; } } @media (max-width: 1024px) { .welcome-back-container { max-width: 100%; height: 100%; top: 0; left: 0; margin-left: 0; margin-top: 0; } } .welcome-back-container { max-width: 615px; width: 100%; margin: 0 auto; display: block; position: fixed; background: #E9E9E9; top: 50%; left: 50%; margin-top: -240px; margin-left: -300px; } .game_popUp_main .area_header .close_button_holder_r { width: 5%; position: relative; display: block; float: left; text-align: right; } .game_popUp_main .content .game_popup_main_white { width: 100%; display: block; position: relative; padding: 20px; text-align: center; background: #E9E9E9; } .text_dark { color: #000; } @media (max-width: 769px) { .mobile_scroll { overflow-y: scroll; overflow-x: hidden; height: 85%; top: 30% !important; } .game_popup_main_white .btn_holder { margin-top: 20px !important; /* padding-top: 35px; */ } } @media (max-width: 321px) { .mobile_scroll { overflow-y: scroll; overflow-x: hidden; height: 85%; top: 40% !important; } .game_popup_main_white .btn_holder { margin-top: 20px !important; padding-top: 35px; } } @media (min-width: 992px) { .border-right { border-right: 1px solid #a2a2a2; } } @media (min-width: 992px) { .border-left { border-left: 1px solid #a2a2a2; } } .winners_list .draggable { height: 920px !important; } .home_information_main { width: 100%; margin-top: 5px; } .home_information_main .steps { font-size: 1.5em; margin-top: 10px; margin-bottom: 10px; width: 100%; float: left; } .home_information_main .process { margin: 0px; padding: 0px; list-style-type: none; width: 100%; } .home_information_main .process li { background: #565656; display: block; width: 32%; float: left; height: 90px; vertical-align: text-top; margin-right: 15px; margin-bottom: 20px; padding-right: 5px; } .home_information_main .process li .number { color: #ffffff; font-size: 2.6em; padding-left: 23px; height: 90px; padding-right: 15px; vertical-align: middle; display: table-cell; } .home_information_main .process li .text { color: #ffffff; display: block; height: 90px; vertical-align: middle; display: table-cell; padding-right: 10px; line-height: 1.2; } .home_information_main .pages { display: block; width: 100%; } .home_information_main .list { width: 32%; margin-right: 15px; margin-bottom: 10px; display: block; float: left; background: #0D0D0D; } .home_information_main .list .title { padding: 10px 15px; font-family: 'din_lightregular', 'dinregular', Arial, Helvetica, sans-serif;; font-size: 22px; width: 100%; height: 55px; vertical-align: middle; display: table-cell; } .home_information_main .title .icon { float: left; padding-right: 10px; } .home_information_main .title .text1 { float: left; color: #EF6300; position: relative; top: 7%; } .home_information_main .title .text2 { float: left; color: #CF052B; /* line-height: 34px; vertical-align: middle; display: table-cell;*/ position: relative; top: 7%; } .home_information_main .title .text3 { float: left; color: #7DB110; position: relative; top: 7%; } .home_information_main .list .img img { display: block; width: 100%; } @media (max-width: 1024px) { .home_information_main { margin-top: 15px; } .home_information_holder { margin: 0 6em; padding: 0; } .home_information_main .steps { margin-bottom: 5px; margin-top: 0px; } .home_information_main .process { width: auto; } .home_information_main .process li { width: 100%; height: 75px; margin-right: .3em; margin-bottom: 15px; } .home_information_main .process li .number { height: 75px; padding-left: 49px; font-size: 22px; } .home_information_main .process li .text { height: 75px; font-size: 16px; padding-left: 2em; } .home_information_main .list { width: 100%; margin-right: 9px; margin-bottom: 15px; } } @media (max-width: 900px) { .home_information_main .process li { margin-right: 7px; } .home_information_main .list { margin-right: 7px; } } @media (max-width: 620px) { .home_information_holder { margin: 0 2em; padding: 0; } .home_information_main .pages { margin: 0px; padding: 0px; } .home_information_main .process { margin: auto; } .home_information_main .process li { margin-right: 11px; } .home_information_main .process li .number { height: 70px; padding-left: 18px; } .home_information_main .process li .text { height: 70px; padding-left: 0.4em; } } @media (max-width: 550px) { .home_information_holder { margin: 0px; padding: 0px; } .home_information_main .steps { line-height: 23px; } .home_information_main .list { width: auto; margin-right: 0px; margin-bottom: 15px; } }