@import url(/css/template_genders.css); @import url(/css/template_currency.css); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese'); @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese'); /* Begin Reset settings */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } button { background-color: transparent; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: 'Open Sans', sans-serif; font-weight: 300; overflow-y: scroll; overflow-x: hidden; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } html, body { height: 100%; min-height: 100%; margin: 0; padding: 0; } /* End Reset settings */ /* Begin Fix text-align: justify; */ .content-justify { text-align: justify; } .content-justify:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ""; display: inline-block; } .content-justify > * { display: inline-block; } /* End Fix text-align: justify; */ /* Begin Base settings */ #wrapper { position: relative; min-height: 100%; margin-bottom: 0; width: 100%; } #wrapper[data-template-type="default"], #wrapper[data-template-type="simple"] { margin-bottom: -333px; /* The latter figure depends on the height of the footer */ } #wrapper > iframe { position: absolute; bottom: 0; } .hide { display: none; } /* End Base settings */ /* Begin Content not selectable */ .not-selectable { user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } /* End Content not selectable */ /* Begin Fix text-align: justify; */ .content-justify { text-align: justify; } .content-justify:after { content: ""; display: inline-block; height: 0; width: 100%; visibility: hidden; overflow: hidden; } .content-justify > * { display: inline-block; } /* End Fix text-align: justify; */ /* Begin Clearfix settings */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* End Clearfix settings */ body > iframe { display: none; } /* Begin CF button */ .cf-button, .cf-button-reverse { display: block; height: 60px; width: 100%; max-width: 300px; margin: 0 auto; padding: 0 19px; border: 1px solid transparent; border-radius: 3px; box-sizing: border-box; background-color: #40bd5e; font-weight: 400; font-size: 20px; color: #fff; line-height: 58px; text-align: center; cursor: pointer; transition: .2s; } .cf-button-reverse { border-color: #40bd5e; color: #40bd5e; background-color: transparent; } .cf-button:hover, .cf-button-reverse:hover { background-color: #29b344; } .cf-button-reverse:hover { border-color: #29b344; color: #fff; } .cf-button:active, .cf-button-reverse:active { background-color: #23993a; } .cf-button-reverse:active { border-color: #23993a; color: #fff; } .cf-button, .cf-button-reverse { user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } /* End CF button */ /* Begin Modal Promo */ #modal-promo { position: absolute; display: none; height: 100%; width: 100%; top: 0; left: 0; text-align: left; z-index: 2; } #modal-promo.show { display: block; } #modal-promo-overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); } #modal-promo-window { position: absolute; max-width: 700px; left: 30px; right: 30px; margin: 188px auto; background-color: #fff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1); } #modal-promo-header { height: 40px; background-color: #59c959; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #fff; line-height: 40px; text-align: center; } #modal-promo-close { position: absolute; display: inline-block; height: 40px; width: 40px; top: 0; right: 0; background-color: #59c959; color: #fff; cursor: pointer; overflow: hidden; z-index: 1; transition: background-color .2s; -webkit-transition: background-color .2s; } #modal-promo-close:before { content: "+"; position: relative; display: inline-block; font-size: 40px; font-weight: 300; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: color .2s; -webkit-transition: color .2s; } #modal-promo-close:hover { background-color: #fff; } #modal-promo-close:hover:before { color: #59c959; } #modal-promo-content { padding: 40px 70px 60px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; color: #363636; } #modal-promo-content > h2 { padding-bottom: 15px; font-size: 30px; line-height: 41px; color: inherit; font-weight: normal; } #modal-promo-content > h3 { padding-bottom: 30px; font-size: 18px; color: #32a64d; line-height: 24px; } #modal-promo-content-text { font-size: 14px; line-height: 18px; } #modal-promo-content-text > p { padding: 10px 0; font-size: inherit; } #modal-promo-content-text > p:before { content: ""; position: relative; display: inline-block; height: 4px; width: 4px; top: -3px; margin-right: 8px; margin-left: -13px; border-radius: 100%; background-color: #595959; } #modal-promo-status[data-only="-1"] { display: none; } #modal-promo-status { position: relative; padding: 17px 70px 60px; } #modal-promo-status:before { content: ""; position: absolute; display: block; height: 1px; top: 0; left: 70px; right: 70px; background-color: #d8d8d8; } #modal-promo-status-star { position: relative; display: inline-block; vertical-align: middle; } .modal-promo-status-symbol { position: absolute; display: none; top: 34px; left: 98px; margin-left: -7px; } .modal-promo-status-symbol.gold { margin-left: -9px; } #modal-promo-status.extreme > .modal-promo-status-symbol.extreme, #modal-promo-status.gold > .modal-promo-status-symbol.gold { display: inline-block; } #modal-promo-status.extreme > #modal-promo-status-star > path { fill: #ca5ed6; } #modal-promo-status.extreme > #modal-promo-status-progress > div { background-color: #ca5ed6; } #modal-promo-status.gold > #modal-promo-status-star > path { fill: #ffc100; } #modal-promo-status.gold > #modal-promo-status-progress > div { background-color: #ffc100; } #modal-promo-status > span { display: inline-block; padding-left: 7px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 24px; color: #363636; line-height: 55px; vertical-align: middle; } #modal-promo-status-text { position: absolute; top: 33px; right: 70px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #9b9b9b; } #modal-promo-status-text > strong { font-weight: 300; font-size: 24px; color: #363636; } #modal-promo-status-progress { height: 5px; width: 100%; margin-top: 15px; border-radius: 5px; background-color: #e6e6e6; } #modal-promo-status-progress > div { height: 100%; width: 0; border-radius: 5px; } #modal-promo-buttons { padding-bottom: 30px; text-align: center; } #modal-promo-buttons > * { display: inline-block; height: 60px; padding: 0 44px; border-radius: 3px; background-color: #40bd5e; font-family: 'Open Sans', sans-serif; font-size: 20px; color: #fff; line-height: 60px; cursor: pointer; transition: background-color .2s; -webkit-transition: background-color .2s; } #modal-promo-buttons > *:hover { background-color: #38a652; } #modal-promo-buttons > *:active { background-color: #2a8c41; } #modal-promo-buttons.store > * { display: inline-block; } #modal-promo-buttons > div, #modal-promo-buttons.store > a { display: none; } /* End Modal Promo */ /* Begin Header Styles */ #header { width: 100%; height: 87px; position: relative; background-color: #fff; } #nav-static-wrapper { position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, 0.13); } #nav-static { height: 47px; max-width: 1300px; margin: auto; padding: 34px 30px 5px; position: relative; font-family: 'Open Sans', sans-serif; border-bottom: 1px solid #e9e9e9; box-sizing: initial; } .nav-logo { position: absolute; background-image: url('/images/logo.svg'); background-size: auto 100%; background-repeat: no-repeat; width: 165px; height: 37px; display: inline-block; float: left; margin-right: -100%; margin-top: -9px; } @media screen and (max-width: 1100px) { .nav-logo { position: relative; } } @media screen and (max-width: 600px) { .nav-logo { width: 62px; } } /* End Header Styles */ /* Begin Footer Styles */ #footer { position: relative !important; width: 100% !important; padding: 0 !important; border-top: 1px solid #e1e1e1; background-color: #e5e5e5; font-family: 'Open Sans', sans-serif; font-size: 0; text-align: left; } #footer:empty, #footer:not([data-template-type="default"]):not([data-template-type="simple"]) { display: none; } /* End Footer Styles */ /* Begin Content Styles */ #content-wrapper { padding-top: 0; padding-bottom: 333px; background-color: #fff; } #wrapper:not([data-template-type="default"]):not([data-template-type="simple"]) > #content-wrapper { padding-bottom: 100px; } #content-wrapper.device-version { transition: padding-top 0.7s ease 0s; -webkit-transition: padding-top 0.7s ease; -moz-transition: padding-top 0.7s ease; -o-transition: padding-top 0.7s ease; } #content { position: relative; margin: 0 auto !important; width: 768px; padding-top: 50px; padding-bottom: 50px; font-size: 12px; line-height: normal; z-index: 0; text-align: left; } #content span { line-height: normal; } @media screen and (max-width: 600px) { #modal-promo-content > h3 { font-size: 26px; } #modal-promo-status > span { display: none; } } @media screen and (max-width: 500px) { #modal-promo-content, #modal-promo-status { padding-left: 30px; padding-right: 30px; } #modal-promo-status:before { left: 30px; right: 30px; } .modal-promo-status-symbol { left: 58px; } #modal-promo-status-text { right: 30px; } } /* Begin Custom Scroll */ .on-white-scroll, .on-gray-scroll { padding-left: 16px; box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; } .on-white-scroll::-webkit-scrollbar, .on-gray-scroll::-webkit-scrollbar { position: absolute; width: 15px; cursor: pointer; } .on-white-scroll::-webkit-scrollbar-track { background-color: #fff; } .on-gray-scroll::-webkit-scrollbar-track { background-color: #2d373a; } .on-white-scroll::-webkit-scrollbar-thumb, .on-gray-scroll::-webkit-scrollbar-thumb { border-radius: 6px/8px; } .on-white-scroll::-webkit-scrollbar-thumb { border: 5px solid #fff; background-color: rgba(0, 0, 0, .2); } .on-gray-scroll::-webkit-scrollbar-thumb { border: 5px solid #2d373a; background-color: #5a6366; } .on-white-scroll::-webkit-scrollbar-thumb:hover, .on-gray-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .4); } .on-gray-scroll::-webkit-scrollbar-thumb:hover { background-color: #6f7b80; } /* End Custom Scroll */ div[id^="div-gpt-ad"] { /*padding: 6px 0;*/ text-align: center; } .wait, .green-button.wait { cursor: wait; } .green-button { display: inline-block; width: 100%; margin: 50px auto 0; padding: 20px; box-sizing: border-box; border-radius: 3px; background-color: #40bd5e; font-size: 20px; font-weight: 400; line-height: 20px; color: #fff; text-align: center; transition: .2s; border: 0; } .green-button:hover { background-color: #29b344; } .green-button:active { background-color: #23993a; }