@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;}

    
© TrueDev.org