@font-face { font-family: 'corpidotbold'; src: url('../font/corpidot-bold-webfont.eot'); src: url('../font/corpidot-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/corpidot-bold-webfont.woff') format('woff'), url('../font/corpidot-bold-webfont.ttf') format('truetype'), url('../font/corpidot-bold-webfont.svg#corpidotbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'corpidotlight'; src: url('../font/corpidot-light-webfont.eot'); src: url('../font/corpidot-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/corpidot-light-webfont.woff') format('woff'), url('../font/corpidot-light-webfont.ttf') format('truetype'), url('../font/corpidot-light-webfont.svg#corpidotregular') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'corpidotregular'; src: url('../font/corpidot-regular-webfont.eot'); src: url('../font/corpidot-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/corpidot-regular-webfont.woff') format('woff'), url('../font/corpidot-regular-webfont.ttf') format('truetype'), url('../font/corpidot-regular-webfont.svg#corpidotregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'corpidotblack'; src: url('../font/corpidot-black-webfont.eot'); src: url('../font/corpidot-black-webfont.eot?#iefix') format('embedded-opentype'), url('../font/corpidot-black-webfont.woff') format('woff'), url('../font/corpidot-black-webfont.ttf') format('truetype'), url('../font/corpidot-black-webfont.svg#corpidotbold') format('svg'); font-weight: normal; font-style: normal; } @import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,cyrillic); html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;} body { min-width: 1000px; font: 14px/17px 'corpidotregular', sans-serif; color: #000; background: #fff;} img { border: none;} a { cursor: pointer; text-decoration: underline;} a:hover { text-decoration: none;} p { margin-bottom: 16px;} h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 15px; font-family: 'corpidotbold', sans-serif;} h1 { font-size: 32px;} h2 { font-size: 26px;} h3 { font-size: 22px;} h4 { font-size: 16px;} h5 { font-size: 14px;} h6 { font-size: 12px;} input[type='submit'], input[type='button'] { cursor: pointer;} ul, ol { margin-left: 30px;} .header:after, .cont-container:after, .sc-cotainer:after, .l-members-h:after, .members-list:after, .f-container:after, .table-wr:after, .lc:after, .country-list:after, .sup-inp-wr:after, .login-f3:after, .f-foot:after, .conf-code-cont:after { content: ''; display: table; clear: both;} .header { width: 1000px; margin: 0 auto 27px; padding: 33px 0 30px; background: url("../images/header.png") 0 100% no-repeat; position: relative; z-index: 30;} .header-logo { width: 275px; float: left; margin-right: 25px;} .header-logo a { display: block; width: 275px; height: 66px; background: url("../images/sprite.png") 0 0 no-repeat;} .header-icons { max-width: 680px; padding: 8px 0 0; float: right;} .login, .register, .support, .ch-lang-wr { float: left; font-family: 'corpidotblack';} .login, .register, .support { height: 50px; font-size: 19px; line-height: 50px;} .login { margin-right: 31px;} .register { margin-right: 30px;} .support { margin-right: 34px;} .login a, .register a, .support a { display: block; padding-left: 56px; color: #3f3f3f; text-decoration: none; position: relative;} .login a:hover, .register a:hover, .support a:hover { color: #5a5a5a;} .login a:before, .register a:before, .support a:before { content: ''; display: block; width: 34px; height: 34px; background-image: url("../images/sprite.png"); position: absolute; top: 8px; left: 14px;} .login a:before { background-position: 0 -68px;} .login a:hover:before { background-position: -36px -68px;} .register a:before { background-position: -72px -68px;} .register a:hover:before { background-position: -108px -68px;} .support a:before { background-position: -144px -68px;} .support a:hover:before { background-position: -180px -68px;} .ch-lang-wr { margin-right: 4px; background: #fff; -webkit-box-shadow: 5px 5px 11px rgba(169, 159, 144, 0.28); -moz-box-shadow: 5px 5px 11px rgba(169, 159, 144, 0.28) ; box-shadow: 5px 5px 11px rgba(169, 159, 144, 0.4); position: relative;} .ch-lang { padding: 13px 24px 13px 55px; font-size: 15px; line-height: 12px; color: #3f3f3f; text-transform: uppercase; position: relative; cursor: pointer;} .ch-lang:before, .ch-lang:after { content: ''; display: block; background-image: url("../images/sprite.png"); position: absolute;} .ch-lang:before { width: 34px; height: 34px; top: 8px; left: 11px; background-position: -216px -68px;} .ch-lang:after { width: 13px; height: 19px; top: 15px; right: 7px; background-position: -252px -68px;} .ch-lang-wr small { display: block; font-size: 11px;} .lang-list-wr { width: 100%; position: absolute; top: 100%; left: 0;} .lang-list { width: 100%; padding: 10px 0 8px; position: absolute; top: 0; left: 0; background: url("../images/ch-l-popupbg.png") repeat; display: none;} .lang-list.active { display: block;} .lang-list ul { margin: 0;} .lang-list li { list-style: none; font: 15px/17px 'Cuprum', sans-serif; color: #fff;} .lang-list li a { display: block; padding: 3px 15px 4px; color: #fff; text-decoration: none; position: relative;} .lang-list li a:hover { color: #ff8db1;} .lang-list .active a { margin-top: -1px; padding: 4px 15px 4px 28px; color: #ff8db1; background: url("../images/ch-l-popup-item.png") repeat;} .lang-list .active a:before { content: ''; display: block; width: 13px; height: 10px; background: url("../images/sprite.png") -252px -89px no-repeat; position: absolute; top: 7px; left: 12px;} .page { width: 1000px; margin: 0 auto; position: relative; z-index: 20;} .content { padding: 0 0 0 302px; position: relative;} .content:before { content: ''; display: block; width: 351px;/* height: 781px;*/ background: url("../images/girl.png") no-repeat; position: absolute; top: -3px; bottom: 0; left: -74px;} .cont-container { padding: 0 0 27px;} .cont-container-col1 { width: 420px; float: left;} .s-thr { margin-bottom: 17px; font-size: 32px; line-height: 25px; text-transform: uppercase;} .s-thr span { display: inline-block; padding: 18px 21px 17px 18px; color: #fff; background: #2b67b8;} .table-wr { width: 373px; margin-bottom: 10px; padding: 10px; background: #e6e5e2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .table-1, .table-2 { width: 180px} .table-1 { float: left;} .table-2 { float: right;} .table-item { width: 52px; height: 74px; margin: 0 4px; float: left; background: url("../images/sprite-number.png") no-repeat; -webkit-box-shadow: 0 1px 4px rgba(46, 46, 46, 0.8); -moz-box-shadow: 0 1px 4px rgba(46, 46, 46, 0.8); box-shadow: 0 1px 4px rgba(46, 46, 46, 0.8);} .fig-0 { background-position: 0 -666px;} .fig-1 { background-position: 0 -592px;} .fig-2 { background-position: 0 -518px;} .fig-3 { background-position: 0 -444px;} .fig-4 { background-position: 0 -370px;} .fig-5 { background-position: 0 -296px;} .fig-6 { background-position: 0 -222px;} .fig-7 { background-position: 0 -1482px;} .fig-8 { background-position: 0 -74px;} .fig-9 { background-position: 0 0;} .s-thr-tx { padding-bottom: 10px; font: 47px/30px 'corpidotblack', sans-serif; color: #2f2f2f; text-transform: uppercase;} .s-thr-tx small { display: block; text-align: justify; font-size: 21px;} .s-thr-tx span { color: #d6615a;} .cont-container-col2 { width: 268px; padding-top: 4px; float: right;} .c-via { padding-top: 18px; background: #343942; text-transform: uppercase;} .c-via h3 { font: 17px 'corpidotblack', sans-serif; color: #86b52c; text-align: center;} .c-via-list { padding: 6px 17px 11px 14px; background: #282a2c;} .c-via-list ul { margin: 0;} .c-via-list li { list-style: none; font-size: 13px; border-bottom: 1px solid #4c4e50;} .c-via-list li a { display: block; padding: 13px 5px 13px 60px; color: #fff; text-decoration: none; position: relative;} .c-via-list li a:before { content: ''; display: block; background-image: url("../images/sprite.png"); position: absolute;} .mobile:before { width: 24px; height: 31px; background-position: 0 -104px; top: 7px; left: 16px;} .chat:before { width: 23px; height: 28px; background-position: -36px -104px; top: 9px; left: 16px;} .video-chat:before { width: 29px; height: 22px; background-position: -72px -104px; top: 10px; left: 14px;} .voice-chat:before { width: 27px; height: 30px; background-position: -108px -104px; top: 5px; left: 15px;} .e-mail:before { width: 26px; height: 19px; background-position: -144px -104px; top: 13px; left: 17px;} .s-up { padding: 0 0 13px 7px;} .s-up-title { height: 43px; margin: 0; padding: 14px 5px 0 57px; font: 25px 'corpidotblack', sans-serif; color: #fff; background: url("../images/sprite-1.png") 0 0 repeat-x; text-transform: uppercase; position: relative;} .s-up-title:before { content: ''; display: block; width: 20px; height: 23px; background: url("../images/sprite.png") -180px -104px no-repeat; position: absolute; top: 18px; left: 29px;} .sc { padding: 20px 34px 22px 32px; background: #edf3f5; border-right: 1px solid #c6cbd3; border-left: 1px solid #c6cbd3;} .sc-cotainer { padding-bottom: 15px;} .sc-col1 { width: 297px; float: left;} .sc-col2 { width: 310px; float: right;} .s-up-line, .s-up-line1, .s-up-line2, .s-up-line3 { padding-bottom: 7px; font-size: 0; display: table; position: relative;} .s-up-line1 { z-index: 30;} .s-up-line2 { z-index: 20;} .s-up-line3 { z-index: 10;} .l-tx { display: inline-block; padding: 5px 5px 0 0; vertical-align: top; font: 12px 'corpidotbold', sans-serif; color: #3f3f3f;} .sc-col1 .l-tx { width: 84px;} .sc-col2 .l-tx { width: 100px;} .sel-1, .sel-2, .sel-3, .sel-4 { display: inline-block; height: 25px; padding-right: 22px; vertical-align: top; background-image: url("../images/sprite.png"); font-size: 12px; line-height: 25px; position: relative;} .sel-1 { width: 167px; padding-left: 15px; background-position: 0 -137px;} .sel-wr-ind { margin-right: 4px;} .sel-2 { width: 26px; padding-left: 1px; background-position: -216px -137px; text-align: center;} .sel-3 { width: 63px; padding-left: 1px; background-position: 0 -164px; text-align: center;} .sel-4 { width: 38px; padding-left: 1px; background-position: -195px -164px; text-align: center;} .sel-1:after, .sel-2:after, .sel-3:after, .sel-4:after { content: ''; display: block; width: 21px; height: 25px; border-left: 1px solid #dbe1e5; background: url("../images/sprite.png") -254px -223px no-repeat; position: absolute; top: 0; right: 0; cursor: pointer;} .sel-1.active:after, .sel-2.active:after, .sel-3.active:after, .sel-4.active:after { width: 22px; border: none; background-position: -108px -190px;} .sel-wr, .inp-wr { display: inline-block; vertical-align: top; position: relative;} .inp-wr { width: 204px;} .inp-wr { background: url("../images/sprite.png") 0 -137px no-repeat;} .inp-wr1, .inp-wr2 { display: inline-block; vertical-align: top;} .inp-wr1 { margin-right: 6px;} .inp-wr1 { width: 105px; background: url("../images/sprite.png") -88px -164px no-repeat;} .inp-wr2 { width: 93px; background: url("../images/sprite.png") 0 -190px no-repeat;} .inp-wr input, .inp-wr1 input, .inp-wr2 input { height: 23px; padding: 0 5px; font: 12px/23px 'corpidotregular', sans-serif; background: none; border: 1px solid transparent; vertical-align: top;} .inp-wr input { width: 192px;} .inp-wr1 input { width: 93px;} .inp-wr2 input { width: 81px;} .dd-list-wr { position: absolute; top: 24px; right: 0; left: 0;} .dd-list { height: 118px; background: url("../images/s-up-list.png") repeat; overflow: hidden; display: none;} .dd-list.active { display: block;} .dd-list ul { margin: 0; padding: 2px 10px 0 0;} .dd-list li { width: 100%; margin-top: -1px; float: left; list-style: none; font-size: 12px; position: relative; z-index: 10;} .dd-list li a { margin-top: 1px; display: block; padding: 4px 0 5px 15px; color: #e7e7e7; text-decoration: none; text-shadow: 1px 1px #384354; border-bottom: 1px solid #515861;} .dd-list li a:hover { margin: 0; background: url("../images/sprite-1.png") 0 -383px repeat-x; border-top: 1px solid #5d6d85; border-bottom: 1px solid #5d6d85;} .date li a { padding-left: 0; text-align: center;} .dd-list .scroll-pane, .sup-dd .scroll-pane { height: 118px;} .jspVerticalBar { width: 22px; background: url("../images/scrollbar.png") repeat-y;} .sup-dd .jspVerticalBar { width: 27px;} .jspCap { display: block; height: 6px;} .jspTrack { width: 8px; background: #111721; left: 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px #373e4a; -moz-box-shadow: 0 1px #373e4a; box-shadow: 0 1px #373e4a;} .jspDrag { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #c5c6c9; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c5c6c9), to(#838487)); background: -webkit-linear-gradient(#c5c6c9, #838487); background: -moz-linear-gradient(#c5c6c9, #838487); background: -ms-linear-gradient(#c5c6c9, #838487); background: -o-linear-gradient(#c5c6c9, #838487); background: linear-gradient(#c5c6c9, #838487); -pie-background: linear-gradient(#c5c6c9, #838487);} .sup-dd .jspTrack { left: 9px;} .jspDrag:after { content: ''; display: block; width: 6px; height: 8px; background: url("../images/sprite.png") -315px -33px no-repeat; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -3px;} .agr-link { font: 11px 'corpidotlight', sans-serif; color: #7b8a93;} .agr-link a { color: #67a5e4;} .s-up-button { height: 52px; margin-bottom: 25px; font: 25px/54px "corpidotblack", sans-serif; text-align: center; text-transform: uppercase; position: relative;} .s-up-button:before, .s-up-button:after { content: ''; display: block; position: absolute;} .s-up-button:before { height: 4px; top: -4px; left: 1px; right: 1px; background: #f3eade;} .s-up-button:after { width: 690px; height: 25px; top: 100%; left: 0; background: url("../images/s-up-after.png") no-repeat;} .s-up-button a { display: block; height: 52px; padding-left: 18px; color: #fff; background: url("../images/sprite-1.png") 0 -59px repeat-x; text-decoration: none; text-shadow: 1px 1px #b66d2c; position: relative;} .s-up-button a:before, .s-up-button a:after { content: ''; display: block; width: 4px; height: 52px; position: absolute; top: 0;} .s-up-button a:before { left: 0; background: url("../images/sprite-1.png") 0 -113px no-repeat;} .s-up-button a:after { right: 0; background: url("../images/sprite-1.png") 0 -167px no-repeat;} .s-up-button a:hover { background-position: 0 -221px; color: #ad6527; text-shadow: 1px 1px #ffc372;} .s-up-button a:before:hover { background-position: 0 -275px;} .s-up-button a:after:hover { background-position: 0 -329px;} .s-up.modif { padding-bottom: 11px;} .s-up.modif .s-up-button { font-size: 21px; line-height: 52px;} .s-up.modif .s-up-button a { padding: 0;} .s-up-wr { padding: 0 153px 10px 150px;} .s-up-wr .sc { padding: 20px 35px 22px 33px; border: none; background: none;} .l-members-wr { background: #f7f6f3; position: relative; z-index: 10;} .l-members { width: 914px; margin: 0 auto; padding: 25px 43px 8px;} .l-members-h { padding: 0 13px 22px 16px;} .l-members-title { max-width: 400px; padding: 9px 0 2px 34px; float: left; font: 20px "corpidotblack", sans-serif; color: #2b67b8; text-transform: uppercase; position: relative;} .l-members-title:before { content: ''; display: block; width: 25px; height: 32px; background: url("../images/sprite.png") -195px -190px no-repeat; position: absolute; top: 4px; left: 0;} .l-members-menu { max-width: 400px; padding: 5px; float: right; background: #ecebea;} .l-members-menu ul { margin: 0;} .l-members-menu li { padding: 8px 12px; float: left; font: 13px 'corpidotbold', sans-serif; color: #97938f; list-style: none;} .l-members-menu li a { color: #97938f; text-decoration: none;} .l-members-menu .active { background: #fff; -webkit-box-shadow: 0 0 8px rgba(73, 68, 68, 0.17); -moz-box-shadow: 0 0 8px rgba(73, 68, 68, 0.17); box-shadow: 0 0 8px rgba(73, 68, 68, 0.17);} .l-members-menu .active a { color: #2c2c2c;} .l-members-cont { padding: 0 0 20px;} .female { display: none;} .members-list > ul { margin: 0;} .members-list > ul > li { width: 122px; margin: 0 15px 22px; float: left; list-style: none; position: relative; z-index: 10;} .members-list > ul > li:hover { z-index: 20;} .members-item-img { width: 112px; height: 126px; margin-bottom: 11px; border: 5px solid #fff; -webkit-box-shadow: 0 3px 8px rgba(96, 87, 87, 0.3); -moz-box-shadow: 0 3px 8px rgba(96, 87, 87, 0.3); box-shadow: 0 3px 8px rgba(96, 87, 87, 0.3); position: relative;} .members-list > ul > li:hover .members-item-img { border-color: #232528;} .dd-item-wr { position: absolute; top: -5px; left: 117px;} .dd-item-wr1 { position: absolute; top: -5px; right: 117px;} .dd-item { min-width: 204px; padding: 15px 0; background: url("../images/memb-dd.png") repeat; position: relative; display: none;} .dd-item:before { content: ''; display: block; width: 9px; height: 16px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 19px;} .dd-item-wr .dd-item:before { left: -5px; background-position: -252px -113px;} .dd-item-wr1 .dd-item:before { right: -5px; background-position: -266px -113px;} .members-list > ul > li:hover .dd-item { display: block;} .dd-n-name { padding: 2px 75px 10px 38px; font: 16px 'corpidotblack', sans-serif; color: #86b52c; position: relative;} .dd-n-name:before { content: ''; display: block; width: 22px; height: 18px; background: url("../images/sprite.png") -216px -104px no-repeat; position: absolute; top: 4px; left: 12px;} .dd-n-name span { display: block; height: 20px; padding: 0 9px; font: 12px/20px 'corpidotblack', sans-serif; color: #fff; position: absolute; top: 3px; right: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .dd-n-name .online { background: #85ac3f; text-shadow: 1px 1px #648b21;} .dd-n-name .ofline { background: #d5615a; text-shadow: 1px 1px #b4413b;} .dd-loc { margin-bottom: 12px; padding: 11px 12px 9px 37px; font: 14px 'corpidotbold', sans-serif; color: #f7b153; background: url("../images/sprite-1.png") 0 -413px repeat-x; position: relative;} .dd-loc:before { content: ''; display: block; width: 13px; height: 20px; background: url("../images/sprite.png") -144px -190px no-repeat; position: absolute; top: 9px; left: 15px;} .dd-com { padding: 0 15px 0 17px;} .dd-com ul { margin: 0;} .dd-com li { list-style: none; border-bottom: 1px solid #5b5b5e; font-size: 13px;} .dd-com li a { display: block; margin: 0 -3px 0 -5px; padding: 3px 8px 6px 26px; color: #fff; text-decoration: none; position: relative;} .dd-com li a:before { content: ''; display: block; width: 8px; height: 8px; background: url("../images/sprite.png") -258px -190px no-repeat; position: absolute; top: 8px; left: 5px;} .dd-com li a:hover { background: #fff; color: #2a2a2a;} .dd-com li a:hover:before { background-position: -258px -206px;} .add-to { width: 100%; height: 26px; position: absolute; bottom: 0; font-size: 12px; line-height: 26px; display: none;} .members-list > ul > li:hover .add-to { display: block;} .add-to a { display: block; padding: 0 5px 0 34px; color: #fff; background: #62a024; text-decoration: none; text-shadow: 1px 1px #4a6616; position: relative;} .add-to a:before { content: ''; display: block; width: 10px; height: 10px; background: url("../images/sprite.png") -258px -164px no-repeat; position: absolute; top: 9px; left: 20px;} .add-to a:hover { background: #6fac31; text-shadow: 1px 1px #487a15;} .add-to a:hover:before { background-position: -258px -176px;} .nickname { text-align: center; font: 13px/15px 'corpidotbold', sans-serif;} .nickname a { color: #3e3e3e;} .lc { padding: 20px 10px 19px 25px; background: none repeat scroll 0 0 #EDF3F5; border-left: 1px solid #C6CBD3; border-right: 1px solid #C6CBD3;} .lc-col { width: 275px; float: left;} .lc-col-wr { width: 363px; float: right;} .lc-col-wr .lc-col { margin-right: 12px;} .lc-inp-wr label, .lc-inp-wr span { display: block;} .lc-inp-wr label { padding-bottom: 4px; font-size: 12px; line-height: 16px; color: #747474;} .lc-inp-wr span { width: 274px; height: 31px; margin: 0 0 10px 1px; background: url("../images/sprite.png") 0 -264px no-repeat;} .lc-inp-wr input { width: 262px; height: 29px; padding: 0 5px; font: 14px/28px 'corpidotregular', sans-serif; background: none; border: 1px solid transparent;} .rem { font-size: 13px; color: #4f4f4f; line-height: 16px;} .rem input, .rem label { vertical-align: middle;} .rem input { margin: 0 6px 0 2px;} .forgot-link { padding: 1px 5px 0 4px; font-size: 11px;} .forgot-link a { color: #507db7;} .login-but { height: 33px; margin-top: 19px; float: left; font: 13px/32px 'corpidotblack', sans-serif; text-transform: uppercase;} .login-but a { display: block; height: 33px; padding: 0 12px 0 11px; color: #fff; background: #cf5d56; text-decoration: none; text-shadow: 1px 1px #a93a34;} .login-but a:hover { background: #76ac2d; text-shadow: 1px 1px #4c7318;} .reg-title, .sup-title { border-bottom: 2px solid #d1d1d1; position: relative;} .reg-title { margin-bottom: 26px; padding: 0 646px 25px 57px;} .sup-title { margin-bottom: 29px; padding: 0 160px 28px 57px;} .reg-title:before, .sup-title:before { content: ''; display: block; width: 42px; height: 42px; background: url("../images/sprite.png"); position: absolute;} .reg-title:before { width: 42px; height: 42px; background-position: 0 -297px; top: 1px; left: 1px;} .sup-title:before { width: 44px; height: 44px; background-position: -44px -297px; top: 0; left: 0;} .reg-title h1, .sup-title h1 { margin-bottom: 3px; font: 33px 'corpidotblack', sans-serif; color: #383838; text-transform: uppercase;} .r-t-tx { font: 16px/19px 'corpidotbold', sans-serif; color: #4c4c4c;} .sup-cont { padding: 0 51px 24px 0;} .sup-inp-wr { padding: 0 0 21px 0;} .sup-inp-col1 { width: 448px; padding: 0 0 0 14px; float: left; border-right: 3px solid #e8e8e8;} .sup-inp-col2 { width: 454px; float: right;} .sup-l1, .sup-l2 { font-size: 0; display: table; position: relative;} .sup-l1 { padding-bottom: 16px; z-index: 20;} .sup-l2 { padding-bottom: 1px; z-index: 10;} .s-label, .s-inp-wr, .s-sel-wr { display: inline-block; vertical-align: middle;} .s-label { padding-right: 5px; font-size: 13px; color: #484848;} .sup-inp-col1 .s-label { width: 83px;} .sup-inp-col2 .s-label { width: 115px;} .s-inp-wr, .s-sel { height: 30px; background: url("../images/sprite.png") 0 -343px no-repeat;} .s-inp-wr { width: 333px;} .s-inp-wr input { width: 321px; height: 28px; padding: 0 5px; background: none; border: 1px solid transparent; font: 13px/28px 'corpidotregular', sans-serif;} .s-sel-wr, .s-sel { position: relative;} .s-sel { width: 290px; padding: 0 26px 0 17px; font-size: 14px; line-height: 30px;} .s-sel:after { content: ''; display: block; width: 26px; height: 29px; border-left: 1px solid #dbe1e5; position: absolute; top: 0; right: 0; background: url("../images/sprite.png") -252px -220px no-repeat;} .s-sel.active:after { width: 27px; background-position: -277px -33px; } .sup-dd-wr { width: 100%; position: absolute; top: 29px; left: 0;} .sup-dd { height: 118px; background: url("../images/suppurt-dd.png") repeat; overflow: hidden; display: none} .sup-dd.active { display: block;} .sup-dd ul { margin: 0;} .sup-dd li { list-style: none; font-size: 14px; border-bottom: 1px solid #4b4b4b;} .sup-dd li a { display: block; padding: 6px 0 8px 17px; color: #fff; text-decoration: none;} .sup-dd li a:hover { margin: -2px 0 -2px; padding-top: 8px; padding-bottom: 10px; color: #ffa729; background: #4c4c4c;} .f-foot { padding: 0 0 10px 0;} .f-foot-col1 { width: 611px; float: left;} .f-foot-col1 .s-label { width: 83px; padding-top: 7px; float: left; line-height: 15px; text-align: right;} .s-textarea-wr { width: 509px; height: 161px; float: right; background: url("../images/textarea-bg.png") no-repeat;} .s-textarea-wr textarea { width: 499px; height: 161px; padding: 0 5px; background: none; border: none; resize: none; overflow: auto; font: 13px/16px 'corpidotregular', sans-serif;} .f-foot-col2 { width: 316px; float: right;} .conf-code { background: #494e59;} .conf-code h3 { margin-bottom: 14px; padding: 14px 15px 9px; background: #30343d; font: 16px 'corpidotblack', sans-serif; color: #fff; text-transform: uppercase;} .conf-code-cont { padding: 0 14px 14px;} .captcha-wr, .conf-inp-wr { height: 37px; margin-bottom: 11px;} .captcha-wr { width: 152px; float: left;} .conf-inp-wr { width: 125px; float: right; background: url("../images/sprite.png") -108px -297px no-repeat;} .conf-inp-wr input { width: 113px; height: 35px; padding: 0 5px; font: 18px/35px 'corpidotregular', sans-serif; background: none; border: 1px solid transparent;} input.error { border: 1px solid #ed1f0a;} .conf-s { display: block; padding: 11px 17px 8px 5px; clear: both; font: 16px 'corpidotblack', sans-serif; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; background: #ef9c25 url("../images/submit-bg.png") 50% 0 no-repeat; text-shadow: 1px 1px #b86d18;} .conf-s:hover { background-color: #d05d56; text-shadow: 1px 1px #972d27;} .footer-wr { padding: 40px 0 25px; background: #141c2a;} .footer { width: 1000px; margin: 0 auto; color: #c6ddf5;} .footer-cont { margin-bottom: 31px; padding: 0 45px 14px 2px; border-bottom: 2px solid #223555;} .footer-cont h2 { margin-bottom: 14px; font: 26px 'corpidotblack', sans-serif; color: #fff;} .f-container { padding: 0 3px 0 2px;} .f-logo { width: 190px; height: 46px; float: left;} .f-logo a { display: block; width: 190px; height: 46px; background: url("../images/sprite.png") 0 -217px no-repeat;} .f-nav-wr { max-width: 780px; padding-top: 10px; float: right; line-height: 24px;} .pow a { color: #fff; text-decoration: none;} .f-nav { padding-right: 7px; float: left;} .f-nav ul { margin: 0;} .f-nav li { padding: 0 11px; float: left; list-style: none;} .f-nav li a { color: #5897d2;} .f-nav li a:hover { color: #94cd30; text-decoration: underline;} .pow { height: 25px; padding: 0 0 0 14px; border-left: 4px solid #223555; float: left; color: #fff;} .popup-wr { width: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 100;} .tr-bg { width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60);} .popup-country, .popup-mobile, .popup-confirm, .popup-login { width: 395px; position: fixed; left: 50%; top: 50%; background: #f4f4f4 url("../images/popup-sh.png") 50% 100% no-repeat; border-bottom: solid #999898;} .popup-country, .popup-mobile { border-width: 4px;} .popup-confirm, popup-login { border-width: 3px;} .popup-country { margin: -92px 0 0 -196px;} .popup-country h2, .popup-mobile h2, .popup-confirm h2, .popup-login h2 { padding: 20px 14px 14px 5px; font: 20px 'corpidotblack', sans-serif; color: #3a3a3a; text-transform: uppercase; background: #f0a233; border-bottom: 4px solid #9e681b; text-align: center;} .popup-country h2 { margin-bottom: 23px;} .country-list { padding: 0 5px 18px; text-align: center;} .country-list ul { margin: 0; display: inline-block;} .country-list li { width: 32px; height: 20px; margin: 0 8px; float: left; list-style: none; border: 1px solid #b8b4af; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0 , 0.13); -moz-box-shadow: 0 0 7px rgba(0, 0, 0 , 0.13); box-shadow: 0 0 7px rgba(0, 0, 0 , 0.13);} .popup-country-but { padding: 0 5px 18px; text-align: center; font: 13px 'corpidotblack', sans-serif;} .popup-country-but a { display: inline-block; padding: 8px 46px 8px 37px; color: #fff; background: #76ac2d; text-shadow: 1px 1px #4c7318; text-decoration: none; text-transform: uppercase;} .popup-country-but a:hover { background: #cf5d56; text-shadow: 1px 1px #96322c;} .popup-mobile { margin: -102px 0 0 -196px; padding-bottom: 14px;} .popup-mobile h2 { margin-bottom: 17px;} .popup-mobile h2 span, .popup-confirm h2 span { display: inline-block; margin-left: 6px; padding-left: 28px; position: relative;} .popup-mobile h2 span:before, .popup-confirm h2 span:before { content: ''; display: block; width: 24px; height: 31px; background: url("../images/sprite.png") -277px 0; position: absolute; top: -3px; left: 0;} .popup-mobile-cont { padding: 0 29px;} .send { margin-bottom: 9px; padding-bottom: 10px; border-bottom: 1px solid #b5b5b5; font: 14px/28px 'corpidotblack', sans-serif; color: #4c4c4c;} .send span { display: inline-block; margin: 0 1px; padding: 0 6px; font-family: 'corpidotregular', sans-serif; color: #fff; line-height: 24px;} .send-m { background: #86b62c;} .send-numb { background: #da6b67;} .popup-mobile-tx { font-size: 12px; line-height: 14px; color: #858585;} .popup-confirm { margin: -91px 0 0 -196px;} .popup-confirm h2, .popup-login h2 { margin-bottom: 18px;} .popup-confirm-cont { padding: 0 31px;} .popup-confirm-tx { padding: 0 12px 10px 0; font-size: 13px; color: #4c4c4c; line-height: 16px;} .popup-confirm-tx span { font-family: 'corpidotbold', sans-serif;} .popup-confirm-f { padding-bottom: 25px;} .popup-confirm-f span, .popup-confirm-f a { display: inline-block; vertical-align: middle;} .popup-confirm-f span { width: 238px; height: 31px; margin-right: 8px; background: url("../images/sprite.png") 0 -375px no-repeat;} .popup-confirm-f span input { width: 226px; height: 29px; padding: 0 5px; background: none; border: 1px solid transparent; font: 13px/29px 'corpidotregular', sans-serif;} .popup-confirm-f a { width: 87px; height: 33px; text-align: center; background: #76ac2d; font: 13px/34px 'corpidotblack', sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px #4c7318;} .popup-confirm-f a:hover { background: #cf5d56; text-shadow: 1px 1px #96322c;} .popup-confirm-container { padding: 0 16px; text-align: center;} .popup-confirm-d1 { padding-bottom: 16px; font-family: 'corpidotbold', sans-serif;} .popup-confirm-d2 span { padding-bottom: 16px; display: block;} .popup-confirm-d2 span a { text-decoration: none; color: #3f48cc;} .popup-login { margin: -159px 0 0 -196px;} .popup-login h2 span { display: inline-block; margin-left: 10px; padding: 0 0 0 38px; position: relative;} .popup-login h2 span:before { content: ''; display: block; width: 29px; height: 29px; background: url("../images/sprite.png") -303px 0 no-repeat; position: absolute; top: 0; left: 0;} .popup-login-cont { padding: 0 31px;} .login-f1 { padding-bottom: 10px;} .login-f2 { padding-bottom: 17px;} .login-f3 { padding-bottom: 16px;} .login-f1 label, .login-f2 label { display: block; padding-bottom: 4px; font-size: 12px; color: #747474;} .login-f1 span, .login-f2 span { display: block; width: 333px; height: 31px; clear: both; background: url("../images/sprite.png") 0 -408px no-repeat;} .login-f1 span input, .login-f2 span input { width: 321px; height: 29px; padding: 0 5px; background: none; border: 1px solid transparent; font: 14px/29px 'corpidotregular', sans-serif;} .login-f2 label { float: left;} .login-f2 a { float: right; font-size: 11px; color: #507db7;} .login-f3 span { display: block; float: left;} .login-f3 span input, .login-f3 span label { vertical-align: middle;} .login-f3 span input { margin-right: 6px;} .login-f3 span label { font: 13; color: #4f4f4f; line-height: 33px;} .login-f3 a { display: block; width: 62px; height: 33px; float: right; background: #76ac2d; font: 13px/33px 'corpidotblack', sans-serif; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; text-shadow: 1px 1px #4c7318;} .login-f3 a:hover { background: #cf5d56; text-shadow: 1px 1px #a93a34;} .login-f-button { height: 33px; padding-bottom: 20px; text-align: center;} .login-f-button a { display: block; height: 28px; margin: 0 -20px; padding: 5px 20px 0; background: url("../images/sprite1-1.png") 0 0 repeat-x; font: 16px 'corpidotblack', sans-serif; color: #fff; text-shadow: 1px 1px #B66D2C; text-decoration: none; position: relative;} .login-f-button a:hover { background-position: 0 -99px; color: #ad6527; text-shadow: 1px 1px #ffc372;} .login-f-button a:before, .login-f-button a:after { content: ''; display: block; width: 4px; height: 33px; background: url("../images/sprite1-1.png"); position: absolute; top: 0;} .login-f-button a:before { left: 0; background-position: 0 -33px;} .login-f-button a:after { right: 0; background-position: 0 -66px;} .login-f-button a:hover:before { background-position: 0 -132px;} .login-f-button a:hover:after { background-position: 0 -165px;} .cont-container-col1 { width: 393px;} .s-thr-tx { padding-bottom: 10px; font: 47px/40px 'corpidotblack', sans-serif; color: #2f2f2f; text-transform: uppercase;} .s-thr-tx small { display: block; height: 34px; text-align: justify; font-size: 21px; line-height: 28px; overflow: hidden;} .s-thr-tx small:after { content: ''; display: inline-block; width: 100%; height: 0; overflow: hidden; font-size: 0;} .popup-mobile .popup-confirm-f a { width: 91px; font-size: 11px;}