.hidden-input { position: fixed; left: -9999px; } /*-- __Wrapper ------------------------------------------------------------*/ body { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; color: #000; overflow-y: scroll; overflow-x: auto;} #Translations_section { width: 990px; margin: 0 auto } .oc-layout { width: 990px; margin: 0 auto; position: relative; background-color: #fff; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAmCAIAAACK3mZQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpi+P79K8MgxAABBgCTnG2zRdYARwAAAABJRU5ErkJggg=='); background-repeat: repeat-x; background-position: top left } .new-btn { cursor: pointer } .new-btn.compare { position: relative; z-index: 500; word-wrap: normal; top: 80px } .oc-layout h1 { position: relative; font-size: 30px; line-height: 36px; font-weight: 100; border-bottom: #ecebe7 solid 1px; padding-bottom: 24px; margin-bottom: 16px; } /*-- __Header ------------------------------------------------------------*/ #oc-header { height: 204px; width: 990px; border-bottom: #0167bb solid 7px; position: relative; top: 0px; z-index: 2; } .fly #oc-header { position: fixed; top: 0; height: 38px; border-bottom: #0167bb solid 3px; background: #f7f7f5; z-index: 10001 } .fly #oc-header::before { content: ""; display: block; position: absolute; left: 0; top: 100%; width: 100%; height: 7px; } #oc-header a.logo { display: block; position: absolute; width: 154px; left: 0; top: 72px; text-decoration: none; } .fly #oc-header a.logo { top: 11px; left: 15px; } .fly #oc-header a.logo { width: 86px; } #oc-header .logo img { display: block; margin-bottom: 1px; width: 100%; } #oc-header .logo span { display: block; color: #606161; text-align: center; font-size: 12px; line-height: 15px; font-weight: 400; } .fly #oc-header .logo span { display: none; } .oc-top-panel { position: absolute; right: 0; top: 0; white-space: nowrap; font-size: 13px; line-height: 18px; z-index: 40; } .oc-top-panel > a { display: inline-block; position: relative; vertical-align: middle; color: #6e6e6e; text-decoration: none; } .oc-top-panel > a:hover { text-decoration: underline; } .oc-top-panel a.contacts-link { margin-right: 29px; top: -1px; } .fly .oc-top-panel a.contacts-link { display: none; } .oc-top-panel a.login-link { height: 29px; background: #FFF; padding: 9px 19px 0 38px; } .fly .oc-top-panel a.login-link { background: none; padding: 10px 10px 0 19px; } .fly .oc-top-panel a.login-link:before { display: none; } .oc-top-panel a.login-link.opened { background: #0d77cc; color: #FFF; text-decoration: none; } .oc-top-panel a.login-link::before, .oc-top-panel a.login-link::after { content: ""; display: block; position: absolute; left: 15px; top: 12px; width: 11px; height: 13px; background: url(../img/layout/sprite.png) 0 0 no-repeat; } .oc-top-panel a.login-link::after { background-position: -15px 0; opacity: 0; } .oc-top-panel a.login-link.opened::after { opacity: 1; } .oc-top-panel a.login-link em { font-style: normal; } .fly .oc-top-panel a.login-link em { display: none; } .oc-login-panel { padding: 13px 21px 52px; position: absolute; right: 0; top: 100%; opacity: 0; visibility: hidden; background: #0d77cc; background: linear-gradient(to bottom, #0d77cc 0%, #0c68c2 100%); } .opened + .oc-login-panel { opacity: 1; visibility: visible; } .oc-login-panel label { display: block; color: #FFF; font-weight: 300; font-size: 13px; line-height: 13px; } .oc-login-panel input[type="text"], .oc-login-panel input[type="password"] { width: 250px; height: 34px; border: none; padding: 0 8px; margin-bottom: 6px; border-radius: 0; box-shadow: none; } .oc-login-panel a.restore-pass { position: absolute; left: 21px; bottom: 25px; color: #FFF; } .oc-login-panel .new-btn { position: absolute; right: 21px; bottom: 6px; padding: 4px 27px 5px; border-top: none; border-right: none; border-left: none; outline: none !important } #frontuserpanel { height: 28px; background: #FFF; padding: 10px 15px 0 15px; display: inline-block } #frontuserpanel strong { padding: 0 15px 0 0px; } #frontuserpanel img { vertical-align: middle; margin-left: 5px } #frontuserpanel a { padding: 0px 15px 0 15px; display: inline-block; color: #6e6e6e; text-decoration: none; } #frontuserpanel a:hover { text-decoration: underline; } .mm-comparison { margin: 10px 20px 0 0; border-top: solid 1px #6494c6; padding-top: 10px; } .mm-comparison a { color: #fff; font-weight: 300; text-decoration: none; } #oc-header .choose-language { right: 0; top: 72px; } .fly #oc-header .choose-language { display: none; } #oc-header .choose-language .dd-link { padding: 10px 8px 8px 22px; border-radius: 15px; background: #ebeff1; transition: background-color .3s ease; } #oc-header .choose-language .dd-link:before { top: 13px; border-color: #aaafb2 transparent transparent transparent; } #oc-header .choose-language .dd-link:hover { background: #3581d2; } #oc-header .choose-language.opened .dd-link { background: #3581d2; border-radius: 15px 15px 0 0; } #oc-header .header-get-account { position: absolute; top: 70px; right: 69px; } .fly #oc-header .header-get-account { display: none; } #oc-header .header-get-account .new-btn { margin-left: 13px; } .header-placeholder { height: 211px; display: none; } .fly .header-placeholder { display: block; } /*-- __Menu ------------------------------------------------------------*/ #oc-menu { position: absolute; left: 0; bottom: 0; width: 990px; } .fly #oc-menu { width: auto; left: 115px; top: 0px; } #oc-menu > ul { background: #f9f8f3; display: table; width: 100%; text-align: center; } .fly #oc-menu > ul { background: none; display: block; } #oc-menu > ul > li { position: relative; display: table-cell; vertical-align: middle; } .fly #oc-menu > ul > li { display: inline-block; } #oc-menu > ul > li::before { content: ""; display: block; position: absolute; height: 44px; width: 1px; left: 0; top: 14px; background: #FFF; } .fly #oc-menu > ul > li::before { height: 19px; top: 11px; background: #d4d4d2; } #oc-menu > ul > li:first-child::before { display: none; } .fly #oc-menu > ul > li:first-child { display: none; } .fly #oc-menu > ul > li:first-child + li::before { display: none; } #oc-menu > ul > li::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #0d77cc; background: linear-gradient(to bottom, #0d77cc 0%, #0d77cc 75%, #0d73c9 100%);/*transition: all .3s ease;*/ } #oc-menu > ul > li:hover::after { opacity: 1; } #oc-menu > ul > li > a { display: block; position: relative; z-index: 1; padding: 0 24px; height: 70px; color: #464646; text-decoration: none; } .fly #oc-menu > ul > li > a { padding: 0 8px; height: 39px; } #oc-menu > ul > li:hover > a { color: #FFF; } #oc-menu > ul > li > a::before { content: ""; display: inline-block; height: 70px; width: 0; vertical-align: middle; } .fly #oc-menu > ul > li > a::before { height: 39px; } #oc-menu > ul > li > a span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 17px; font-weight: 400; white-space: normal; word-break: normal } .fly #oc-menu > ul > li > a span { font-size: 12px; font-weight: 400; } #oc-menu .submenu { position: absolute; left: 0; top: 100%; box-sizing: border-box; min-width: 100%; padding: 33px 0px 25px 27px; background: #0d73c9; text-align: left; opacity: 0; visibility: hidden; white-space: nowrap; background: linear-gradient(to bottom, #0d73c9 0%, #0c68c2 100%); z-index: 1000; } #oc-menu .submenu.-right { left: auto; right: 0;} #oc-menu li:hover .submenu { opacity: 1; visibility: visible; } #oc-menu .submenu-cash { width: 400px; padding: 33px 24px 5px 27px; white-space: normal; } #oc-menu .submenu ul { display: inline-block; vertical-align: top; white-space: normal; width: 180px; padding-right: 27px; } #oc-menu .submenu-cash ul { float: left; width: 100px; padding: 0; } #oc-menu .submenu ul li { font-size: 14px; line-height: 17px; margin-bottom: 13px; font-weight: 300; } #oc-menu .submenu ul li a { color: #FFF; display: block; text-decoration: none } #oc-menu .submenu ul li a:hover { text-decoration: underline } .oc-cash { position: relative; top: -5px; float: right; width: 225px; text-align: justify; line-height: 0; white-space: normal !important; } .oc-cash::after { content: ""; display: inline-block; width: 100%; height: 0; vertical-align: top; } .oc-cash a { display: inline-block; vertical-align: middle; margin-bottom: 20px; } .oc-cash a img { display: block; opacity: 0.7 } .oc-cash a:hover img { opacity: 1 } #oc-menu .submenu-platforms { padding-top: 25px; } #oc-menu .submenu-platforms ul { min-width: 185px; } #oc-menu .submenu-platforms ul li { font-size: 13px; line-height: 32px; margin-bottom: 0; } #oc-menu .submenu-platforms ul.icons li a { margin-left: 28px; position: relative; } #oc-menu .submenu-platforms li.meta-treader-4 { width: 151px; height: 28px; margin: 4px 0 2px 0; background: url(../img/layout/sprite.png) 0 -25px; text-indent: -9999px; } #oc-menu .submenu-platforms li.c-trader { width: 105px; height: 24px; margin: 0 0 10px 0; background: url(../img/layout/sprite.png) 0 -55px; text-indent: -9999px; } #oc-menu .submenu-platforms li a::before { content: ""; display: block; position: absolute; background: url(../img/layout/sprite.png) 0 0 no-repeat; } #oc-menu .submenu-platforms li.ico-pc a::before { width: 20px; height: 17px; top: 8px; left: -27px; background-position: -30px 0; } #oc-menu .submenu-platforms li.ico-ios a::before { width: 22px; height: 12px; top: 10px; left: -29px; background-position: -55px 0; } #oc-menu .submenu-platforms li.ico-android a::before { width: 18px; height: 21px; top: 6px; left: -26px; background-position: -80px 0; } #oc-menu .submenu-platforms li.ico-win a::before { width: 19px; height: 19px; top: 7px; left: -27px; background-position: -100px 0; } #oc-menu .submenu-trading { } #oc-menu .submenu-trading ul { min-width: 170px; } .submenu-get-account { display: inline-block; margin-right: 25px; } .submenu-get-account .new-btn { display: block; float: left; clear: left; width: 140px; text-align: center; margin: 0 0 10px 0; } #oc-menu .submenu-promo ul { min-width: 180px; } #oc-menu ul.submenu-contests li a { color: #d0d0d0; } .submenu-affiliate .new-btn { display: block; width: 125px; text-align: center; margin: 14px 20px 0 0; } #oc-menu .submenu-research { left: auto; right: 0; } #oc-menu .submenu-research ul { width: 170px; } /*-- __Main ------------------------------------------------------------*/ #oc-main { position: relative; height: 1000px; background: #FFF; } #oc-main.two-cols-right::before { content: ""; display: block; position: absolute; background: #ecebe7; width: 1px; height: 100%; top: 0; right: 276px; } .two-cols-right .oc-content { float: left; width: 640px; padding: 0 0 0 30px; } .two-cols-right .oc-sidebar-right { float: right; width: 236px; padding: 3px 20px 0 0; } /*-- __ Right sidebar ------------------------------------------------------------*/ .sidebar-menu { position: relative; top: 0px; } .fly .sidebar-menu { position: fixed; top: 41px; width: 250px; background: #fff; z-index: 1000 } .sidebar-menu ul { } .sidebar-menu ul li { border-bottom: #ecebe7 solid 1px; } .sidebar-menu ul li a { display: block; position: relative; font-size: 14px; color: #404040; text-decoration: none; padding: 25px 4px; } .sidebar-menu ul li a:hover { text-decoration: underline; } .sidebar-menu ul li.ico-item a { padding-left: 47px; } .sidebar-menu ul li.ico-item a::before { content: ""; display: block; position: absolute; background: url(../img/layout/icons.png) 0 0 no-repeat; width: 32px; height: 32px; left: 5px; top: 18px; } .sidebar-menu ul li.ico-awards a::before { background-position: 0 0; } .sidebar-menu ul li.ico-regulation a::before { background-position: 0 -32px; } .sidebar-menu ul li.ico-champion a::before { background-position: 0 -64px; } .sidebar-menu ul li.ico-bonus a::before { background-position: 0 -96px; } .sidebar-menu ul li.ico-advantages a::before { background-position: 0 -128px; } .sidebar-menu ul li.ico-calendar a::before { background-position: 0 -160px; } .sidebar-menu ul li.ico-rates a::before { background-position: 0 -192px; } .sidebar-menu ul li.ico-holidays a::before { background-position: 0 -224px; } .sidebar-menu ul li.ico-quotes a::before { background-position: 0 -256px; } .sidebar-menu ul li.ico-spreads a::before { background-position: 0 -288px; } .sidebar-menu ul li.ico-about a::before { background-position: 0 -320px; } .sidebar-menu ul li.ico-message a::before { background-position: 0 -352px; } .sidebar-menu ul li.ico-news a::before { background-position: 0 -384px; } .sidebar-menu ul li.ico-agreement a::before { background-position: 0 -416px; } .sidebar-menu ul li.ico-software a::before { background-position: 0 -448px; } .sidebar-menu ul li.ico-ecn a::before { background-position: 0 -480px; } .sidebar-menu ul li.ico-withdraw a::before { background-position: 0 -512px; } .sidebar-menu ul li.ico-deposit a::before { background-position: 0 -544px; } .sidebar-menu ul li.ico-security a::before { background-position: 0 -576px; } .sidebar-menu ul li.ico-ib a::before { background-position: 0 -608px; } .sidebar-menu ul li.ico-ibcond a::before { background-position: 0 -640px; } .sidebar-menu ul li.ico-ibpromo a::before { background-position: 0 -672px; } .sidebar-menu ul li.ico-calculator a::before { background-position: 0 -704px; } .sidebar-menu ul li.ico-contact a::before { background-position: 0 -736px; } .sidebar-menu ul li.ico-fxnews a::before { background-position: 0 -768px; } .sidebar-menu ul li.ico-contests a::before { background-position: 0 -800px; } .sidebar .filter-results ul li, .sidebar .filter-results ul li a { margin: 0; padding: 0; color: #675C44; border: none } .sidebar .filter-results ul li a { margin-left: 40px; border-bottom: dotted 1px #675C44; padding-left: 10px; margin-bottom: 5px; display: inline-block } .sidebar .filter-results ul li a:hover { text-decoration: none; border-bottom-color: #fff } .sidebar .filter-results ul li span { position: relative; left: -30px; margin-right: -30px } .sidebar-menu h2 { font-size: 19px; margin: 10px 0 } .sidebar-menu .top-link { position: absolute; left: 150px; bottom: -39px; font-size: 12px; line-height: 15px; color: #9e9e9e; cursor: pointer; opacity: 0; visibility: hidden; font-weight: 400; } .fly .sidebar-menu .top-link { opacity: 1; visibility: visible; } .sidebar-menu .top-link::before { content: ""; display: block; position: absolute; width: 25px; height: 25px; left: -35px; top: -4px; background: url(../img/layout/sprite.png) -110px -90px no-repeat; } /*-- __Content ------------------------------------------------------------*/ .oc-breadcrumbs { font-size: 12px; line-height: 15px; color: #808080; padding: 15px 0 5px 30px; background: #fff; font-weight: 400; } .oc-breadcrumbs a { } .oc-breadcrumbs span.breadcrumbs-separator { margin: 0 4px; } .oc-breadcrumbs div { display: inline } /* Breadcrumbs */ .personal-area .bc-container { position: relative; z-index: 5; width: 990px; margin: -50px auto 0; height: 35px; background: url(../img/bread.png) top repeat-x; } .personal-area .be-main .bc-container { margin-top: -35px; } .personal-area .bc-container .oc-breadcrumbs { color: #999; padding: 10px 0 0 14px; font-size: 12px; height: 2px; } .personal-area .bc-container .oc-breadcrumbs a { color: #24a2ff; margin-right: 5px; text-decoration: none; } .personal-area .bc-container .oc-breadcrumbs a:hover { text-decoration: underline; } .personal-area .bc-container .oc-breadcrumbs span { margin-right: 5px; } /* /* Txt styles */ .oc-content h1 { font-size: 30px; line-height: 36px; font-weight: 100; border-bottom: #ecebe7 solid 1px; padding-bottom: 24px; color: #000; } /* /Txt styles */ /* Input block */ .input-block { vertical-align: top; margin-bottom: 16px; } .input-block label { display: block; font-weight: 300; margin-bottom: 6px; font-size: 14px; line-height: 16px; color: #000; } .input-block.error label { color: #ae2127; } .input-block span { display: block; margin-top: 1px; font-weight: 300; font-size: 12px; font-weight: 400; line-height: 16px; color: #515151; } .input-block.error strong { color: #ae2127; margin-top: 8px; font-size: 12px; line-height: 16px; display: block; font-weight: 400; } /* /Input block */ .oc-form { } .oc-form .control-group { position: relative; margin-left: 170px } /* Text field */ .oc-form input[type="text"], .oc-form select, .oc-form input[type="password"] { width: 320px; display: block; height: 32px; padding: 0 9px; background: #FFF; border: #c6c6c6 solid 1px; border-radius: 0 } .feedback-block input.feedback-text { height: 32px; padding: 0 9px; background: #FFF; border: #c6c6c6 solid 1px; border-radius: 0 } .oc-form input[type="text"]:focus { border-color: #469ef1; box-shadow: 0 0 3px #469ef1; } .oc-form input[type="text"].error { border-color: #c53838; box-shadow: 0 0 3px #c53838; color: #ae2127; } .oc-form select { height: 34px } .oc-form label { display: block; font-weight: 300; font-size: 14px; margin-top: 15px; margin-bottom: 5px; padding: 0 } .oc-form .inline-big, .oc-form .inline-small { display: inline-block; vertical-align: top; width: 235px; } .inline-small + .inline-big { margin-left: 0 !important } .oc-form .inline-small { width: 90px; margin-right: 15px } .oc-form .inline-small select { width: 90px } .oc-form .inline-big input { width: 215px } .oc-form #test.range { display: none } /* Stripes table */ .table { width: 100%; margin: 16px 0; } .table th { font-size: 13px; padding: 5px 6px 8px; line-height: 16px; color: #464646; border-bottom: #34a3ff solid 2px; font-weight: 500; text-align: left; vertical-align: middle; } .table caption { font-size: 16px; padding: 7px 6px 11px; line-height: 24px; color: #464646; border-bottom: #34a3ff solid 2px; font-weight: 400; text-align: left; vertical-align: middle; } .table th a { text-decoration: none; padding-right: 17px; color: #464646; display: inline-block; position: relative; } .table th a:after { content: ""; top: 6px; right: 0; display: block; position: absolute; width: 0; height: 0; border-style: solid; } .table th a.asc:after { border-width: 6px 5.5px 0 5.5px; border-color: #3581d2 transparent transparent transparent; } .table th a.desc:after { border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #64a600 transparent; } .table td { font-size: 13px; padding: 13px 6px 11px; line-height: 16px; color: #464646; border-bottom: #cdcdcd solid 1px; font-weight: 300; text-align: left; vertical-align: middle; } .table strong { font-weight: 500; } .table strong.rank { display: inline-block; margin-right: 8px; vertical-align: middle; font-size: 18px; line-height: 20px; } .stripes-table tbody tr:nth-child(2n) td { background: #f9f8f3; } .regular-table td { padding: 22px 6px 20px; } .table-payments { margin-bottom: 24px; } .table-payments img { margin-right: 12px; display: inline-block } .table-payments td.inline { width: 360px } /* /Stripes table */ .simple-table { width: 100%; } .simple-table th { font-size: 13px; padding: 10px; line-height: 16px; color: #464646; border-bottom: #34a3ff solid 2px; font-weight: 500; text-align: left; vertical-align: middle; } .simple-table th a { text-decoration: none; /*padding-right: 17px; /color: #464646; display: inline-block; position: relative; } .simple-table th a:after{/* content: ""; top: 6px; right: 0; display: block; position: absolute; width: 0; height: 0; border-style: solid; */ } .simple-table th a.asc:after { border-width: 6px 5.5px 0 5.5px; border-color: #3581d2 transparent transparent transparent; } .simple-table th a.desc:after { border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #64a600 transparent; } .simple-table tdody tr:last-child td, .simple-table tdody tr:last-child th { border: none } .simple-table td { font-size: 13px; padding: 13px 6px 11px; line-height: 16px; color: #464646; font-weight: 400; text-align: left; vertical-align: middle; } .simple-table strong.rank { display: inline-block; margin-right: 8px; vertical-align: middle; font-size: 18px; line-height: 20px; font-weight: 500; } .simple-table tr:nth-child(2n) td { background: #f9f8f3; } .special-table tr:nth-child(2n) td { background: #fff; } .stripes-table tr:nth-child(2n) td { background: #f9f8f3; } .regular-table td { padding: 22px 6px 20px; } .spreads-table .simple-table { margin-top: 0 } .spreads-table .simple-table tbody tr:hover td { background-color: #f9f8f3 } .spreads-table .simple-table tr td { font-size: 14px; } .spreads-table .simple-table thead th { font-size: 14px; color: #fff; background-color: #34a3ff; font-weight: 400 } .spreads-table .simple-table td { font-size: 13px; padding: 22px 6px; line-height: 16px; color: #464646; border-bottom: #cdcdcd solid 1px; font-weight: 300; text-align: left; vertical-align: middle; } .spreads-table .simple-table td.spreads-desc-col { width: 200px } .spreads-table .simple-table tr:nth-child(2n) td { background: #fff; } .spreads-table .simple-table tbody td:first-child { color: #000; font-size: 16px } /* Trading software */ .trading-software { padding-top: 10px; } .trading-software-table { width: 964px; margin: 0 auto 4px; } .trading-software-table th { vertical-align: top; padding-bottom: 10px } .trading-software-table th:nth-child(even) { background: #ecebe7; } .trading-software-table.-download-software-table-t02 tbody tr:nth-child(odd) td { background: #f9f8f3; } .trading-software-table.-download-software-table-t02 tbody tr td:nth-child(odd) { background: #ecebe7; } .trading-software-table.-download-software-table-t02 tbody tr:nth-child(odd) td:nth-child(odd) { background: #e6e4db; } .trading-software-table.-download-software-table-t02 tbody tr:nth-child(even) td:nth-child(even) { background: #ffffff; } .trading-software-table.-download-software-table-t02 tr:nth-child(1) th:nth-child(even) { vertical-align: middle; background: #ffffff; } .compare-software { position: relative; z-index: 1; width: 226px; height: 240px; } .compare-software img { display: block; position: absolute; top: 0; left: 50%; margin-left: -176px; } .-download-software-table-t02 .compare-software img { margin-left: -95px; } .software-header-block { width: 300px; text-align: center; position: relative; z-index: 1; } .software-header-block.software-metatrader { float: left; margin-left: 15px; } .-download-software-table-t02 .software-header-block.software-metatrader { float: none; width: 500px; margin-left: 25px; text-align: left;} .software-metatrader img { display: block; margin: 6px auto 9px; } .-download-software-table-t02 .software-metatrader img { margin: 6px 0 9px;} .software-header-block.software-ctrader { float: right; margin-right: 15px; } .software-ctrader img { display: block; margin: 2px auto 15px; } .software-header-block p { color: #585858; font-size: 18px; line-height: 22px; margin-bottom: 24px; } .trading-software-table tbody td { font-size: 14px; line-height: 16px; color: #474747; padding: 12px 10px; text-align: center; vertical-align: middle; } .trading-software-table tbody tr:nth-child(even) td { background: #f9f8f3; } .trading-software-table tbody tr td:nth-child(even) { background: #ecebe7; } .trading-software-table tbody tr:nth-child(even) td:nth-child(even) { background: #e6e4db; } .trading-software-table tfoot td.btns-l p, .trading-software-table tfoot td.btns-r p { position: relative } .trading-software-table tfoot td { border-top: solid 3px #fff } .trading-software-table tfoot td.btns-l p { left: -15px; } .trading-software-table tfoot td.btns-r p { right: -15px } span.software-metatrader { display: block; text-indent: -9999px; margin: 0 auto; width: 108px; height: 20px; background: url(../img/layout/sprite.png) 0 -410px no-repeat; } .trading-software-table span.software-metatrader { margin-top: 21px; position: relative; left: -15px; } span.software-ctrader { display: block; text-indent: -9999px; margin: 0 auto; width: 81px; height: 19px; background: url(../img/layout/sprite.png) 0 -430px no-repeat; } .trading-software-table span.software-ctrader { margin-top: 18px; position: relative; right: -15px; } .oc-yes { display: block; text-indent: -9999px; margin: 0 auto; width: 24px; height: 19px; text-align: left; background: url(../img/layout/sprite.png) -210px 0 no-repeat; } td:first-child .oc-yes, td:first-child .oc-no { position: relative; left: -15px; } td:last-child .oc-yes, td:last-child .oc-no { position: relative; right: -15px; } .oc-no { display: block; text-indent: -9999px; margin: 0 auto; width: 18px; height: 19px; text-align: left; background: url(../img/layout/sprite.png) -240px 0 no-repeat; } .trading-software-table h4 { font-size: 24px; line-height: 30px; color: #474747; font-weight: 300; margin: 17px 0 10px; } .download-software-table { width: 964px; margin: 0 auto 4px; } .download-software-table th { vertical-align: top; } .download-software-table th:nth-child(even) { background: #ecebe7; } .download-software-table h4 { font-size: 24px; line-height: 30px; color: #474747; font-weight: 300; margin: 16px 0 0; } .download-software-table span.software-metatrader { margin-top: 30px; position: relative; left: -15px; } .download-software-table span.software-ctrader { margin-top: 27px; position: relative; right: -15px; } .download-software-table tbody td { padding: 19px 0; vertical-align: middle; } .download-software-table tbody tr:nth-child(even) td { background: #f9f8f3; } .download-software-table tbody tr td:nth-child(even) { background: #ecebe7; } .download-software-table tbody tr:nth-child(even) td:nth-child(even) { background: #e6e4db; } .download-software-table td:first-child .download-block { float: left; width: 300px; margin-left: 22px; } .download-software-table td:last-child .download-block { float: right; width: 300px; margin-right: 22px; } .-download-software-table-t02.download-software-table td:last-child .download-block { float: none; width: 500px; margin-left: 25px; } .download-block p { font-size: 14px; line-height: 16px; color: #252525; text-align: left; font-weight: 300 } .download-block a { display: block; float: left; font-size: 12px; margin-right: 12px; margin-top: 4px; } .download-block a.new-btn { float: right; font-size: 13px; margin: 10px 0 0 0; } .-download-software-table-t02 .download-block a.new-btn {display: inline-block; float: none;} .download-system { display: block; text-align: center; position: relative; width: 160px; margin: 0 auto; font-weight: 300; font-size: 16px; color: #474747; line-height: 18px; padding-top: 65px; } .download-system:before { content: ""; display: block; left: 50%; margin-left: -28px; top: 0; border-radius: 28px; width: 56px; height: 56px; position: absolute; background-color: #f18e46; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; } .ico-desktop:before { background-position: -560px -60px; } .ico-ios:before { background-position: -520px -120px; } .ico-android:before { background-position: -520px -180px; } .ico-web-trader:before { background-position: -580px -120px; } .ico-calgo:before { background-position: -518px -237px; } /* /Trading software */ /*-- __Footer ------------------------------------------------------------*/ .content .help-block, .content .sample { position: relative; padding: 10px 10px 10px 20px; color: #000; background: #e9f4fa; font-size: 12px; font-weight: 400; margin: 20px 0 10px 0; border: none } /* creates triangle */ .content .help-block::before, .content .sample::before { content: ""; position: absolute; /* value = - border-top-width - border-bottom-width */ /* controls horizontal position */ border-width: 15px; top: -30px; /* vary these values to change the angle of the vertex */ border-style: solid; border-color: transparent transparent #e9f4fa transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; bottom: auto; } .content .help-block.help-block-black { background: none; margin: 0px 0 10px 0; padding: 0 } .content .help-block.help-block-black::before { display: none } .control-group.error .help-inline { color: red; background-color: #FFECEC; padding: 5px 10px } .control-group.error input { box-shadow: 0 0 3px red; border-color: red } .control-group.error input[type="checkbox"] { box-shadow: none; border-color: none } .fly #frontuserpanel .userpanel-logout, .fly #frontuserpanel strong, .fly #frontuserpanel img, .fly #frontuserpanel span { display: none } #oc-footer { background: #f7f7f5; padding-bottom: 20px; float: none; clear: both; margin-top: 20px; } .footer-left { float: left; padding: 28px 0 0 30px; width: 695px; } .footer-left .footer-menu { font-size: 12px; line-height: 15px; font-weight: 400; } .footer-left .footer-menu li { display: inline-block; margin-right: 20px; white-space: no-wrap; margin-bottom: 20px;} .footer-left .footer-menu li a { color: #8d8d8d; } .footer-left p { font-size: 12px; line-height: 15px; font-weight: 300; } .footer-right { float: right; width: 202px; padding: 22px 20px 0 0; } .footer-right p { font-size: 11px; line-height: 15px; font-weight: 300; } #oc-footer .bottom-social { margin-bottom: 11px; } #oc-footer .bottom-social a { display: inline-block; width: 32px; margin: 0 7px 0 0; height: 32px; text-indent: -9999px; outline: none; overflow: hidden; -webkit-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; background-position: 0 0; background-repeat: no-repeat; background-color: #cccccc } #oc-footer .bottom-social a.facebook { background-image: url(../img/redesign/fb-mini.png); } #oc-footer .bottom-social a.twitter { background-image: url(../img/redesign/tw-mini.png); } #oc-footer .bottom-social a.youtube { background-image: url(../img/redesign/yt-mini.png); } #oc-footer .bottom-social a.rss { background-image: url(../img/redesign/rss-mini.png); } #oc-footer .bottom-social a.facebook:hover { background-color: #2D5086; } #oc-footer .bottom-social a.twitter:hover { background-color: #2696C8; } #oc-footer .bottom-social a.youtube:hover { background-color: #CA4D51; } #oc-footer .bottom-social a.rss:hover { background-color: #ff9900; } .oc-layout .main-inner { padding: 0; background: #fff } /*-- __Common ------------------------------------------------------------*/ .hidden-input { position: fixed; left: -9999px; } /*-- __Non-semantic helpers ------------------------------------------------------------*/ /* Fallback */ .clearfix { clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0; } /* Clearfix */ .clear { width: 100%; height: 20px; font-size: 0; line-height: 0; clear: both; } .clearfix2:before, .clearfix2:after { content: ""; display: table; } .clearfix2:after { clear: both; } /* /Clearfix */ /* Inline-block */ .inline-block { display: inline-block; } /* /Inline-block */ /* Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* /Image replacement */ /* Hide from both screenreaders and browsers */ .hidden { display: none !important; visibility: hidden; } /* /Hide from both screenreaders and browsers */ /* Hide only visually, but have it available for screenreaders */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* /Hide only visually, but have it available for screenreaders */ /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* /Hide visually and from screenreaders, but maintain layout */ /* Center */ .center { text-align: center !important; } /* /Center */ /*-- __Controls ------------------------------------------------------------*/ /* Buttons */ .new-btn, .btn { border-radius: 5px; background: #f6f6f6; color: #474747 !important; border: solid 1px rgba(0,0,0,.15); border-bottom: solid 3px rgba(0,0,0,.15); padding: 3px 15px 5px; text-decoration: none; display: inline-block; font-size: 14px; line-height: 22px; transition: background-color .2s ease, border-color .2s ease; font-weight: 300; text-align: center } .new-btn:hover, .btn:hover { background: #EDEDED; } .new-btn:active, .btn:active { background: #e8e8e8; } .new-btn.big, .btn.big { font-size: 16px; line-height: 38px } .new-btn.small { font-size: 13px; line-height: 20px; padding: 0 15px; } .new-btn.extra-small { font-size: 11px; line-height: 18px; padding: 0 15px; } .new-btn.blue, .btn-primary { background: #3581d2; color: #FFF !important; border-bottom: solid 3px rgba(0,0,0,.15); } .new-btn.green, .btn-green { background: #64a600; color: #FFF !important; border-color: transparent; border-bottom: solid 3px rgba(0,0,0,.15); } .btn-black { background: #686868; color: #FFF !important; border-color: transparent; border-bottom: solid 3px rgba(0,0,0,.15); } .new-btn.red { background: #c53838; color: #FFF !important; border-color: transparent; border-bottom: solid 3px rgba(0,0,0,.15); } .new-btn.secondary { background: #ff71ff; color: #FFF !important; border-color: transparent; border-bottom: solid 3px rgba(0,0,0,.15); } .new-btn.blue:hover, .btn-primary:hover { background: #4893E1; border-bottom-color: rgba(255,255,255,.3); } .new-btn.green:hover, .btn-green:hover { background: #73C000; border-bottom-color: rgba(255,255,255,.3); } .btn-black:hover { background: #4F4F4F; color: #FFF !important; border-color: transparent; border-bottom: solid 3px rgba(0,0,0,.15); } .new-btn.red:hover { background: #d94c47; border-bottom-color: rgba(255,255,255,.3); } .new-btn.secondary:hover { background: #aeaeae; border-bottom-color: rgba(255,255,255,.3); } .new-btn.blue:active, .btn-primary:active { background: #2E71B9; } .new-btn.green:active, .btn-green:active { background: #558D00; } .new-btn.secondary:active { background: #8b8b8b; } .new-btn { } .new-btn.small { padding-left: 12px; padding-right: 12px; } .new-btn.extra-small { padding-left: 12px; padding-right: 12px; } .new-btn.big { padding-left: 30px; padding-right: 30px; } /* /Buttons */ /* Input block */ .input-block { vertical-align: top; margin-bottom: 16px; } .input-block label { display: block; font-weight: 300; margin-bottom: 6px; font-size: 14px; line-height: 16px; color: #000; } .input-block.error label { color: #ae2127; } .input-block span { display: block; margin-top: 1px; font-weight: 300; font-size: 12px; line-height: 16px; color: #515151; } .input-block.error strong { color: #ae2127; margin-top: 8px; font-size: 12px; line-height: 16px; display: block; } /* /Input block */ /* Text field */ .text-field { display: block; height: 32px; width: 300px; padding: 0 9px; background: #FFF; border: #c6c6c6 solid 1px; border-radius: 0px; } .text-field:focus { border-color: #469ef1; box-shadow: 0 0 3px #469ef1; } .text-field.error { border-color: #c53838; box-shadow: 0 0 3px #c53838; color: #ae2127; } /* /Text field */ /* Select */ .select { display: block; width: 321px; height: 34px; padding: 0 9px; background: transparent; border: #c6c6c6 solid 1px; } .select:focus { border-color: #469ef1; box-shadow: 0 0 3px #469ef1; } /* /Select */ /* Checkbox */ .checkbox { margin-bottom: 16px; vertical-align: top; } label > .checkbox { float: left; margin-right: 10px; } .checkbox input { position: fixed; left: -9999px; } .checkbox label { display: inline-block; position: relative; cursor: pointer; padding-left: 22px; } .checkbox label:before { content: ""; display: block; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; background: #FFF url(../img/layout/sprite.png) -130px 0 no-repeat; z-index: 1; } .checkbox label:after { content: ""; display: block; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; background: #FFF url(../img/layout/sprite.png) -150px 0 no-repeat; opacity: 0; z-index: 2; } .checkbox input:checked + label:after { opacity: 1; } /* /Checkbox */ /* Radio button */ .radio { margin-bottom: 16px; vertical-align: top; } .radio label { display: inline-block; position: relative; cursor: pointer; padding-left: 22px; } .radio label:before { content: ""; display: block; position: absolute; left: -1px; top: 1px; width: 15px; height: 15px; background: #FFF url(../img/layout/sprite.png) -170px 0 no-repeat; z-index: 1; } .radio label:after { content: ""; display: block; position: absolute; left: -1px; top: 1px; width: 15px; height: 15px; background: #FFF url(../img/layout/sprite.png) -190px 0 no-repeat; opacity: 0; z-index: 2; } .radio input:checked + label:after { opacity: 1; } /* /Radio button */ /*-- __Main ------------------------------------------------------------*/ #oc-main { position: relative; background: #FFF; padding-bottom: 30px; } /* Two cols layout with wight col */ #oc-main.two-cols-right::before { content: ""; display: block; position: absolute; background: #ecebe7; width: 1px; height: 100%; top: 0; right: 276px; } .two-cols-right .oc-content { float: left; width: 631px; padding: 0 0 0 39px; } .two-cols-right .oc-sidebar-right { float: right; width: 236px; padding: 3px 20px 0 0; } /* /Two cols layout with wight col */ /* Wide layout */ .one-col-wide .oc-content { width: 912px; margin: 0 auto; padding: 0 32px; } /* /Wide layout */ /* Grid */ .wide-block { width: 990px; padding: 0; margin: 24px -30px 24px -30px; } .block-1 { padding: 10px 15px; margin-left: 240px; } .badge { margin: 0 15px; display: inline-block; position: relative; left: -215px; top: 43px; float: left; margin-right: -100% } .badge + div { display: inline-block; vertical-align: top } .wide-block > .block-1 h2 { padding-left: 0 } .block-2 { width: 464px; margin-left: 16px; float: left; } .block-3 { width: 304px; margin-left: 16px; float: left; } /* /Grid */ /* Txt styles */ .oc-content h1 { } h1.not-padded { border-bottom: none; padding-bottom: 0; margin-bottom: 24px; } .content h2 { font-size: 24px; line-height: 1.2; font-weight: 300; margin: 24px 0 16px; } .content h3 { font-size: 16px; line-height: 22px; font-weight: 400; color: #474747; margin: 24px 0 16px; } .contacts-form h2 { margin-left: 32px; } .oc-content p { font-size: 14px; line-height: 21px; font-weight: 300; margin-bottom: 16px; } .oc-content p strong { font-weight: 400; } .highlighted-text { font-size: 18px; line-height: 24px; font-weight: 300; } .oc-content .small { font-size: 13px; } .oc-content ul, .oc-content ol { line-height: 21px; margin-bottom: 16px; } .contests-list .contest .div.body { padding-left: 140px } .oc-content ul li, .oc-content ol li { margin-bottom: 16px; } .oc-content ul li:last-child, .oc-content ol li:last-child { margin-bottom: 0; } .oc-content ul.bullets { margin-left: 16px; } .oc-content ul.bullets li { padding-left: 16px; position: relative; } .oc-content ul.bullets li:before { content: ""; position: absolute; left: 0; top: 5px; background: #469ef1; width: 8px; height: 8px; border-radius: 4px; } .oc-content ul.titled { margin-left: 16px; } .oc-content ul.titled.with-ico { margin-left: 48px; } .oc-content ul h4 { font-weight: 400; position: relative; } .oc-content ul.titled h4 { margin-bottom: 8px; } .oc-content ul.titled h4.not-padded { margin-bottom: 0; } .oc-content ul.titled h4:before { content: ""; left: -40px; top: -6px; display: block; position: absolute; width: 32px; height: 32px; } .oc-content ul.titled h4.ico-rabbit:before { background: url(../img/layout/icons.png) 0 0 no-repeat; } ul.rules, .news-view ul { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 21px; font-weight: 300; margin-bottom: 16px; } .news-view ul { margin: 10px 10px 20px 10px } ul.rules > li, .news-view ul ul li { padding-left: 1em; text-indent: -.7em; padding-left: 25px } ul.rules > li:before, .news-view ul li:before { content: "● "; color: #37a1fc; position: relative; left: -10px } ul.rules ul li, .news-view ul ul li { margin-bottom: 5px } ul.rules ul li:before, .news-view ul ul li:before { content: "○ "; color: #37a1fc; position: relative; left: -10px; margin-left: 10px } /* /Txt styles */ /* Rank */ .rank { text-decoration: none; display: inline-block; padding-left: 13px; vertical-align: middle; line-height: 20px; font-size: 14px; position: relative; } .rank.grow { color: #189e0b; } .rank.grow:before { content: ""; display: block; position: absolute; left: 0; top: 9px; width: 0; height: 0; border-style: solid; border-width: 0 5px 4px 5px; border-color: transparent transparent #189e0b transparent; } .rank.fall { color: #e34247; } .rank.fall:before { content: ""; display: block; position: absolute; left: 0; top: 9px; width: 0; height: 0; border-style: solid; border-width: 4px 5px 0 5px; border-color: #e34247 transparent transparent transparent; } /* Rank */ /* Contestant block in table */ .contestant { white-space: nowrap } .contestant > img { display: inline-block; vertical-align: top; position: relative; top: 3px; margin-right: 2px; } .contestant .person { display: inline-block; vertical-align: top; white-space: normal; } .contestant .person a { display: block; font-size: 14px; margin-bottom: 2px; } .contestant .person span { display: block; color: #7f7f7f; font-size: 12px; } .contestant .person span img { display: inline-block; position: relative; top: 2px; } /* /Contestant block in table */ /* Paging */ .oc-paging { text-align: right; margin: 28px -9px 0 0; } .oc-paging a, .oc-paging span { display: inline-block; margin-left: 7px; text-align: center; min-width: 19px; padding: 0 4px; height: 23px; text-decoration: none; color: #3c3c3c; vertical-align: middle; font-size: 17px; line-height: 21px; border-radius: 2px; } .oc-paging a:hover { background: #34a3ff; color: #FFF; } .oc-paging span.active { background: #ecebe7; } /* /Paging */ /* ECN execution */ .ecn-execution { height: 118px; position: relative; margin-top: 62px; margin-bottom: 40px; } .ecn-block { width: 180px; top: 0; font-size: 17px; padding-top: 87px; line-height: 25px; color: #469ef1; position: absolute; text-align: center; } .ecn-block:before { content: ""; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; position: absolute; left: 50%; margin-left: -43px; top: 0; display: block; width: 86px; height: 86px; } .ecn-clients { left: 57px; } .ecn-clients:before { background-position: 0 -120px; } .ecn-broker { left: 50%; margin-left: -99px; } .ecn-broker:before { background-position: -90px -120px; } .ecn-providers { right: 73px; } .ecn-providers:before { background-position: -180px -120px; } .ecn-transaction { position: absolute; top: 2px; font-size: 14px; line-height: 25px; color: #000; text-align: center; width: 247px; } .ecn-transaction:before { content: ""; top: 26px; display: block; background: url(../img/layout/sprite.png) -160px -20px no-repeat; position: absolute; width: 247px; height: 31px; } .ecn-clients + .ecn-transaction { left: 194px; } .ecn-broker + .ecn-transaction { right: 210px; } .ecn-transaction span { display: block; } .ecn-transaction span:first-child { margin-bottom: 31px; } /* /ECN execution */ /* Wide inform block */ .wide-inform-block { background: #469ef1; padding-top: 18px; margin-top: 35px; } .wide-inform-block h2 { color: #FFF; padding-left: 32px; margin: 0 0 23px; } .wide-inform-block ul { position: relative; color: #FFF; padding: 0 33px 0 13px; } .wide-inform-block ul:before { content: ""; left: 50%; margin-left: -90px; top: -13px; display: block; position: absolute; width: 164px; height: 164px; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; } .wide-inform-block ul li { position: relative; float: left; clear: left; line-height: 16px; text-align: right; width: 300px; min-height: 92px; padding: 0; background: none } .wide-inform-block li:before { content: ""; top: -12px; right: -73px; display: block; position: absolute; border-radius: 28px; width: 56px; height: 56px; background-color: #79c600; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; } .wide-inform-block li.even { float: right; clear: right; text-align: left; } .wide-inform-block li.even:before { right: auto; left: -72px; } .wide-inform-block li h4 { font-size: 18px; line-height: 21px; margin-bottom: 4px; color: #fff } .wide-inform-block.protection{background-color:#409cf4; background-image:url('/img/layout/balance-protection.jpg'); background-position:413px 52px; background-repeat:no-repeat; height:265px;margin:0 -30px} .wide-inform-block.protection ul li:before, .wide-inform-block.protection ul:before{background:none; display:none;} .wide-inform-block.protection ul li{font-size:14px; padding-top:28px; line-height:17px;} /* /Wide inform block */ /* Clients funds security */ .funds-security ul:before { background-position: 0 -210px; } .ico-verification:before { background-position: -140px -60px; } .ico-segregate:before { background-position: -260px -60px; } .ico-protect:before { background-position: -200px -60px; } .ico-secure:before { background-position: -320px -60px; } /* /Clients funds security */ /* Clients funds security */ .client-oriented li:before { background-color: #f18e46; } .client-oriented ul:before { background-position: -170px -210px; } .ico-reply:before { background-position: -280px -120px; } .ico-one-minute:before { background-position: -380px -60px; } .ico-multilingual:before { background-position: -340px -120px; } .ico-livechat:before { background-position: -440px -60px; } /* /Clients funds security */ /* Trading conditions */ .trading-conditions { overflow: hidden; padding: 0; width: 990px; } .trading-conditions-helper { height: 100px; width: 996px; margin-left: -2px; } .trading-conditions a, .trading-conditions .trading-conditions-helper >div { position: relative; float: left; height: 100px; width: 165px; text-decoration: none; overflow: hidden; text-align: center; } .trading-conditions a::before, .trading-conditions .trading-conditions-helper div::before { content: ""; display: block; position: absolute; left: 0; top: 31px; width: 1px; height: 30px; background: #c8c8c8; } .trading-condition-helper { width: 166px; height: 200px; left: 0px; top: 0px; display: block; position: absolute; transition: all .4s ease; } a:hover .trading-condition-helper { top: -100px; } .unhoverable a:hover .trading-condition-helper { top: 0px; } .trading-conditions .trading-condition-helper strong { font-weight: 300; font-size: 36px; line-height: 26px; margin-bottom: 8px; display: block; color: #64a600; } .trading-conditions .trading-condition-helper strong.medium { font-size: 25px; line-height: 15px; margin-top: 10px; } .trading-conditions .trading-condition-helper strong.regular { font-size: 19px; line-height: 16px; font-weight: 300; margin-top: 3px; } .trading-conditions .trading-condition-helper strong sub { font-size: 14px; vertical-align: 0; line-height: 7px; } .trading-conditions .trading-condition-helper .cond-item-visible { display: inline-block; vertical-align: top; height: 85px; padding-top: 15px; text-align: left; } .trading-conditions .trading-condition-helper .cond-item-invisible { display: block; padding: 25px 0 0 34px; text-align: left; } .trading-conditions .trading-condition-helper span span { display: block; font-size: 12px; line-height: 14px; font-weight: 300; color: #262626; margin-bottom: 4px; } .trading-conditions .trading-condition-helper span.big { font-size: 36px; line-height: 26px; font-weight: 100; margin-bottom: 6px; } .trading-conditions .trading-condition-helper em { display: block; font-size: 18px; margin-bottom: 1px; line-height: 22px; font-weight: 300; font-style: normal; color: #469ef1; text-decoration: underline; } /* /Trading conditions */ /* Daily statistics */ .daily-statistics { position: relative; background: #f9f8f3; height: 311px; margin-bottom: 0; } .daily-statistics:before { content: ""; display: block; top: 132px; left: 402px; width: 163px; height: 109px; position: absolute; background: url(../img/layout/sprite.png) -340px -240px no-repeat; } .daily-statistics h2 { padding: 18px 0 0 32px; margin: 0; } .daily-statistics div { position: absolute; font-size: 20px; line-height: 24px; font-weight: 300; } .daily-statistics div:before { content: ""; display: block; border-radius: 28px; width: 56px; height: 56px; position: absolute; background-color: #17acf4; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; } .daily-statistics div:after { content: ""; display: block; width: 24px; height: 24px; position: absolute; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; } .daily-statistics .accounts-opened { top: 202px; right: 643px; } .daily-statistics .accounts-opened:before { right: -88px; top: -13px; background-position: -400px -120px; } .daily-statistics .accounts-opened:after { right: -71px; top: 51px; background-position: -410px 0; } .daily-statistics .trades-executed { top: 67px; width: 100%; left: 0; text-align: center; } .daily-statistics .trades-executed:before { left: 50%; margin-left: -39px; top: 43px; background-position: -340px -180px; } .daily-statistics .trades-executed:after { display: none; } .daily-statistics .trading-volume { top: 202px; left: 610px; } .daily-statistics .trading-volume:before { left: -78px; top: -13px; background-position: -400px -180px; } .daily-statistics .trading-volume:after { left: -60px; top: 51px; background-position: -440px 0; } /* /Daily statistics */ /* Team/Contests */ .oc-team { background: #469ef1; margin-top: 0; color: #FFF; padding-bottom: 14px; } .oc-team h3 { margin-left: 16px; position: relative; padding: 7px 0 10px 73px; font-weight: 300; font-size: 24px; line-height: 30px; color: #FFF; } .oc-team h3.ico-team:before { content: ""; left: 0; top: -3px; display: block; position: absolute; border-radius: 28px; width: 56px; height: 56px; background: #326eb6 url(../img/layout/sprite.png) -460px -120px no-repeat; } .oc-team h3.ico-contest:before { content: ""; left: 0; top: -3px; display: block; position: absolute; border-radius: 28px; width: 56px; height: 56px; background: #326eb6 url(../img/layout/sprite.png) -460px -180px no-repeat; } .oc-team p { margin-left: 16px; font-size: 16px; line-height: 21px; } /* /Team/Contests */ /* Text field */ .text-field { display: block; height: 32px; width: 300px; padding: 0 9px; background: #FFF; border: #c6c6c6 solid 1px; border-radius: 0px; } .text-field:focus { border-color: #469ef1; box-shadow: 0 0 3px #469ef1; } .text-field.error { border-color: #c53838; box-shadow: 0 0 3px #c53838; color: #ae2127; } /* /Text field */ /* Textarea */ .textarea { display: block; height: 86px; min-height: 50px; max-height: 200px; width: 300px; padding: 9px; background: #FFF; border: #c6c6c6 solid 1px; } .textarea:focus { border-color: #469ef1; box-shadow: 0 0 3px #469ef1; } .textarea.error { border-color: #c53838; box-shadow: 0 0 3px #c53838; color: #ae2127; } /* /Textarea */ /* Blockquote */ .oc-cite { position: relative; text-align: center; width: 690px; margin: 65px auto 0; font-size: 18px; line-height: 25px; font-style: italic; font-weight: 300; } .oc-cite:before { content: ""; width: 75px; height: 56px; left: -46px; top: -31px; display: block; position: absolute; background: url(../img/layout/sprite.png) -470px 0 no-repeat; } .oc-cite span { display: block; position: relative; z-index: 2; } .oc-cite .sign { text-align: right; margin-top: 18px; margin-right: -40px; } /* /Blockquote */ /* Buttons panel */ .oc-buttons-panel { background: #efefef; margin-top: 45px; height: 49px; padding-top: 18px; text-align: center; } .oc-buttons-panel .new-btn { padding: 3px 15px 5px; margin: 0 5px; } /* /Buttons panel */ /* Deposit block */ .wide-block-deposit { background: #469ef1; color: #FFF; } /* /Deposit block */ .btn + .btn { margin-left: 10px; } .j-toggle-label span { color: #5C5B53; border-bottom: dotted 1px #5C5B53; cursor: pointer } .j-toggle-label:hover span { border-bottom: dotted 1px transparent; } /* Common */ .country { color: #6c6c6c; } .country img { display: inline-block; vertical-align: middle; margin-right: 5px; } .country span { display: inline-block; vertical-align: middle; } .color-red { color: #9e0b0f !important; } .color-green { color: #64a600 !important; } table.week { text-align: center; border-collapse: separate; border-spacing: 7px; margin-left: -7px; } table.week td { width: 35px; border-bottom: #64a600 solid 3px; padding: 0 0 2px 0; } table.week td.weekend { border-bottom-color: #f27373; } /* /Common */ /* Banks */ .banks-block { background: #f9f8f3; margin-bottom: 24px; } .banks-change { position: relative; border-bottom: #0167bb solid 3px; height: 62px; padding: 22px 0 0 84px; font-weight: 300; } .banks-change::before { content: ""; top: 16px; left: 16px; display: block; position: absolute; border-radius: 28px; width: 56px; height: 56px; background-color: #3581d2; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; } .banks-change.last::before { background-position: -580px -180px; } .banks-change.next::before { background-position: -620px -60px; } .banks-change em { display: block; font-style: normal; font-size: 14px; } .banks-change .date { display: block; font-size: 24px; color: #64a600; } .banks-rate-block { padding: 18px 10px; } .banks-rate-block table { width: 100%; height: 38px; white-space: nowrap; text-align: center; } .banks-rate-block table td { vertical-align: middle; border-left: #d4d0c0 solid 1px; padding: 0 30px; } .banks-rate-block table td:first-child { border-left: none; } .banks-rate-block table em { display: block; font-style: normal; font-size: 14px; font-weight: 300; } .banks-rate-block table em.inc { color: #64a600; font-size: 18px; margin-bottom: 8px; } .banks-rate-block table em.dec { color: #9e0b0f; font-size: 18px; margin-bottom: 8px; } .change-date { width: 200px; float: left } .bank-country.inline { font-size: 24px; font-weight: 300; white-space: nowrap; color: #000; float: left; width: 366px; padding-top: 12px } .bank-country { font-size: 24px; font-weight: 300; white-space: nowrap; color: #000; } .bank-country img { display: inline-block; vertical-align: middle; margin-right: 10px; } .bank-country span { display: inline-block; vertical-align: middle; padding-right: 10px } .banks-table { } .banks-table table { width: 650px } .banks-table table td { border-top: #0167bb solid 1px; vertical-align: middle; padding: 17px 20px 18px; } .banks-table table td:first-child { padding-left: 40px; } .banks-table table tr:first-child td { border-top: none; } /* /Banks */ /* Old paginator/ */ .pagination { height: 36px; margin: 18px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination li { display: inline; } .pagination a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; } .pagination a:hover, .pagination .active a { background-color: #f5f5f5; } .pagination .active a { color: #999999; cursor: default; } .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pager { margin-left: 0; margin-bottom: 18px; list-style: none; text-align: center; *zoom: 1; } .pager:before, .pager:after { display: table; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager a { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager a:hover { text-decoration: none; background-color: #f5f5f5; } .pager .next a { float: right; } .pager .previous a { float: left; } /* /Old paginator */ /* /Banks */ /* Deposit/Withdrawal steps */ .wide-block-two-cols { background: #f9f8f3; margin-bottom: 24px; } .wide-block-two-cols.withdrawal, .wide-block-two-cols.deposit, .wide-block-two-cols.withdrawal a, .wide-block-two-cols.deposit a, .wide-block-two-cols.withdrawal h3, .wide-block-two-cols.deposit h3 { color: #fff } .wide-block-left-col { width: 541px; float: left; padding: 0 0 0 29px; } .wide-block-right-col { width: 323px; min-height: 211px; padding: 0 20px 20px 27px; float: right; } .wide-block-right-col ul { font-size: 14px; line-height: 21px; margin: 0 0 0 14px; } .wide-block-right-col ul li { margin-bottom: 9px; position: relative; padding-left: 18px; } .wide-block-right-col ul li::before { content: ""; display: block; position: absolute; left: 0; top: 7px; border-radius: 5px; width: 9px; height: 9px; background: none } .wide-block-right-col ul.deposit-list li::before { background: #7ccc1e; } .wide-block-right-col ul.withdrawal-list li::before { background: #f14646; } .wide-block-two-cols h3 { font-size: 24px; line-height: 32px; font-weight: 300; margin: 19px 0 26px; } .wide-block-right-col h3 { margin-bottom: 8px; } .wide-block-two-cols .deposit-step { position: relative; line-height: 18px; padding: 0 0 0 72px; margin-bottom: 41px; } .wide-block-two-cols .deposit-step::before { content: ""; top: -7px; left: 0; display: block; position: absolute; border-radius: 28px; width: 56px; height: 56px; background-color: #469ef1; background-image: url(../img/layout/sprite.png); background-repeat: no-repeat; } .wide-block-two-cols .deposit-step.ico-login::before { background-position: -560px 0; } .wide-block-two-cols .deposit-step.ico-wizard::before { background-position: -620px 0; } .wide-block-two-cols .deposit-step.ico-deposit::before { background-position: -636px -118px; } .wide-block-two-cols .deposit-step.ico-dollar::before { background-position: -637px -176px; } .wide-block-two-cols .deposit-step.ico-logged-in::before { background-color: #79c600; background-position: -680px 0; } .wide-block-two-cols .deposit-step span { display: block; font-size: 13px; } .wide-block-two-cols .deposit-step div { font-size: 20px; font-weight: 300; } .wide-block-two-cols .deposit-step div a { font-weight: 600; } .wide-block.withdrawal { background: url(../img/redesign/bg-withdrawal.jpg) top left no-repeat } .wide-block.deposit { background: url(../img/redesign/bg-deposit.jpg) top left no-repeat } .wide-block.withdrawal > div, .wide-block.deposit > div { background: url(../img/redesign/bg-dark-blue.png); overflow: hidden; margin: 15px; } .withdrawal-list li, .deposit-list li { color: #fff } .withdrawal-table img { margin-right: 10px } .withdrawal-table tbody td { vertical-align: middle } /* /Deposit/Withdrawal steps */ /* Market */ .market-block { width: 950px; margin-left: -15px; margin-top: 24px; margin-bottom: 24px; } .market-block .col { display: inline-block; vertical-align: top; width: 441px; margin: 0 15px 10px; } .market-block .banks-block { margin-bottom: 16px; } .market-block h2 { font-size: 30px; margin: 0 0 16px; } .market-block p { font-size: 13px; line-height: 16px; color: #656565; } .market-block .banks-rate-block { padding: 10px 5px 15px; } .market-block .banks-rate-block table { height: auto; text-align: left; } .market-block .banks-rate-block table td { border-left: none; padding: 0 10px; } .market-block .banks-rate-block table td:first-child { border-left: none; } .market-block .banks-rate-block table em { display: inline; font-style: normal; font-size: 13px; } .market-block .banks-rate-block table em.inc, .market-block .banks-rate-block table em.dec { font-size: 13px; font-weight: 500; } .market-block .bank-country { font-size: 13px; display: inline-block; } .market-block .bank-country img { margin-right: 5px; } .market-block .bank-country span { display: inline-block; vertical-align: middle; } .market-block .banks-event-block { padding: 10px 15px 15px; font-size: 13px; font-weight: 500; } .market-block .banks-event-block .bank-country { margin-right: 5px; } .market-block .banks-event-block a { position: relative; top: 1px; } .market-block .news-block { background: #f9f8f3; padding: 12px 14px; margin-bottom: 16px; } .market-block .news-block h4 { font-size: 13px; line-height: 16px; font-weight: 500; margin-bottom: 7px; } .market-block .news-block p { color: #000; font-size: 13px; line-height: 16px; margin-bottom: 0; } .col .news-block { margin-top: 0 } /* /Market */ /* Calculator */ .calculator { margin-bottom: 15px; } .calc-block { width: 324px; float: left; background-color: #f9f8f3; height: 320px; padding-top: 24px; position: relative; text-align: center; } .calc-block:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 69px; height: 180px; } .calc-block table { width: 100%; position: relative; z-index: 2; } .calc-block table th { width: 152px; text-align: right; padding-bottom: 32px; } .calc-block table th label { display: block; padding-right: 15px; font-size: 13px; line-height: 35px } .calc-block table td { width: 162px; padding-bottom: 32px; } .calc-block table td select { width: 140px; background: #FFF; } .calc-results { width: 324px; float: right; background: #f9f8f3; height: 344px; } .calc-results h4 { padding: 17px 0 16px 20px; border-bottom: #34a3ff solid 1px; font-size: 16px; font-weight: 500; margin-bottom: 14px; } .calc-results table { width: 300px; margin: 12px } .calc-results table th { text-align: right; padding: 5px; border-bottom: solid 10px #f9f8f3; vertical-align: middle; } .calc-results table td { width: 135px; padding: 0 16px 8px 0; vertical-align: middle; border-bottom: solid 10px #f9f8f3 } .calc-results table td { padding: 0 15px; font-size: 14px; color: #64a600; font-weight: 500; height: 30px; background: #FFF; vertical-align: middle } .calc-block td { text-align: left } /* /Calculator */ /* Contact us */ .livechat { position: relative; height: 176px; background: #f9f8f3 url(../img/layout/livechat.jpg) 0 0 no-repeat; } .livechat h2 { padding-left: 212px; font-size: 30px; margin-top: 21px; } .livechat ul { position: absolute; left: 543px; top: 76px; } .livechat ul li { margin-bottom: 7px; position: relative; padding-left: 17px; background: none } .livechat ul li::before { content: ""; display: block; position: absolute; left: 0; top: 7px; width: 11px; height: 9px; background: url(../img/layout/sprite.png) -260px 0; } .livechat .new-btn { display: block; position: absolute; top: 90px; left: 270px; } .contactus-block { border-top: #469ef1 solid 1px; margin-bottom: 16px; } .contactus-block-left { width: 425px; float: left; } .contactus-block-right { width: 425px; float: right; } .contactus-block h2 { margin: 19px 0 14px; } .contactus-block .row { border-bottom: #ecebe7 solid 1px; padding-bottom: 5px; margin-bottom: 6px; } .contactus-block .row:last-child { border-bottom: none; } .contactus-block .row span { display: block; float: left; line-height: 24px; } .contactus-block .row em { display: block; float: right; font-style: normal; line-height: 24px; } .contacts-form { background: #f9f8f3; } .contacts-form h2 { margin-left: 32px; } .contacts-form-left { float: left; padding-left: 32px; width: 320px; } .contacts-form-right { float: right; padding-right: 32px; width: 560px; } .contacts-form-right .text-field, .contacts-form-right .textarea { width: 540px; } .contacts-form-right .submit-container { text-align: right; padding-bottom: 20px; } .callback-form { background: #ffffff; background: url(../img/promo/vip/callback-bg.jpg) top right no-repeat; padding: 0 0 15px 0; min-height: 300px; } .callback-form h2 { margin-left: 32px; } .callback-form-left { float: left; padding-left: 32px; width: 450px; } .callback-form-left form { width: 320px; } .callback-form-right { float: right; padding-right: 32px; width: 320px; } .callback-form-right .text-field, .callback-form-right .textarea { } .callback-form-right .submit-container { text-align: right; padding-bottom: 20px; } .wide-block-social { margin-top: 0; } .social { padding: 20px 0 0 16px; } .social a { display: inline-block; margin-right: 10px; } body .content span.mt4-small, body .content span.ct-small, #header span.mt4-small, #header span.ct-small { background: none; display: block; padding: 0 !important; height: 20px; width: 46px; background-image: url(../img/layout/soft-logos-small.png) !important; position: relative; top: 3px; left: 3px; margin: -5px; background-repeat: no-repeat } body .content span.mt4-small { background-position: 6px -20px; top: 8px } body .content span.ct-small { background-position: 6px 2px } #header li span.mt4-small, #header li span.ct-small { float: left; position: relative; left: -40px; ; margin-right: -40px; } #header span.mt4-small { background-position: -46px -18px !important; display: inline-block; top: 11px } #header span.ct-small { background-position: -46px 2px !important; display: inline-block; top: 8px } #header div.rounded-block-head > span.ct-small { top: -1px; margin-right: -1px; } #header div.rounded-block-head > span.mt4-small { top: 0px; margin-right: -1px; } /* /Contact us */ /* Account comparison table/ */ .oc-content .acc-table { width: 930px; font-size: 14px } .oc-content .acc-table td, .oc-content .acc-table th { padding: 10px 15px; } .oc-content .acc-table td { text-align: center; border-top: solid 1px #e1e1e1 } .oc-content .acc-table .bordered { border-left: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; } .oc-content .acc-table td .new-btn { margin: 5px 0 } .oc-content .acc-table tbody tr:hover td { background: #f9f8f3 } .oc-content .acc-table tbody tr:hover td.separator { background: #fff } .oc-content .acc-table th.caption { font-weight: 300; text-align: right; border-top: solid 1px #E1E1E1; padding-right: 0 } .oc-content .acc-table tr.platform-logo th { padding: 15px; } .oc-content .acc-table tr.platform-logo th div { font-size: 24px; font-weight: 300; line-height: 24px } .oc-content .acc-table tr.platform-logo .mt { border-top: solid 3px #ef853b; border-bottom: solid 3px #ef853b; text-align: center } .oc-content .acc-table tr.platform-logo .mt img { margin: 4px 0 -4px 0; text-align: center } .oc-content .acc-table tr.platform-logo .ct { border-top: solid 3px #e6212c; border-bottom: solid 3px #e6212c; } .oc-content .acc-table tr td.separator { border: none; padding: 0; width: 10px } /* /Account comparison table */ /* tab logos/ */ .content .j-tabs-header .logo-mt4, .content .j-tabs-header .logo-ct, .content .tabs-header .logo-mt4, .content .tabs-header .logo-ct { background-image: url(../img/layout/sprite.png); padding: 0; margin: 5px 15px; overflow: hidden } .content .j-tabs-header .logo-mt4, .content .tabs-header .logo-mt4 { background-position: 0 -409px; width: 108px; height: 21px; position: relative; top: 10px } .content .j-tabs-header .logo-ct, .content .tabs-header .logo-ct { background-position: 0 -429px; width: 108px; height: 21px; position: relative; top: 7px; left: 10px } .content .tabs-header span.logo-mt4 { top: 5px } .content .tabs-header span.logo-ct { top: 2px; left: 15px } .content .j-tabs-header .active .logo-mt4, .content .tabs-header .active .logo-mt4 { background-position: -111px -409px; } .content .j-tabs-header .active .logo-ct, .content .tabs-header .active .logo-ct { background-position: -111px -429px; } .content .j-tabs.button-style .j-tabs-header { border: none } .content .j-tabs.button-style .j-tabs-header ul { text-align: center; float: none; margin: 0 0 10px 0 } .content .j-tabs.button-style ul > li { border-radius: 3px; margin-left: 10px; padding: 0 15px 0 30px; text-align: left; position: relative; background: #fff; border: solid 1px #c2c0b7; } .content .j-tabs.button-style ul > li.active { border: solid 1px #34a3ff } .content .j-tabs.button-style ul > li:first-child { margin-left: 0 } .content .j-tabs.button-style ul > li span { text-align: left; padding: 9px 21px 9px 15px !important; } .content .j-tabs.button-style ul > li div { left: 0 } .content .j-tabs.button-style ul > li > input { position: absolute; top: 20px; left: 18px } .content .j-tabs.button-style .logo-mt4 { background-position: 0 -409px; } .content .j-tabs.button-style .logo-ct { background-position: 0 -429px; } .content .j-tabs.button-style ul li .overl { position: absolute; width: 30px; height: 30px; z-index: 10; top: 5px } .content .j-tabs.button-style .j-tabs-header ul li.active span:hover, .content .j-tabs.button-style .j-tabs-header ul li.active a:hover, .content .j-tabs.button-style .j-tabs-header ul li span, .content .j-tabs.button-style .j-tabs-header ul li a { color: #000 } /* /tab logos */ .t-subheader { display: none } .form-block { margin: 40px 0 10px 0; border: solid 1px #e1e1e1; border-radius: 2px; padding: 20px } .form-block h2 { margin: 0 0 -20px 0; float: left; position: relative; background-color: #fff; top: -38px; left: -10px; padding: 0 10px; } /* OctaChampion */ .contest-layout .current-leaders { float: left; margin-left: 3px; width: 250px; background: url(../img/contest-table.jpg) top no-repeat; border-radius: 3px; } .contest-layout .current-leaders h2 { color: #FFF; font-size: 18px !important; text-shadow: 1px 1px 0 #000; padding: 11px 0 0 0; white-space: nowrap; margin-bottom: 0; } .contest-layout .current-leaders { padding: 0 17px 17px; } .contest-layout .current-leaders .table { margin-bottom: 12px; margin-top: 9px; } .contest-layout .current-leaders table thead { display: none; } .contest-layout .current-leaders .simple-table td, .current-leaders .spreads-table .simple-table th { background: none !important; border: none; padding: 3px 0 2px 0; color: #ddd; border-bottom: #5d5e62 solid 1px; background: none } .contest-layout .current-leaders .simple-table td:first-child { width: 25px !important; } .contest-layout .current-leaders .simple-table tr:first-child td { padding-top: 0; } .contest-layout .current-leaders .all { text-align: right; } .contest-layout .current-leaders .all a { color: #FFF; } .contest-layout .current-leaders em { color: #ff9006; font-style: normal; margin-right: 8px; } .contest-layout .current-leaders .simple-table img { margin-right: 5px; } .contest-layout .current-leaders .simple-table a { color: #FFF; font-weight: normal; } .contest-layout .current-leaders .simple-table .avatar { padding: 0; margin-right: 5px; border: solid 1px #999999; } .contest-rating table tr th { text-align: center; padding: 4px 6px; } .contest-rating table tr td { vertical-align: middle; padding: 6px 10px; } .contest-rating .avatar { float: left; border: solid 1px #e1e1e1; padding: 1px; margin-right: 5px; } .contest-rating .contestant { font-weight: bold; color: #368EF1; } .contest-rating .contestant span { font-weight: normal; } .contest-rating .flagpic2 { width: 16px; height: 16px; float: left; margin-right: 5px; } .contest-rating .country { color: #999; font-size: 10px; } .contest-rating.contest-movers table tr td { padding: 6px 5px; } .contest-rating.contest-movers table tr th { padding: 4px 0px; } .contest-movers td.rchange { text-align: center; width: 80px; } .compact-table .flagpic2 { width: 16px; height: 16px; margin-right: 5px; } .contest-results-table { } .contest-results-table tbody tr td { padding: 12px 10px; } .contest-results-table .award { margin: 3px 15px 5px 10px; } .contest-results-table .prize { font-size: 18px; color: #ff0505; margin: 8px 0; } .contest-results-table .contest-results-nick { font-size: 16px; display: block; margin-bottom: 5px; } #toprankchanges table { margin-bottom: 15px; } .contest-avatar-container { float: left; margin: 0 20px 20px 0; padding: 1px; border: solid 1px #2368A7; } .contest-avatar-container img { } .contest-avatar-container .noava { float: left; background-image: url('/img/noava100.gif'); width: 100px; height: 100px; text-align: center; } .noava50 { float: left; background-image: url('/img/noava50.gif'); width: 50px; height: 50px; text-align: center; } .contest-trading-sprint .contest-menu { height: 310px; } .contest-trading-sprint .contest-menu ul { padding-top: 277px; padding-right: 200px; } .contest-trading-sprint .contest-menu ul li { font-weight: bold; font-size: 18px; width: 155px; } .contest-trading-sprint .contest-menu { height: 310px; } .contest-trading-sprint .rounds .next-round { background-image: url(../img/contests/trading-sprint/next-round.jpg); color: white; } .contest-trading-sprint .rounds .current-round { background-image: url(../img/contests/trading-sprint/next-round.jpg); color: white; } .contest-trading-sprint .next-round.shedule-block { background-image: url(../img/contests/trading-sprint/contest-table.jpg); color: white; } .contest-trading-sprint .current-leaders { background-image: url(../img/contests/trading-sprint/contest-table.jpg); color: white; } .contest-trading-sprint .pr-container .prizes { background-image: url(../img/contests/trading-sprint/prizes.png); height: 500px; } .contest-trading-sprint .countdown { width: 990px; height: 100px; background: url(../img/contests/trading-sprint/counter-bg.jpg) top no-repeat; position: relative; left: -20px; top: -20px; } .contest-trading-sprint .pr-container .prizes div { font-size: 17px; } .contest-trading-sprint .pr-container .prizes div.first-place { top: 74px; text-shadow: 1px 1px 0 #a90c0c; } .contest-trading-sprint .pr-container .prizes div.second-place { top: 144px; text-shadow: 1px 1px 0 #bf5e0e; } .contest-trading-sprint .pr-container .prizes div.third-place { top: 213px; text-shadow: 1px 1px 0 #b58500; } .contest-trading-sprint .pr-container .prizes div.fours-place { top: 283px; text-shadow: 1px 1px 0 #7400B5; } .contest-trading-sprint .pr-container .prizes div.fives-place { top: 353px; text-shadow: 1px 1px 0 #006404; } .contest-trading-sprint .pr-container .prizes p { display: block; margin: 415px 20px 0 20px; color: #6565cb; font-size: 14px; } .contest-trading-sprint .rounds-container .simple-table strong { color: white; font-size: 13px; } .contest-trading-sprint .rounds-container .simple-table { margin: 0px 18px; width: 88%; } .contest-trading-sprint .rounds-container .simple-table td { color: white; font-size: 14px; padding: 12px 0; } .contest-trading-sprint .rounds-container .simple-table td.brdbtm { border-bottom: solid 1px #4444aa; } .contest-trading-sprint .simple-table tbody td:first-child span { background: none; padding-left: 0; } .contest-trading-sprint .current-leaders .spreads-table .simple-table td { border-color: #4444aa; } .contest-trading-sprint .contest-menu ul li, .contest-menu-big ul li { background: none; } .contest-trading-sprint .shedule-block p { display: block; margin: 0px 20px 0 20px; color: #6565cb; font-size: 12px; } .contest-body { margin: 0 -30px 0 -30px; float: none; clear: both; position: relative; padding: 20px 30px 1px 30px; background-repeat: repeat-x } .contest-body .contest-header { background: url(../img/contests/ctrader-demo-contest.png); background-position: top center; background-repeat: no-repeat; height: 180px; margin: auto; float: none; clear: both; position: relative } .contest-body .contest-header > div { text-align: center; text-transform: uppercase; position: relative; top: 144px; margin-left: 2px; color: #fff; font-size: 12px } .contest-body ul.prizes { display: block; text-align: center; margin: 0 } .contest-body ul.prizes li { display: inline-block; width: 150px; height: 128px; border-left: solid 1px #ccc; } .contest-body ul.prizes li:first-child { border: none } .contest-body ul.prizes li strong { display: block; font-size: 48px; top: 50px; position: relative; color: #64a600; font-weight: 300; } .contest-body ul.prizes li em { top: 65px; position: relative; font-style: normal; color: #646464 } .contest-body .countdown-contest-container { } .contest-body .contest-countdown { padding: 40px 0 0px 0; text-align: center; position: relative; left: 125px } .big-register-btn { padding: 30px 0 20px 0; text-align: center } .big-register-btn > div { padding-top: 10px; text-align: center; } .ctrader-contest .contest-header { background: url(../img/contests/ctrader-demo-contest.png); background-position: top center; background-repeat: no-repeat; height: 180px; margin: auto; float: none; clear: both; position: relative } .ctrader-contest ul.prizes { display: block; text-align: center; margin: 10px 0 0 0; width: 930px; } .ctrader-contest ul.prizes li { display: inline-block; width: 20%; border: none; margin: 0 } .ctrader-contest ul.prizes li:first-child { border: none } .ctrader-contest ul.prizes li strong { display: block; font-size: 32px; color: #64a600; font-weight: 300; padding: 10px; position: relative } .ctrader-contest ul.prizes li em { background: #D8D8D8; font-style: normal; color: #646464; border-top: solid 2px #67a4d6; display: block; position: relative; background: url(../img/contests/bg-podium.png) top center; background: #fafafa; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fafafa 1%, #b5b5b5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fafafa), color-stop(100%, #b5b5b5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 1%, #b5b5b5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 1%, #b5b5b5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 1%, #b5b5b5 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafafa 1%, #b5b5b5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#b5b5b5', GradientType=0 ); /* IE6-8 */ } .ctrader-contest ul.prizes li.p1 strong { top: 15px } .ctrader-contest ul.prizes li.p1 em { line-height: 35px; bottom: -15px; } .ctrader-contest ul.prizes li.p2 strong { top: 5px } .ctrader-contest ul.prizes li.p2 em { line-height: 55px; bottom: -5px; } .ctrader-contest ul.prizes li.p3 strong { } .ctrader-contest ul.prizes li.p3 em { line-height: 65px; } .ctrader-contest ul.prizes li.p4 strong { top: 10px } .ctrader-contest ul.prizes li.p4 em { line-height: 45px; bottom: -10px; } .ctrader-contest ul.prizes li.p5 strong { top: 20px } .ctrader-contest ul.prizes li.p5 em { line-height: 25px; bottom: -20px; } .ctrader-contest .contest-menu { height: auto } .ctrader-contest .contest-menu ul { padding: 0; margin: 0 30px; color: #464646; background: #f9f8f3; } .ctrader-contest .contest-menu li { background: none; margin: 0; padding: 10px 0 } .ctrader-contest .contest-menu li::before { content: '|'; padding: 0 10px } .ctrader-contest .contest-menu li:first-child::before { content: none; padding: 0 } .ctrader-contest .contest-menu a, .ctrader-contest .contest-menu a:hover { color: #469ef1; } .ctrader-contest .countdown { background: url(../img/contests/bg-blue.png); left: 0; top: -20px; width: 930px; } .one-third { width: 290px; float: left } .one-third + .one-third { margin-left: 30px } .ctrader-layout .round { background: #ccc; padding: 15px; border-radius: 6px; color: #fff; height: 360px } .ctrader-layout .round .timer { position: relative; left: 5px } .ctrader-layout .round h2 { margin: 0; display: block; font-size: 22px; font-weight: 700 } .ctrader-layout .round h3 { color: #fff; display: block; text-align: center } .round ul li { color: #fff; } .ctrader-layout .round.current { background: #0080b0; background: url(../img/contests/bg-blue.png); } .ctrader-layout .round.next { background: #5f9d00; background: url(../img/contests/bg-green.png); } .ctrader-layout .round.leaders { background: #ccc; background: url(../img/contests/bg-dark.png); } .ctrader-layout ul.schedule { margin: 15px 0; } .ctrader-layout ul.schedule li { margin: 3px 0; font-size: 12px; font-weight: 300 } .ctrader-layout .contest-button { text-align: center } .ctrader-layout table.winners { border: 0; font-size: 15px; width: 260px; vertical-align: middle; margin: 9px 0; line-height: 24px } .ctrader-layout table.winners tr td { padding: 15px 10px; } .ctrader-layout table.winners tr td.place img { float: left; margin-right: 5px; } .ctrader-layout table.winners tr td.place { min-width: 40px; } .ctrader-layout table.winners tr.alt td { background: url(../img/contests/bg-shadow.png); } .ctrader-layout table.winners tr td a { color: #fff; } .round.leaders tr td { background-color: transparent; border: none; color: #fff; padding: 6px 8px } .round.leaders .simple-table td:first-child span { background: none; padding: 0 } .round.leaders tr td .avatar { height: 30px } .round.leaders tr td em b { font-style: normal; } .round.leaders tr td .country { color: #fff } .round.leaders tr td a { color: #7bbfff } .round.leaders tr.alt td { border: none; background: url(../img/contests/bg-shadow.png); } .round .c-logo { margin: 12px 0; } .round .c-desc { font-size: 14px; padding-bottom: 10px; display: block; height: 147px; } .round.leaders .simple-table thead th { font-weight: 300; font-size: 12px; border-bottom: none; padding: 4px 10px; color: #e1e1e1; } .ISL2014 { background-image: url(../img/persib/PERSIB-champion.jpg); height: 326px; position: relative } .ISL2014 > div { position: absolute; text-align: center; top: 220px; color: #fff; font-size: 32px; font-weight: 200; left: 20px; width: 950px } .ISL2014 > div > span { color: #74dcff } a.mp-supercharged { display: block; height: 326px; position: relative; background-image: url(../img/supercharged/mp-supercharged.jpg); text-decoration: none; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.7) } a.mp-supercharged > span { font-weight: 300; position: absolute; top: 85px; left: 235px; font-size: 20px; text-transform: uppercase } a.mp-supercharged > h2 { font-weight: 300; position: absolute; top: 47px; left: 590px; font-size: 22px; width: 350px; } .mp-slider { height: 346px; width: 990px; padding-bottom: 35px; overflow: hidden;} .mp-slider > ul { display: block; padding: 0; margin: 0; line-height: normal; white-space: nowrap;} .mp-slider > ul li { display: block; padding: 0; margin: 0; height: 326px; width: 990px; display: inline-block; float: left; white-space: normal;} .mp-slider ol.dots { margin: 0 auto; position: relative; bottom: -18px; text-align: center } .mp-slider ol.dots li { display: inline-block; width: 10px; height: 10px; margin: 0 16px; text-indent: -999em; border: 2px solid #0167bb; border-radius: 50%; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } .mp-slider ol.dots li.active { opacity: 1; background: #0167bb } .archive-item.persib { height: 330px; background-image: url(../img/sponsorship/persib-2014.jpg); background-position: right center; background-repeat: no-repeat; background-color: #fafaf9; padding: 15px 600px 0px 30px; margin: 0 -30px; position: relative; } .archive-item .logo { position: absolute; left: 409px; top: 112px; } .archive-item .years { font-size: 40px; font-weight: 100; color: #3581d2; } .archive-item p { font-size: 13px; line-height: 19px; } .archive-item h2 { font-size: 30px; font-weight: 500; margin: 5px 0 15px 0 } .archive-item .awards { font-size: 24px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: flex; position: relative; min-height: 60px;padding: 15px 0 15px 80px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-bottom: 10px; } .archive-item .awards img { position: absolute; top: 12px; left: 10px; } .archive-item.mitra { height: 330px; background-image: url(../img/sponsorship/mitra/mitra-2015.jpg); background-position: right center; background-repeat: no-repeat; background-color: #fafaf9; padding: 15px 600px 0px 30px; margin: 0 -30px; position: relative; } .archive-item.rip-curl-cup-sponsorship { height: 330px; background-image: url(../img/sponsorship/rip-curl-cup/rip-curl-cup-sponsorship.jpg); background-position: right center; background-repeat: no-repeat; background-color: #fafaf9; padding: 15px 600px 0px 30px; margin: 0 -30px 65px -30px; position: relative; } .archive-item.rip-curl-cup-sponsorship .logo { left: 400px; top: 98px; } .archive-item.southampton { height: 330px; background-image: url(../img/sponsorship/southampton/southampton-2015.jpg); background-position: right center; background-repeat: no-repeat; background-color: #fafaf9; padding: 15px 600px 0px 30px; margin: 0 -30px 65px -30px; position: relative; } .archive-item.southampton .logo { left: 400px; top: 90px; } .archive-item.bsf { height: 330px; background-image: url(../img/charity/bsf/bsf-2015.jpg); background-position: right center; background-repeat: no-repeat; background-color: #fafaf9; padding: 15px 600px 0px 30px; margin: 0 -30px; position: relative; } .wrapper {background: #ecebe7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAJ/CAIAAAA2wC5GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrskzsOwCAMQ6Pe/7oV4+tQBlATYT6qGBi8wSN2jKV0X2a2mwzYca6jSu+OYC3PVX6DWU7Binli9z6cgc5S5DiSVdNL4MnZGUoOwa5RvOOz6cioPXM+2+gkkU+hy6FX2rkj3UObm86+VveRvHp+EPqg/Kk+Dro35jhSjqzlHR39rEeAAQA7D0mcnEYjbwAAAABJRU5ErkJggg==) 0 0 repeat-x;} .wrapper.new-bonus-page .content { width: 880px; margin: 0 auto; position: relative; } .wrapper.new-bonus-page .head { position: relative; height: 100px; background-image: url(../img/bonus50/dotted-line.png); background-repeat: no-repeat; background-position: 0px -109px; } .wrapper.new-bonus-page i.arrow { display: inline-block; width: 1px; padding: 0; margin: 0; position: relative; margin-right: -1px; } .wrapper.new-bonus-page i.arrow:before { content: ''; display: block; position: absolute; background-image: url(../img/bonus50/arrow.png); width: 4px; height: 8px; left: -10px; top: -8px; } .wrapper.new-bonus-page .neteller { position: absolute; left: 657px; top: 55px; } .wrapper.new-bonus-page .neteller > div { font-size: 12px; color: #565656; padding-bottom: 8px; } .wrapper.new-bonus-page .neteller:before { content: ''; background-image: url(../img/bonus50/separator.png); width: 12px; height: 96px; display: block; position: absolute; top: -20px; left: -42px; } .wrapper.new-bonus-page .logo { position: absolute; top: 70px; left: 0; } .wrapper.new-bonus-page .title { color: #535353; font-size: 33px; font-weight: 300; text-transform: uppercase; position: absolute; left: 240px; top: 70px; } .wrapper.new-bonus-page .head .links { position: absolute; right: 0; top: 0; font-size: 12px; } .wrapper.new-bonus-page .head .links a { color: #7E7E7E; margin-left: 15px; } .wrapper.new-bonus-page .head .steps li { display: block; width: 240px; position: absolute; font-weight: 300; font-size: 13px; } .wrapper.new-bonus-page .head .steps li:before { position: absolute; background-image: url(../img/bonus50/step-point.png); width: 41px; height: 38px; line-height: 38px; text-align: center; padding-right: 6px; font-size: 24px; font-weight: 700; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); left: -61px; top: 3px; } .wrapper.new-bonus-page .head .steps li.s1 { left: 30px; } .wrapper.new-bonus-page .head .steps li.s1:before { content: '1'; } .wrapper.new-bonus-page .head .steps li.s2 { left: 351px; } .wrapper.new-bonus-page .head .steps li.s2:before { content: '2'; } .wrapper.new-bonus-page .head .steps li.s3 { left: 651px; } .wrapper.new-bonus-page .head .steps li.s3:before { content: '3'; } .wrapper.new-bonus-page .head .steps li h2 { font-weight: 100; font-size: 33px; margin: 0; padding: 0; text-transform: uppercase; line-height: 45px; } .wrapper.new-bonus-page .the-picture { width: 990px; position: relative; top: 10px; left: -60px; padding: 0; height: 326px; background-repeat: no-repeat } .wrapper.new-bonus-page .the-picture:after { content: ''; position: absolute; height: 61px; width: 990px; background-image: url(../img/bonus50/the-picture-shadow.png); display: block; bottom: -62px; left: 0px; } .wrapper.new-bonus-page .advantages { position: relative; top: 80px; height: 190px; } .wrapper.new-bonus-page .advantages ul li { display: block; width: 240px; position: absolute; font-weight: 300; font-size: 13px; } .wrapper.new-bonus-page .advantages ul li:before { position: absolute; width: 50px; height: 50px; line-height: 38px; text-align: center; padding-right: 6px; font-size: 24px; font-weight: 700; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); left: -61px; top: -10px; background-repeat: no-repeat; } .wrapper.new-bonus-page .advantages ul li.s1 { left: 30px; } .wrapper.new-bonus-page .advantages .steps li.s1:before { content: ''; background-image: url(../img/bonus50/icon-margin.png) } .wrapper.new-bonus-page .advantages .steps li.s2 { left: 351px; } .wrapper.new-bonus-page .advantages .steps li.s2:before { content: ''; background-image: url(../img/bonus50/icon-payout.png) } .wrapper.new-bonus-page .advantages .steps li.s3 { left: 651px; } .wrapper.new-bonus-page .advantages .steps li.s3:before { content: ''; background-image: url(../img/bonus50/icon-withdrawable.png) } .wrapper.new-bonus-page .advantages ul li h2 { font-weight: 300; font-size: 23px; margin: 0 0 8px 0; padding: 0; } .wrapper.new-bonus-page .payment-separator { position: relative; } .wrapper.new-bonus-page .payment-systems { margin: 20px 50x 0px; position: relative; top: 30px; } .wrapper.new-bonus-page .payment-systems ul { display: block; text-align: center; margin: 0 0 10px 0; padding: 0 } .wrapper.new-bonus-page .payment-systems ul li { display: inline-block; padding: 2px 10px; } .wrapper.new-bonus-page .hr { height: 1px; line-height: 1px; background-color: #b3b3b3; border-bottom: solid 1px #fff; position: relative; top: 50px; width: 930px; left: -30px; } .mp-block.bonus50-mp { background-image: url(../img/bonus50/deposit-bonus-mp.jpg); position: relative; width: 990px; height: 326px; text-shadow: 0 -1px rgba(255,255,255,.6);} .mp-block.bonus50-mp .percent{color:#70b716; font-size:86px; font-weight:700; position:absolute; top:51px; left:48px; line-height:1;} .mp-block.bonus50-mp h2 { display: block; position: absolute; font-size: 52px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.154; text-align: left; left: 220px; top: 55px; width: 509px; font-weight: 300; padding: 0; margin: 0; border: none; line-height:1; color:#70b716;} .mp-block.bonus50-mp h2 span{font-size:20px;display:block; font-weight:400;} .mp-block.bonus50-mp h3 { display: block; position: absolute; font-size: 24px; color:#3270b4; text-transform: uppercase; text-align: left; position: absolute; margin: 0; padding: 0; font-weight: 400; top: 150px; left: 48px;width:345px; text-align:center } .mp-block.bonus50-mp .the-button { border-radius: 10px; background-color: rgb(75, 160, 238); position: absolute; left: 79px; top: 221px; width: 273px; height: 60px; line-height:60px; text-align:center;font-size:24px; text-transform:uppercase; text-decoration:none; color:#fff; transition:background linear .2s; } .mp-block.bonus50-mp h2 sup {position: absolute; font-size: 26px; left: 170px; top: 0; color: #fff;} .bonus50-mp_notice{position: absolute; left: 130px; top: 260px; color: #70b716;} .mp-block.bonus50-mp .the-button:hover {background:#4693db; } a.expand-link:hover { border-bottom: dashed 1px #fff; text-decoration: none !important; } .new-btn.disabled, .new-btn.disabled:hover, .btn.disabled, .btn.disabled:hover { background: #E2E2E2; color: #838383 !important; border-bottom: solid 3px rgba(0,0,0,.15); } .mp-block.mp-supreme {background-image: url(/img/supreme-game/banner-bg.jpg); position: relative; width: 990px; height: 326px; display: block; color: #fff;} .mp-block.mp-supreme.-mp-supreme-light {background-image: url(/img/supreme-game/banner-bg-light.jpg);} .mp-supreme_title {font-weight: 100; font-size: 40px; position: relative; top: 13px; width: 300px; margin: 0 auto 20px; line-height: 100%; text-align: center; } .mp-supreme_descr {font-weight: 300; font-size: 16px; text-align: center; color: #82d4f5;} .mp-supreme_logo.-octafx {position: absolute; top: 138px; left: 65px; } .mp-supreme_logo.-southampton {position: absolute; right: 97px; top: 47px; } .mp-supreme_btn-wrap {position: absolute; bottom: 40px; width: 100%; text-align: center; } .mp-supreme_btn {font-size: 14px; position:relative; display: inline-block; min-width: 230px; height: 70px; padding: 0 10px;text-transform: uppercase; white-space: nowrap; line-height: 75px; text-decoration: none; text-align: center; background: url(/img/supreme-game/btn-center.png) left top repeat-x; color: #fff!important;} .mp-supreme_btn:before {position: absolute; top: 0; left: -15px; width: 15px; height: 70px; content: ''; background: url(/img/supreme-game/btn-right-left.png) left top no-repeat;} .mp-supreme_btn:after {position: absolute; top: 0; right: -15px; width: 15px; height: 70px; content: ''; background: url(/img/supreme-game/btn-right-left.png) right top no-repeat;} .mp-supreme_btn-sh {position: absolute; left: 50%; top: 100%; width: 394px; height: 12px; margin: 10px 0 0 -200px; conetnt: ''; background: url(/img/supreme-game/btn-sh.png)} .mp-supreme_score { font-size: 43px; font-weight: 900; text-align: center; padding-top: 10px;} .mp-supreme_user { font-size: 10px; position: absolute; left: 0; bottom: 8px; width: 100%; text-align: center; } .mp-supreme_match-on { font-size: 12px; color: #fff; position: absolute; top: 190px; left: 50%; width: 260px; margin-left: -130px; text-align: center;} .mp-supreme_match-on:after { display: inline-block; width: 3px; height: 3px; margin-left: 5px; content: ''; background: #fff; border: solid 2px #7fd4f7; border-radius: 50%; box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.5); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-animation: 0.8s ease 0s normal both infinite running on-anim; animation: 0.8s ease 0s normal both infinite running on-anim;} @-webkit-keyframes on-anim {0% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.5);}10% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.9);}20% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.5);}100% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.5);}} @keyframes on-anim {0% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.5);}10% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.9);}20% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.5);}100% {box-shadow: 0 0 5px 2px rgba(127, 212, 247, 0.5);}} .mp-supreme-countdown-list { margin: 15px 0 0 0; padding: 0; list-style: none; text-align: center; } .mp-supreme-countdown-list_item { position: relative; display: inline-block; width: 80px; vertical-align: top; } .mp-supreme-countdown-list_item:before { position: absolute; left: 100%; width: 1px; height: 100%; content: ''; opacity: 0.3; background: #82d4f5; } .mp-supreme-countdown-list_item:last-child:before { display: none; } .mp-supreme-countdown-list_number { font-size: 32px; font-weight: 100; height: 40px; line-height: 100%; } .mp-supreme-countdown-list_unit { font-size: 10px; text-transform: uppercase; } .mp-block.mp-banks { position: relative; width: 990px; height: 326px; display: block; color: #000000;} .mp-block.mp-banks.-mp-banks-th { background-image: url(/img/banks/th-bg.jpg); } .mp-block.mp-banks.-mp-banks-pk { background-image: url(/img/banks/pk-bg.jpg); } .mp-block.mp-banks.-mp-banks-ms { background-image: url(/img/banks/ms-bg.jpg); } .mp-banks_inner { padding: 35px 0 0 300px; text-align: center; } .mp-banks_title { font-weight: 300; font-size: 36px; margin: 0 20px 25px; line-height: 120%; } .mp-banks_title.-th { color: #002852; } .mp-banks_title.-pk { direction: rtl; color: #006d31; } .mp-banks_title.-ms { color: #2d6eb3; } .mp-banks-options { height: 55px; margin: 0 0 5px 60px; padding: 0; list-style: none; text-align: center; } .mp-banks-options_item { font-size: 16px; font-weight: 200; position: relative; display: inline-block; float: none!important; width: 120px!important; height: auto!important; min-height: 40px; padding: 0 25px 0 45px!important; vertical-align: top; text-align: left;} .mp-banks-options_icon {position: absolute; left: 0; top: 0;} .-pk .mp-banks-options { margin: 0 60px 5px 0; } .-pk .mp-banks-options_item { text-align: right; direction: rtl; padding: 0 45px 0 25px!important;} .-pk .mp-banks-options_icon { left: auto; right: 0;} .mp-banks_btn { font-size: 20px; font-weight: 500; display: inline-block; min-width: 210px; height: 55px; padding: 0 25px; margin-bottom: 12px; line-height: 55px; text-decoration: none; text-transform: uppercase; border-radius: 14px; border: solid 2px;} .mp-banks_btn.-th { color: #372e73; } .mp-banks_btn.-pk { direction: rtl; color: #006d31; } .mp-banks_btn.-ms { color: #2d6eb3; } .mp-banks_logo-group img {margin: 0 10px;} .-mp-banks-th .mp-banks_logo-group img {height: 27px; } .mp-webtrader{ background-image: url(/img/web-trader/mt4-mp.jpg); position: relative; width: 930px; height: 270px; padding: 56px 0 0 60px; display: block; line-height: 120%; color: #fff;} .mp-webtrader_descr{font-size: 20px; font-weight: 200; width: 500px; margin-bottom: 10px; line-height: 120%;} .mp-webtrader_title{font-size: 50px; font-weight: 100; width: 500px; margin-bottom: 30px; white-space: nowrap; line-height: 120%;} .mp-webtrader_btn{ font-size: 16px; display: inline-block; padding: 0 25px; min-width: 200px; height: 60px; line-height: 60px; text-align: center; text-decoration: none; color: #fff!important; background: #0167bb; border-radius: 3px; box-shadow: 0 4px 0 0 #3581d2;} .mp-block.mp-southampton { background-image: url(/img/sponsorship/southampton/southampton-mp.jpg); position: relative; width: 990px; height: 326px; display: block } .mp-southampton_wrap {position: relative; z-index: 1;} .mp-southampton_btn {position: absolute; left: 390px; top: 207px; z-index: 10; overflow: hidden; display: block; height: 70px; text-transform: uppercase; text-decoration: none; color: #fff!important; background: #0167bb; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .mp-southampton_btn:before {position: absolute; right: 100%; top: 0; width: 100%; height: 100%; content: ''; background: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mp-southampton_btn:after {position: absolute; right: 100%; top: 0; width: 0; height: 0; margin-right: -22px;content: ''; border-style: solid; border-width: 35px 11px; border-color: transparent transparent #fff #fff;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mp-southampton_btn-inner {position: relative; z-index: 20; display: block; height: 100%; padding: 0 20px 0 127px; line-height: 70px;} .mp-southampton_btn-inner:before {position: absolute; left: -37px; top: 0; width: 138px; height: 100%; content: ''; background-image: url(/img/sponsorship/southampton/southampton-mp-btn.png); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mp-southampton_btn-inner:after {position: absolute; left: 110px; top: 50%; opacity: 1; width: 0; height: 0; margin: -5px 0 0; content: ''; border-style: solid; border-width: 5px 8px; border-color: transparent transparent transparent #fff;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mp-southampton_btn:hover {color: #000!important;} .mp-southampton_btn:hover:before {right: 0;} .mp-southampton_btn:hover:after {right: 0;} .mp-southampton_btn-inner:hover:before {left: -27px;} .mp-southampton_btn-inner:hover:after {opacity: 0;} .mp-block.mp-mitra { background-image: url(/img/sponsorship/mitra/mitra-mp.jpg); position: relative; width: 990px; height: 326px; display: block } .mp-mitra_descr {position: absolute; right: 25px; bottom: 5px; left: 220px;} .mp-block.mp-mitra h2 { color: #fff; font-size: 41px; font-weight: 300; } .mp-block.mp-mitra h3 { color: #fff; font-size: 29px; font-weight: 300; } /* Profile block */ .oc-profile-block { padding-left: 153px; position: relative; min-height: 127px; } .oc-profile-block .oc-avatar { display: block; width: 120px; height: 120px; position: absolute; left: 0; top: 7px; } .oc-profile-person { border-bottom: #f6f6f6 solid 3px; display: table; width: 100%; } .oc-profile-person-inner { display: table-row; } .oc-profile-person-info { display: table-cell; padding-bottom: 7px; vertical-align: top; } .oc-profile-person-info h4 { font-size: 24px; font-weight: 400; color: #000; margin-bottom: 0; } .oc-profile-person-info div { font: 300 16px/20px "Roboto", sans-serif; } .oc-profile-person-info img { display: inline-block; vertical-align: middle; margin: 0 2px; } .oc-profile-person-info span { display: inline-block; vertical-align: middle; color: #808080; } .oc-profile-achievements { width: 336px; padding: 0 11px; display: block; vertical-align: top; float: right; position: relative; height: 54px; overflow: hidden } .news-winner .oc-profile-achievements { padding-top: 8px; width: 170px; text-align: left; } .news-winner { width: 336px; background: #ffffff } .news-winner.oc-profile-block { padding: 0 } .news-winner .oc-profile-stat { width: 336px; } .oc-profile-block.news-winner { min-height: 1px; float: left; margin: 5px 15px 10px 0; } .news-winner.oc-profile-block .oc-avatar { display: none } .oc-profile-achievements-prev { display: block; position: absolute; left: 0; top: 7px; width: 0; height: 0; border-style: solid; border-width: 17px 10px 17px 0; border-color: transparent #469ef1 transparent transparent; } .oc-profile-achievements-next { display: block; position: absolute; right: 0; top: 7px; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 10px; border-color: transparent transparent transparent #469ef1; } .news-winner { margin: 10px 0px; } .news-winner .oc-profile-achievements-prev, .news-winner .oc-profile-achievements-next { top: 12px; } .news-winner table.oc-profile-stat td { text-align: left; padding: 5px 0 5px 20px; } .news-winner table.oc-profile-stat td:first-child { width: 150px; text-align: center; padding: 5px 0 5px 0px; } .oc-achievement { float: left; margin: 0 10px; text-align: center; height: 54px } .oc-achievement img { display: block; margin: 0 auto; } .oc-achievement > span { display: block; text-align: center; color: #000; font-size: 12px; font-weight: 300; } .oc-profile-stat { width: 527px; } .oc-profile-stat td { vertical-align: top; text-align: center; padding: 6px 0 0; } .oc-profile-stat td span { display: block; font-size: 12px; color: #000; } .oc-profile-stat td strong { display: block; position: relative; font-weight: 300; font-size: 24px; color: #64a600; margin: -2px 0 -1px; } .oc-profile-stat td strong:after { content: ""; position: absolute; right: 0; top: -7px; display: block; width: 1px; height: 51px; background: #edece8; } .oc-profile-stat td:last-child strong:after { display: none; } .oc-profile-stat td strong.oc-profile-rank { position: relative; font-weight: 500; font-size: 30px; margin: -5px 0; } .oc-profile-stat td strong.oc-profile-rank:before { content: ""; display: inline-block; position: relative; top: 2px; margin: 2px 7px 0 0; width: 18px; height: 25px; background: url(../img/profile/rank.png) 0 0 no-repeat; } /* /Profile block */ .sc-achievement { width: 36px; height: 36px; background-image: url(../img/supercharged/achievements-full.png); position: relative; text-align: center } .sc-achievement > span { font-size: 10px; position: relative; top: 28px; text-align: center; display: inline-block; background-color: #327bbf; padding: 0 3px; border-radius: 5px; color: #fff; } .sc-achievement span.pairs { position: absolute; top: 18px; width: 34px; font-size: 9px; left: -2px; background: #22B0FF } .sc-achievement.lvl1, .sc-small-achievement.lvl1, .oc-profile-feed-list-item.type1.lvl1:after { background-color: #E1E1E1 } .sc-achievement.lvl2, .sc-small-achievement.lvl2, .oc-profile-feed-list-item.type1.lvl2:after { background-color: #6da618 } .sc-achievement.lvl3, .sc-small-achievement.lvl3, .oc-profile-feed-list-item.type1.lvl3:after { background-color: #ffde00 } .sc-achievement.lvl4, .sc-small-achievement.lvl4, .oc-profile-feed-list-item.type1.lvl4:after { background-color: #55a0e7 } .sc-achievement.lvl5, .sc-small-achievement.lvl5, .oc-profile-feed-list-item.type1.lvl5:after { background-color: #FFA300 } .sc-achievement.id1 { background-position: 0 0 } .sc-achievement.id2 { background-position: 0 -36px; } .sc-achievement.id3 { background-position: 0 -72px; } .sc-achievement.id4 { background-position: 0 -108px } .sc-achievement.id5 { background-position: 0 -144px; } .sc-achievement.id6 { background-position: 0 -180px; } .sc-achievement.id7 { background-position: 0 -216px; } .sc-achievement.id8 { background-position: 0 -252px; } .sc-achievement.id9 { background-position: 0 -288px } .sc-achievement.id10 { background-position: 0 -324px } .full-special { margin: -15px -30px 0 -30px; } .special-supercharged { background: #151618; color: #fff; padding: 30px 30px 0 30px; position:relative; margin-bottom:-30px;} .special-supercharged .magazine-logo{position:absolute; right:30px; top:15px;} .special-supercharged a{color:#FFFFFF;} .special-supercharged a:hover{text-decoration:none;} .special-supercharged h1 { color: #fff; } .special-supercharged h2 {margin:0 0 20px 0; font-size:38px;} .special-supercharged .head-pic { background-image: url(../img/special/lufthansa/head-pic.jpg); background-repeat: no-repeat; background-position: center center; height: 500px; margin: 0 -30px; position: relative; } .special-supercharged .header-1 { font-size: 38px; color: rgb(255, 255, 255); line-height: 0.652; text-align: center; width: 990px; position: absolute; top: 180px; } .special-supercharged .header-2 { text-align: center; font-size: 25px; font-weight:300;} .special-supercharged .header-2 span { text-align: center; font-size: 42px; display: block } .special-supercharged .header-2 span b { font-weight: 700 } .special-supercharged .button-container{ background-image: url(../img/special/lufthansa/button.jpg); background-repeat: no-repeat; background-position: center center; height:185px; margin:0 -30px; text-align:center; } .special-supercharged .button-container a{ transition: color linear .1s; font-size: 28px; color: rgba(35, 80, 99,.9); font-weight: bold; text-align: center; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); position: relative; top: 70px; text-decoration:none; } .special-supercharged .button-container a:hover{ color: rgba(35, 80, 99,1); } .special-supercharged .button-container a .shield{width:111px; height:104px; display:block; position:absolute; background-image: url(../img/special/lufthansa/shield-en.png); background-repeat: no-repeat; background-position: center center; right:-140px; top:-60px;} .special-supercharged .centered{text-align:center} .special-supercharged .button-container .shield{} .special-supercharged .iphone-contaner{height:240px;background-image: url(../img/special/lufthansa/iphone-bg.png); background-repeat: repeat-x; background-position: center center; margin:0 -30px; position:relative;} .special-supercharged .iphone-contaner >div{height:240px;background-image: url(../img/special/lufthansa/iphone.jpg); background-repeat: no-repeat; background-position: 0px 0; line-height:240px; padding-left:350px; line-height:240px; font-size:38px;} .special-supercharged .prizes { padding-bottom: 20px; } .special-supercharged .prizes table { margin: 0 auto; width: 90%;} .special-supercharged .prizes table td a { position: relative; text-align: center; color: #000; font-size: 12px; } .special-supercharged .prizes table .zoom { opacity: 0; display: none; transition: opacity .2s ease; position: absolute; top: -80px; border-radius: 5px; box-shadow: 0 0 5px 3px rgba(68,147,170,.4); background: #151618; text-align: center; left: -30px; z-index: 1000; padding: 0 10px; color: #ffffff } .special-supercharged .prizes table .zoom b { padding: 10px 0 0 0; display: block; text-align: center; font-size: 18px; font-weight: 300; color: #74dcff } .special-supercharged .prizes table .zoom img { height: 80px; margin-top: -40px } .special-supercharged .prizes table td a:hover .zoom { opacity: 100; display: block; padding-bottom: 10px } .we-are-cool { position: relative; text-align: center; } .we-are-cool.trading-conditions { width: 920px; padding-left: 50px; margin-bottom:0; } .we-are-cool.trading-conditions .trading-condition-helper span { color: #fff; } .we-are-cool.trading-conditions .trading-condition-helper strong { color: #6fd0f1; } .we-are-cool.trading-conditions a:first-child::before { display: none } .special-supercharged .footer{ background-image: url(../img/landings/sc/footer.jpg); background-position: center top; background-repeat: no-repeat; height: 203px; margin-top: 40px; } .special-supercharged .footer p{ font-size: 11px; color: #ccc; line-height: 15px; padding-top: 130px; text-align: center; text-shadow: 0 0 5px #000; } .contests-container * { box-sizing: border-box; } .contests-container { width: 990px; margin-left: -30px; margin-top: -20px; } .contests-container .mt { margin-top: 70px; } .contests-banners { position: relative; width: 990px; height: 340px;} .contests-mid-banner { position: relative; width: 495px; float: left;} .contests-banner .take-part-layer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; text-decoration: none; opacity: 0; transition: opacity 0.3s;} .contests-banner:hover .take-part-layer, .contests-banner:hover .take-part-layer .desc { display: block; opacity: 1;} .contests-banner:hover .take-part-layer .take-part-btn { height: 80px;} .contests-banner:hover .take-part-layer .layer-tail { bottom: 0;} .contests-banner .take-part-layer .layer-tail { position: absolute; height: 0px; width: 0px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #ffffff; bottom: -50px; left: 50%; margin-left: -9px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .contests-banner .take-part-layer .take-part-btn { position: absolute; bottom: 0; width: 100%; overflow: hidden; height: 0px; line-height: 78px; color: #ffffff; text-align: center; font-size: 25px; font-weight: 200; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .contests-banner .take-part-layer .take-part-btn.blue { background: #3581d2; } .contests-banner .take-part-layer .take-part-btn.green { background: #64a600; } .contests-banner .take-part-layer .desc { display: none; opacity: 0; transition: opacity 0.3s; position: absolute; width: 100%; height: 170px; padding: 0 30px; background: #ffffff; bottom: -170px; box-sizing: border-box; } .contests-banner .take-part-layer .desc h2 { color: #469ef1; } .contests-banner .take-part-layer .take-part-overlay-link { position: absolute; width: 100%; height: 100%; display: inline-block; z-index: 1; } .contests-col { float: left; width: 50%; font-size: 18px; } .contests-col small { font-size: 13px } .contests-col.lvl-1 { padding: 0px 30px;} .contests-columns { height: 170px; overflow: hidden;} .contests-col .body { font-size: 13px; color: #000000; font-family: 'Roboto';} .contests-icon { float: left; margin-right: 10px;} .contests-fb { width: 990px; height: 170px; background: #326eb6 url('../img/contests/contests_fb_bg.png') no-repeat ; padding: 30px 235px 0 195px; margin-bottom: 40px;} .contests-fb a, .contests-fb .body { color: #ffffff; font-size: 18px;} .contests-fb a { text-decoration: underline; display: inline-block; margin-bottom: 10px;} .contests-fb .body { font-size: 13px; } .promo-bsf{} .bsf-head{margin-top:10px;} .bsf-block-1{background-image:url(../img/sponsorship/bsf/stripe.png); background-repeat:no-repeat; background-position:bottom center; padding-bottom:133px;} .bsf-block-1 h2{font-size:37px; text-align:center;display:block; margin:45px 60px 30px 60px;} .bsf-block-1 p{width:426px; margin:0 auto; font-size:13px; text-align:center} .bsf-block-2{background:#fafaf9; text-align:center; padding:0 0 70px 0} .bsf-block-2 img{} .bsf-block-2 h3{font-size:31px; font-weight:300;} ul.sports{margin:0; padding:0 80px; overflow:hidden;} ul.sports li{display:block; float:left; width:33%; text-align:center; font-size:18px; font-weight:300;} ul.sports li img{ margin-bottom:40px;} .bsf-block-3{} .bsf-block-3 h2{position:relative; color:#3572b5; font-size:31px; text-align:center; padding: 30px 120px;} .bsf-block-3 h2:before{content:""; position:absolute; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAACXCAYAAAARWKtGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwFJREFUeNrsWu2O4zAIZCz/vvd/W25V7VWNw8eQxtYlSqVVt4mDCeBhwIaqyoxPk0mfR/AjeKHg/vP3Z5ZgzBIspHAdxmn0XPu9aQ0Yr8P5tp7bmCIcSFzb3P82KjDTeVgeFQg8rMZ9a6wO2msnHYRAgXHca0xmCpDOQhRu1wEhXBKEpDhBFn4bEELB+y0Bsne4VYDmU7h64zupaTnOp8Yxitox49GLJqCFX3OBLBGsByfaPdeK2ZfOe9e1MWtb2gc9yCRK5j31bNyGND/yNg2crQ6I7dI/nAl0SO/iCcyydMYdsnFYQry1sFjSnNcHh0Q8TQdfqEG91MrSzdC+GQI8XIZFseAwS69E0ARn0A2trAhRMkO/r3cihKp1yC6OK1icjmWqpmwJK0NYLBDyHAbHN2rBpher3gTwAKwP3mwOmo2aeZNpZGOm0EmJzENYbi5YoxXmrcp+IifG47ybCGbbCpVkUNbYS6SnmuKp8/6TcIPB6LM8GLEgjBQrogEwOLTH9V4Ze2SbLaFPcIj6J01r/4obFFZXxvPei6g7r3nqAsEMELIcBSca4Py/Y0LNiAIZnREUOeYkPShx2Wix3koZG481ChzuvCsVGsEZ2BI47Ludgs9L0E2DFVbZwNrtKmS9iBEPJCrse1DIWAgGgiCmu2Mo9IV2z1Q3WOgIuS/FqlCv00wBrxHyEJbDgj3c2Hy3L5wVdblkWQsS5OtTlSkCIFKH20Vj5DOZslyN7slVmBDuvUCuuS8tUt/IspbxJu9ZW5tN8p2DZpTBm/XQpXACocDn1oebSty3PxxulUrq63BTcpId0INgRY1wdPM0PgpGa9M/kz2sggaO/ZXZ+2daC4iAfmoyFSL3aTAG1SIdxahIgT7bK/3qvNsh4Z3soFi/o+f0yPYxY2dMz9Igem5IAIvCCkZ4+DszRXTWMJpA+wkQad6/HhO6n8bVlgOOghAtfImNTzuHNWp82jmsjBSKxD05ie71Yr1Ma9yk3hAVyRvU7jl6HNAWS8LteoL/CjAA5bycyn7xmNIAAAAASUVORK5CYII='); background-repeat:repeat-x; background-size:auto; background-position:center bottom; width:900px; height:100px; bottom:100px; left:0px;} .bsf-block-4{height:500px;} .bsf-news{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAHzCAIAAABuWuB4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKxJREFUeNqsldENhEAIRHkUZGlX3rW3xpi7qMEdQD/4IcAyw8Da8vm6mUnj6kPloGtEhvXyohxIx/uNf1CJJ8z3Ss8/85u4gebD87xx4p38/INZITiBd3TGpM8t/g3cCi9C94gdIc1ljFVxSVgb3T857fxnQE8vx50YAUZv80fubpDBeKhXwSm1wkSL3XfI7zzVe9TkoKQpEvp99n441+ptpvkXzXA/xbfbKsAAoOQJpGBo93sAAAAASUVORK5CYII='); background-repeat:repeat-x; background-position:center bottom; background-color:#3270b4; position:relative;} .bsf-news ul{padding:0; margin:0; height:500px;} .bsf-news ul li{padding:0; margin:0; height:500px; overflow:hidden; display:block; float: left;} .bsf-news .pic{ width:495px; height:500px; background-size:cover; background-position:center center; position:relative; float:left; display:block;} .bsf-news .pic:before{content:''; width:495px; height:500px; background-color:rgba(50,112,180,.6); position:absolute; top:0; left:0; transition:background-color ease .5s} .bsf-news .pic:hover:before{background-color:rgba(50,112,180,.0); } .bsf-news .short-news{ width:495px; height:500px; float:left; color:#fff;} .bsf-news .short-news .date{padding:28px 0 0 40px; display:block} .bsf-news .short-news h3{color:#78dcfd; font-size:31px; line-height:40px; font-weight:300; padding:0 40px; margin-bottom:20px;} .bsf-news .short-news p{font-size:18px; font-weight:300; padding:0 40px; line-height:1.5} .bsf-news .readmore{ border-style: solid; border-width: 1px; border-color: rgb(120, 220, 253); border-radius: 4px; background-color: rgba(205, 220, 240, 0);line-height:48px; font-size:16px; display:inline-block; color:#fff; text-decoration:none; font-weight:300; padding:0 63px 0 50px; margin:20px 0 0 40px; transition: background-color ease .4s, border-color ease .4s; } .bsf-news .readmore span{position:relative} .bsf-news .readmore span:before{content:'►'; position:absolute; right:-30px; width:20px; height:20px; font-size:14px;} .bsf-news .readmore:hover{background-color: rgba(50,112,180, 1); border-color: rgba(50,112,180, 1);} .bsf-news .dots{position:absolute; width:495px; right:0; bottom:20px;margin:0; padding:0; text-align:center;} .bsf-news .dots li.dot{ text-indent:-9000px; display:inline-block; width:6px; height:6px; background:#3270b4; border-radius:6px; margin:3px 5px; cursor:pointer; } .bsf-news .dots li.dot.active{border:solid 3px #78dcfd; background:transparent;} .bsf-block-5{background-color:#77a2d3; padding:40px 0;} .bsf-block-5 .container{color:#fff; text-align:center; background-image:url(../img/sponsorship/bsf/map.png); background-repeat:no-repeat; background-position:center 155px; padding:0 40px; } .bsf-block-5 .container h2{font-size:31px; padding:13px 160px 0; margin-bottom:50px} .bsf-block-5 .container p{font-size:18px; padding:0 160px; display:block} ul.programmes{margin:18px 0 0 0;padding:0 80px;} ul.programmes > li{display:inline-block; width:33%; text-align:left; font-size:18px; font-weight:300; vertical-align:top;} ul.programmes > li > ul{padding:0 10px;} ul.programmes > li > ul > li{padding-bottom:3px;} .bsf-separator{padding-bottom:45px !important;} .bsf-separator:after{content:''; position:relative; bottom:0px; display:block; line-height:1px; width:50px; height:5px; background:#78dcfd; margin:50px auto 0 auto;} .bsf-separator.blue:after{background:#77a2d3;} .block-year{ height:360px;background-image:url(../img/sponsorship/bsf/year.png); background-repeat:no-repeat; background-position:bottom center; width:990px; margin:0 -40px 40px -40px; position:relative;} .block-year > div{ position:absolute; top:130px; text-align:left; font-weight:300;} .block-year > div.y1{left:120px; font-size:18px;} .block-year > div.y2{left:257px; width:170px; text-align:center; top:160px} .block-year > div.y3{left:436px; font-size:18px;} .block-year > div.y4{left:565px; width:170px; text-align:center; top:160px} .block-year > div.y5{left:747px; font-size:18px;} .block-year > div.y5 strong{margin-left:-6px} .block-year > div > strong{font-size:73px; display:block; font-weight:700; line-height:1;} .block-year { overflow: hidden; background-position: 50% 1000px; } .year-bg-frames 0% { background-position: 50% 1000px; } .year-bg-frames 100% { background-position: 50% 0px; } @-webkit-keyframes year-bg { 0% { background-position: 50% 1000px; } 100% { background-position: 50% 0px; } } @keyframes year-bg { 0% { background-position: 50% 1000px; } 100% { background-position: 50% 0px; } } .block-year.animated { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-animation: 1s ease-out 0s normal both 1 running year-bg; -moz-animation: 1s ease-out 0s normal both 1 running year-bg; -o-animation: 1s ease-out 0s normal both 1 running year-bg; animation: 1s ease-out 0s normal both 1 running year-bg; } .block-year .y1, .block-year .y2, .block-year .y3, .block-year .y4, .block-year .y5 { margin-top: -100%; } @-webkit-keyframes year-content { 0% { margin-top: -100%; } 100% { margin-top: 0%; } } @keyframes year-content { 0% { margin-top: -100%; } 100% { margin-top: 0%; } } .block-year.animated .y1, .block-year.animated .y2, .block-year.animated .y3, .block-year.animated .y4, .block-year.animated .y5 { visibility: visible!important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-animation: 1s ease-out 0s normal both 1 running year-content; -moz-animation: 1s ease-out 0s normal both 1 running year-content; -o-animation: 1s ease-out 0s normal both 1 running year-content; animation: 1s ease-out 0s normal both 1 running year-content; } .testimonial{padding:45px 100px; vertical-align:middle; overflow:hidden} .testimonial > div{float:left} .testimonial .person {width:180px; text-align:center;} .testimonial .text{ width:560px; font-size:31px; font-weight:300; font-style:italic; position:relative; top:0; line-height:1.5} .testimonial .person > img{border-radius:100px; display:block; margin:0 auto 15px;} .testimonial .person > small{font-size:13px;} .testimonial .person > strong{font-size:18px; font-weight:500; display:block} .bsf-block-6{background:#78dcfd; color:#fff;} .bsf-block-6 .text{padding:10px 0 0 50px;} .bsf-block-7{background:#fafaf9; } .bsf-block-7 .text{padding:40px 50px 0 0;} .bsf-block-8{} .bsf-block-8 .text{padding:10px 0 0 50px;} .bsf-block-9{background-color:#f7f7f5; padding:70px 0 90px 0;background-image:url(../img/sponsorship/bsf/footer-bg.png); background-repeat:no-repeat; background-position:715px bottom; text-align:center; font-size:18px;} .bsf-block-9 h2{font-size:37px; margin-bottom:45px;} .bsf-block-9 p{ font-size:18px;} a.make-donation{ border-style: solid; text-transform:uppercase; border-width: 1px; border-color: rgb(120, 220, 253); border-radius: 4px; background-color: rgba(120, 220, 253, 1);line-height:70px; font-size:18px; display:inline-block; color:#fff; text-decoration:none; font-weight:500; padding:0 65px; transition: background-color ease .4s, border-color ease .4s;} a.make-donation:hover{background-color: rgba(50,112,180, 1); border-color: rgba(50,112,180, 1);} ul.user-agreement{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; border-top:solid 1px #ccc; margin-left:0; padding:15px 0 0 15px; -webkit-column-rule: 1px solid #ccc; -moz-column-rule: 1px solid #ccc; column-rule: 1px solid #ccc; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} ul.user-agreement > li >ul {padding-left:15px;} .sponsorship-southampton { margin: 0 -30px 40px -30px; } .sponsorship-southampton * { box-sizing: border-box; } .sponsorship-southampton .southampton-description { position: relative; width: 100%; height: 1120px; background: url(../img/sponsorship/southampton/page/southampton-page.jpg) no-repeat center center; font-weight: 300; font-size: 14px; line-height: 22px; } .sponsorship-southampton .southampton-header-text { width: 475px; height: 300px; position: absolute; font-size: 60px; font-weight: 200; left: 495px; top: 75px; line-height: 65px; } .sponsorship-southampton .southampton-text { width: 385px; height: 400px; margin: 655px 0 0 100px; float: left; } .sponsorship-southampton .southampton-text p { display: inline-block; width: 370px; } .sponsorship-southampton .southampton-description h2 { font-size: 37px; line-height: 45px; margin: 20px 0 16px; display: block; width: 445px; } .southampton-description .button-container{position:absolute; bottom:60px; right:0px; width:298px; height:150px;} .southampton-description .button-container::before{content: '';width: 87px;height: 151px;display: block;position: absolute;top: -1px;left: -8px;background: url(../img/sponsorship/southampton/head-mask.png) no-repeat center center;} .southampton-description .button-container .button-real, .southampton-description .button-container .button-demo{ width:298px; height:70px; line-height:70px; font-size:18px; display:block; text-align:center; color:white; padding-left:39px; text-decoration:none; transition:background ease .4s} .southampton-description .button-container .button-real{margin-bottom:10px; background:#3581d2; } .southampton-description .button-container .button-real:hover{background:#4893E1} .southampton-description .button-container .button-demo{background:#64a600;} .southampton-description .button-container .button-demo:hover{background:#73C000;} .sponsorship-southampton .value { width: 100%; height: 160px; background: url(../img/sponsorship/southampton/page/wings.png) no-repeat center center; text-align: center; font-weight: 300; font-size: 31px; padding-top: 40px; } .sponsorship-southampton .value span { font-size: 37px; } .sponsorship-southampton .value h2 { font-size: 37px; font-weight: normal; margin: 15px 0 2px 0; padding: 0; } .sponsorship-southampton .value small { font-size: 18px; } .sponsorship-southampton .values-we-share { width: 100%; height: 900px; background: url(../img/sponsorship/southampton/page/values.png) no-repeat #fff; padding-top: 25px; text-align: center; } .sponsorship-southampton .values-we-share h2 { margin: 55px 0 10px; font-size: 37px; font-weight: 300; text-transform: uppercase; line-height: 40px; } .sponsorship-southampton .values-we-share p { display: block; font-size: 18px; font-weight: 300; line-height: 25px; } .southampton-footer-line { width: 100%; height: 79px; background: url(../img/sponsorship/southampton/southampton-footer-line.png) no-repeat center center; box-sizing: border-box; padding-left: 180px; margin-top: -17px; float: left; position: relative; } .southampton-footer-line a { font-size: 18px; text-transform: uppercase; line-height: 87px; color: #fff; text-decoration: none; } .southampton-header { display: block; position: absolute; top: 52px; left: 190px; width: 235px; box-sizing: border-box; font-size: 14px; color: #000 !important; text-decoration: none; } .southampton-header .southampton-logo { width: 59px; height: 69px; float: left; margin-right: 10px;} .southampton-header span { display: inline-block; padding-top: 20px;} .sponsorship-southampton-video ul { margin-left: 0px; } .sponsorship-southampton-video { width: 990px; height: 500px; } .sponsorship-southampton-video > ul { display: block; padding: 0; margin: 0; line-height: normal } .sponsorship-southampton-video > ul li { display: block; padding: 0; margin: 0; height: 500px; width: 990px; display: inline-block; float: left; } .sponsorship-southampton-video ol.dots { width: 200px; height: 20px; margin: 0 auto; position: relative; bottom: 40px; text-align: center; } .sponsorship-southampton-video ol.dots li { display: inline-block; width: 10px; height: 10px; margin: 0 5px; text-indent: -999em; background: #fff; border-radius: 50%; cursor: pointer; opacity: 1; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } .sponsorship-southampton-video ol.dots li.active { opacity: 1; background: #0167bb; } .sponsorship-southampton-video .video-description { position: absolute; bottom: 75px; left: 0; width: 100%; text-align: center; color: #fff; font-weight: 300; font-size: 18px; } .southampton-video-item { display: block; width: 990px; height: 500px; margin-top: 10px; position: relative; } .southampton-video-play { position: absolute; top: 0; left: 0; width: 990px; height: 500px; background: url(../img/sponsorship/southampton/play.png) no-repeat; } .sponsorship-southampton-news { width: 990px; height: 500px; } .southampton-news-preview { overflow: hidden; } .southampton-news-preview img { height: 100%; } .southampton-news { float: left; width: 495px; height: 500px; position: relative; } .southampton-news .preview-overlay { width: 495px; height: 263px; position: absolute; left: 0; bottom: 0; background: url(../img/sponsorship/southampton/news/overlay.png) no-repeat; padding: 55px 55px 0 40px; color: #fff; font-weight: 300; } .southampton-news .preview-overlay h2 { font-size: 31px; line-height: 40px; margin: 0; word-break: break-all; word-wrap: break-word; width: 430px; height: 93px; } .southampton-news .preview-overlay h2 a { color: #fff; text-decoration: none; } .southampton-news .news-description { font-size: 14px; line-height: 20px; height: 63px; } .southampton-news .news-date { font-size: 13px; float: left; } .southampton-news .news-readmore { font-size: 13px; float: right; color: #78dbfc; text-decoration: none; margin-right: 8px; } .southampton-news .news-item { width: 495px; height: 250px; background: url(../img/sponsorship/southampton/news/gradient.png) no-repeat; padding: 46px 40px 0 40px; color: #000; font-weight: 300; } .southampton-news .news-item h2 { font-size: 18px; line-height: 25px; margin: 0; font-weight: normal; height: 70px; } .southampton-news .news-item h2 a { color: #000; text-decoration: none; } .southampton-news .news-item .news-description { padding: 0; height: 82px; } .southampton-news .news-item .news-readmore { color: #0167bb; margin-right: 23px; } .southampton-promo-gallery { clear: both; display: inline-block; } .southampton-promo-gallery-header { height: 67px; font-size: 18px; font-weight: 300; text-align: center; padding: 19px 0 0 0; } .southampton-promo-gallery-item { float: left; position: relative; width: 247px; height: 250px; margin: 0; padding: 0; background: rgba(1, 103, 187, 1);} .southampton-promo-gallery-item:nth-child(2n) { width: 248px;} .southampton-promo-gallery-item:nth-child(2n) img { width: 248px;} .southampton-promo-gallery-item img { border: none; transition: all 0.2s ease-out;} .southampton-promo-gallery-item img:hover { opacity: 0.5;} .southampton-promo-gallery-item .next-images { position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; background: url(../img/sponsorship/southampton/dots.png) no-repeat rgba(1, 103, 187, 0.5); } .sponsorship-southampton-challenge { width: 990px; height: 250px; position: relative; overflow: hidden; } .southampton-challenge-img { position: relative; width: 990px; height: 250px; } .southampton-challenge-img > img { position: absolute; width: 100%; height: 100%; transition: all 0.5s; top: 0; left: 0; } .southampton-challenge-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .southampton-challenge-overlay .fb-logo { float: left; margin-left: 50px; transition: all 0.5s; } .southampton-challenge-overlay .tw-logo { float: left; margin-left: 38px; transition: all 0.5s; } .southampton-challenge-overlay .fb-questions { float: right; margin: 60px 77px 0 0; } .southampton-challenge-text { position: absolute; width: 435px; height: 100%; top: 0; left: 247px; padding-top: 45px; } .southampton-challenge-text h2 { font-size: 37px; color: #fff; font-weight: 300; line-height: 45px; margin: 0 0 16px 0; padding: 0; } .southampton-challenge-text span { font-size: 18px; color: #fff; font-weight: 300; line-height: 25px; padding-left: 3px; display: inline-block; } .southampton-challenge-link, a.southampton-challenge-link { position: absolute; right: 40px; bottom: 47px; display: block; width: 210px; height: 60px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; padding-top: 24px; border-radius: 5px; transition: background 0.5s; } .southampton-challenge-link.-supreme-btn, .southampton-challenge-link.-supreme-btn { width: auto; min-width: 206px; height: 60px; padding: 0 10px; line-height: 56px; border:solid 2px #fff;} .southampton-challenge-link.-supreme-btn:before, .southampton-challenge-link.-supreme-btn:before { position: absolute; top: 100%; left: 50%; width: 267px; height: 20px; margin: 13px 0 0 -133px; content: ''; background: url(../img/sponsorship/southampton/page/btn-sh.png);} .sponsorship-southampton-supreme-options {position: absolute; top: 135px; left: 10px; margin: 0!important; padding: 0; list-style: none!important;} .sponsorship-southampton-supreme-options:before { position: absolute; top: 100%; left: 50%; width: 293px; height: 20px; margin: 5px 0 0 -146px; content: ''; background: url(../img/sponsorship/southampton/page/options-sh.png);} .sponsorship-southampton-supreme-options_item {font-size: 14px; font-weight: 300; display: inline-block; width: 115px; margin: 0!important; padding-top: 45px; line-height: 110%; vertical-align: top; text-align: center; color: #fff;} .sponsorship-southampton-supreme-options_item.-icon_time {background: url(../img/sponsorship/southampton/page/icon-time.png) center top no-repeat;} .sponsorship-southampton-supreme-options_item.-icon_prize {background: url(../img/sponsorship/southampton/page/icon-prize.png) center top no-repeat;} .sponsorship-southampton-challenge.fb-challenge .southampton-challenge-link { background: #3c5a96; } .sponsorship-southampton-challenge.fb-challenge .southampton-challenge-link:hover { background: #375389; } .sponsorship-southampton-challenge.tw-challenge .southampton-challenge-link { background: #55acee; bottom: 67px; } .sponsorship-southampton-challenge.tw-challenge .southampton-challenge-link:hover { background: #419ce1; } .sponsorship-southampton-challenge.tw-challenge .southampton-challenge-text { padding-top: 65px; } .sponsorship-southampton-challenge.tw-challenge .southampton-challenge-text h2 { margin: 0 0 21px 0; } .sponsorship-southampton-challenge.supreme-challenge:hover .southampton-challenge-img > img { top: 0%; left: 0%; width: 100%; height: 100%; } .sponsorship-southampton-challenge.supreme-challenge .southampton-challenge-text {width: 550px;} .southampton-challenge-rules-link { position: absolute; text-decoration: underline; color: #fff !important; right: 40px; bottom: 17px; font-size: 14px; font-weight: 300; width: 210px; text-align: center; } .sponsorship-southampton-challenge:hover .southampton-challenge-img > img { top: -10%; left: -10%; width: 110%; height: 110%; } .sponsorship-southampton-challenge:hover .fb-logo { margin-left: 60px; } .sponsorship-southampton-challenge:hover .tw-logo { margin-left: 48px; } .oc-layout.fly .southampton-header { display: none;} .sponsorship-southampton-footer {text-align:center; padding-top:80px;} .sponsorship-southampton-footer .button-real, .sponsorship-southampton-footer .button-demo{ width:300px; height:60px; line-height:60px; font-size:18px; display:inline-block; text-align:center; color:white; text-decoration:none; transition:background ease .4s; border-radius:5px;} .sponsorship-southampton-footer .button-real{margin-right:30px; background:#3581d2; } .sponsorship-southampton-footer .button-real:hover{background:#4893E1} .sponsorship-southampton-footer .button-demo{background:#64a600;} .sponsorship-southampton-footer .button-demo:hover{background:#73C000;} .sponsorship-southampton-footer .button-demo{background:#64a600;} .sponsorship-southampton-footer .button-demo:hover{background:#73C000;} .top-notice{display: none; font-weight: 300; font-size: 13px; overflow: hidden; width: 100%; max-height: 1000px; color: #e1e1e1; background: #3e90d7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .top-notice.-close{max-height: 0;} .top-notice-inner{position: relative; width: 990px; padding: 10px 0 10px; margin: auto;} .top-notice-inner a{text-decoration: none; color: #fff;} .top-notice-cntrl{position: absolute; top: 10px; right: 0; padding-right: 30px; cursor: pointer; text-decoration: none; color: #fff;} .top-notice-cntrl:before{ position: absolute; top: 50%; right: 15px; width: 7px; height: 1px; content: ''; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .top-notice-cntrl:after{ position: absolute; top: 50%; right: 15px; width: 13px; height: 1px; margin: -1px -10px 0 0; content: ''; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .bottom-notice{display: none; font-size: 13px; font-weight: 300; position: fixed; opacity: 0.9; overflow: hidden; max-height: 1000px; bottom: 0; left: 0; z-index: 2000; width: 100%; background: rgba(242, 242, 242, 1); color: #6c6c6c;} .bottom-notice.-close{max-height: 0;} .bottom-notice a{text-decoration: none; color: #419cf4;} .bottom-notice strong{font-weight: 400; color: #464646;} .bottom-notice-inner{position: relative; box-sizing: border-box;width: 990px; padding: 20px 30px 20px 0; margin: auto;} .bottom-notice-cntrl{position: absolute;right: 8px;top: 22px; width: 16px; height: 16px;overflow: hidden; text-indent: -2000px; cursor: pointer;} .bottom-notice-cntrl:before{ position: absolute; top: 50%; left: -2px; width: 20px; height: 1px; content: ''; background: #2aa1ff; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .bottom-notice-cntrl:after{ position: absolute; top: 50%; left: -2px; width: 20px; height: 1px; content: ''; background: #2aa1ff; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .deposit_result_waiting .alert.alert-info{padding-left:60px; position:relative; min-height: 52px;} .deposit_result_waiting .alert.alert-info:before{content:''; display:block; position:absolute; width:32px; height:32px; background:url('/img/ajax-loader-blue.gif'); top:10px; left:15px} .top-notice{display: none; font-weight: 300; font-size: 13px; overflow: hidden; width: 100%; max-height: 1000px; color: #cce7ff; background: #4394db; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .top-notice.-close{max-height: 0;} .top-notice-inner{position: relative; width: 990px; padding: 10px 0 10px; margin: auto;} .top-notice-inner a{text-decoration: none; color: #fff;} .top-notice-cntrl{position: absolute; top: 10px; right: 0; padding-right: 30px; cursor: pointer; text-decoration: none; color: #fff;} .top-notice-cntrl:before{ position: absolute; top: 50%; right: 15px; width: 7px; height: 1px; content: ''; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .top-notice-cntrl:after{ position: absolute; top: 50%; right: 15px; width: 13px; height: 1px; margin: -1px -10px 0 0; content: ''; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .bottom-notice{display: none; font-size: 13px; font-weight: 300; position: fixed; overflow: hidden; max-height: 1000px; bottom: 0; left: 0; z-index: 2000; width: 100%; background: #f3f2ef; color: #6c6c6c;} .bottom-notice.-close{max-height: 0;} .bottom-notice a{text-decoration: none; color: #419cf4;} .bottom-notice strong{font-weight: 400; color: #464646;} .bottom-notice-inner{position: relative; box-sizing: border-box;width: 990px; padding: 20px 30px 20px 0; margin: auto;} .bottom-notice-cntrl{position: absolute;right: 8px;top: 22px; width: 16px; height: 16px;overflow: hidden; text-indent: -2000px; cursor: pointer;} .bottom-notice-cntrl:before{ position: absolute; top: 50%; left: -2px; width: 20px; height: 1px; content: ''; background: #2aa1ff; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .bottom-notice-cntrl:after{ position: absolute; top: 50%; left: -2px; width: 20px; height: 1px; content: ''; background: #2aa1ff; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .page-tab-contrl-type01 { margin: 0; padding: 0; list-style: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 10px 0; height: 53px; background: #F9F8F3; color: #469ef1; } .page-tab-contrl-type01_item { display: inline-block; height: 47px; padding: 0 20px; margin: 0 5px; vertical-align: top; text-align: center; line-height: 47px; text-decoration: underline; cursor: pointer; } .page-tab-contrl-type01_item:hover { text-decoration: none; } .page-tab-contrl-type01_item.-selected { cursor: default; text-decoration: none; background: #fff; } .page-tab-content-type01 { margin: 0; padding: 0; list-style: none; } .page-tab-content-type01_item { display: none; } .page-tab-content-type01_item.-selected { display: block; } .-danger-wrap { padding: 13px 14px; background: #f2dede; border: solid 1px #eed3d7; border-radius: 3px; } .request-confirm-wrap { font-size: 13px; color: #464646; margin-bottom: 15px; } .request-confirm-wrap .checkbox-wrap { text-align: center; } .request-confirm-infotext { font-size: 16px; font-weight: 300; margin-bottom: 15px; color: #c64a48; text-shadow: 0 -1px 0 #ffffff; } .request-confirm-notice { font-weight: 400; font-size: 13px; margin-bottom: 12px; text-align: center; } .table-striped { font-size: 16px; font-weight: 300; width: 100%; margin-bottom: 15px; } .table-striped tr:nth-child(2n) td { background: rgba(255, 255, 255, 0.65); } .table-striped tr:nth-child(2n+1) td { background: rgba(255, 255, 255, 0.3); } .table-striped th:nth-child(1), .table-striped td:nth-child(1) { width: 20%; padding-left: 3.3%; text-align: left; } .table-striped td:nth-child(1) { font-weight: 400; padding-left: 6.5%; } .table-striped th:nth-child(2), .table-striped td:nth-child(2) { text-align: center; } .table-striped th:nth-child(3), .table-striped td:nth-child(3) { width: 38%; padding-right: 3.3%; text-align: left; } .table-striped th { font-size: 12px; font-weight: 300; padding-bottom: 3px; } .table-striped td { height: 35px; vertical-align: middle; } .progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; overflow: hidden; } .progress-bar-striped, .progress-striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress-bar { background-color: #337ab7; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: right; transition: width 0.6s ease 0s; width: 0; min-width: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .progress-bar .percent { display: inline-block; width: 23px; padding: 0 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-align: left; } .progress-bar-empty { min-width: 0; } .progress-bar-empty .percent { color: #464646; text-shadow: none; } .progress-bar-success { background-color: #5cb85c; } .checkbox-wrap { position: relative; } .checkbox-wrap.-danger label { font-size: 13px; color: #c64a48; } .checkbox-wrap.-danger label:before { border-color: #eed3d7; } .checkbox-wrap input { position: absolute; left: 0; top: 0; z-index: 100; opacity: 0; } .checkbox-wrap input:checked + label:before { background: #ffffff url('../img/icons/v.png') 50% 1px no-repeat; } .checkbox-wrap label { position: relative; display: inline-block; padding-left: 20px; cursor: pointer; } .checkbox-wrap label:before { position: absolute; left: 0; top: 0; width: 14px; height: 14px; content: ''; background: #fff; border: solid 1px; } #phone-country-code { position: absolute; left: -85px; width: 80px; line-height: 34px; text-align: right; font-size: 14px; color: #999; }