/* For unknown  (Gecko ) */

@font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
    src: local('Open Sans'), url('css/open_sans_light.woff') format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;
    src: local('Open Sans'), url('css/open_sans_semibold.woff') format('woff')
}

body, html {padding: 0; margin: 0; width: 100%; height: 100%;}
body {background-color: #ffffff; text-align: center;}
html, body, td, input, textarea, button {font-family: Open Sans, sans-serif; color: #616161; font-size: 15px;}

img {border: none;}
form, ul {margin: 0;}
p {margin: 1em 0; text-align: justify;}

input[type="text"], input[type="password"], textarea {border-style: solid; border-width: 1px; border-color: #b4b4b4; padding: 3px 5px; color: #5e5e5e; -moz-box-sizing: border-box; transition: all 0.2s ease; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {outline: none; border-color: #93a8b9; box-shadow: inset 0 0 0 2px rgba(164, 209, 254, 0.5);}
input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled {box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05); color: #a6a6a6;}
input[type="text"], input[type="password"] {vertical-align: middle;}
input[type="submit"], button {cursor: pointer; background: -moz-linear-gradient(top, #e1e1e1, #f9f9f9); border-style: solid; border-width: 1px; border-color: #b1b1b1; padding: 3px 8px; color: #696969; box-shadow: inset 0 2px 0 0 #f1f1f1; transition: all 0.3s ease; vertical-align: middle;}
input[type="submit"]:hover, button:hover {background: -moz-linear-gradient(top, #e1e1e1, #ffffff); box-shadow: inset 0 2px 0 0 #f8f8f8; border-color: #c0c0c0; color: #767676;}
input[type="submit"]:disabled, button:disabled {background: -moz-linear-gradient(top, #f0f0f0, #ffffff); box-shadow: inset 0 2px 0 0 #f8f8f8; border-color: #d6d6d6; color: #cccccc; cursor: default;}

a {text-decoration: none; color: #ff6d8f;}
a:hover {text-decoration: underline;}
a.text {color: inherit;}
a.text:hover {text-decoration: none;}
a.inner:hover {text-decoration: none; border-style: dotted; border-width: 0 0 1px 0;}

.topOnPage {margin-top: 0;}
h1, h2, h3, h4, h5, h6 {margin: 1em 0 0.2em 0; padding: 0;}
h1 {font-weight: normal; font-size: 24px; color: #4a4a4a;}
h2 {font-weight: normal; font-size: 24px; color: #4a4a4a;}
h3 {font-weight: normal; font-size: 24px; color: #565656;}
h4 {font-weight: bold; font-size: 20px;}
h5 {font-weight: bold; font-size: 18px;}
h6 {font-weight: bold; font-size: 16px;}
.sideButtonH2 {float: right; margin-top: 16px;}
.customH2{font-weight: normal; font-size: 20px; color: #4a4a4a; margin: 0px 0px -10px 0px}

.red {color: #ff5d00;}

.mainBox {display: inline-block; width: 100%; min-width: 860px; max-width: 1100px; padding: 0 30px; text-align: left; -moz-box-sizing: border-box;}
.mainColumner {white-space: nowrap;}
.mainColumner .columnLeft {display: inline-block; width: 75%; white-space: normal; vertical-align: top; -moz-box-sizing: border-box; padding-right: 20px;}
.mainColumner .columnRight {display: inline-block; width: 25%; white-space: normal; vertical-align: top; -moz-box-sizing: border-box; padding-left: 20px;}

.miniPageBox {display: inline-block; padding: 100px 50px 0 50px; -moz-box-sizing: border-box; width: 100%; max-width: 700px;}

.logo {display: inline-block; width: 300px; text-align: center}
.logo div {width: 300px; height: 71px; background-image: url("/images/logo.png"); background-size: 300px 71px; background-repeat: no-repeat;}
.logo span {font-size: 12px; margin: 0; color: black; white-space: nowrap;}
.logo:hover {text-decoration: none;}
.header {padding: 20px 0;}
.logoInHeader {float: left;}
.headerMenu {list-style: none; padding: 0; text-align: right; margin-top: 30px;}
.headerMenu li {display: inline-block; margin-left: 2px;}
.headerMenu li a {background-color: #a4d1f5; color: #ffffff; padding: 4px 11px; font-size: 18px; transition: background 0.3s ease;}
.headerMenu li a:hover {text-decoration: none; background-color: #f6a6b3;}
@media screen and (max-width: 1000px) {
	.headerMenu .tooThick {display: none;}
}

.sideMenu {list-style: none; padding: 0; margin-bottom: 30px;}
.sideMenu ul {padding: 0 0 0 30px;}

.feedBox {border-style: solid; border-width: 1px; border-color: #d2d2d2; padding: 2px 5px; clear: both;}
.feedBox .feed {font-size: 13px; border-style: solid; border-width: 1px 0 0 0; border-color: #e0e0e0; padding: 4px 1px;}
.feedBox .feed.top {border: none;}
.feedBoxAllButton {float: right; margin-top: 7px; font-size: 13px;}

.blockListHolder {margin-right: -13px;}
.blockSingle {width: 25%; display: inline-block; vertical-align: top;}
.blockListHolder.verticalMiddle .blockSingle {vertical-align: middle;}
@media screen and (max-width: 1100px) {
	.blockListHolder {margin-right: -20px;}
	.blockListHolder .blockSingle {width: 33.3333333%;}
}

.footer {background-color: #e8e8e8; color: #797979; padding: 30px 0 0 0; -moz-box-sizing: border-box; height: 190px; margin-top: -190px;}
.footerMenu {padding: 0; list-style: none; margin-bottom: 5px;}
.footer a {color: #36a4e3;}
.pageContent {min-height: 100%;}
.footerHeighter {height: 230px;}
.footer.withAccountPanel {height: 230px; margin-top: -230px;}
.footer .rights {display: inline-block; text-align: left;}
.footerHeighter.withAccountPanel {height: 270px;}
.footer .column {width: 22%; float: left;}
.footer .footerLogo {text-align: right;}

.vipSign {display: inline-block; vertical-align: middle; color: #ffffff; padding: 1px 7px; background: -moz-linear-gradient(top, #eee10e, #dcd00c); border-radius: 4px; font-weight: bold; font-size: 16px;}
.vipSign:hover {text-decoration: none;}

.modelShell {display: inline-block; vertical-align: top; -moz-box-sizing: border-box; border-style: solid; border-width: 1px; border-color: #d2d2d2; padding: 6px; width: 180px; margin-bottom: 30px; background-color: #fff; text-align: right;}
.modelShell .forPhoto {display: block; width: 166px; height: 200px; text-align: center; margin-bottom: 3px;}
.modelShell a {width: 166px; height: 200px; margin: 0px 0px;}

.setShell {display: inline-block; vertical-align: top; -moz-box-sizing: border-box; border-style: solid; border-width: 1px; border-color: #d2d2d2; padding: 6px; width: 180px; /* margin-bottom: 30px; */ background-color: #fff;}
.setShell .forPhoto {display: block; width: 166px; height: 249px; text-align: center; margin-bottom: 3px;}
.setShell .photoBox {display: inline-block; position: relative; overflow: hidden;}
.setShell .mini {font-size: 12px; color: #828282; margin-top: 3px;}
.setShell .markNew {position: absolute; background-color: #78bdf2; color: #fff; box-shadow: 0 0 4px 0 #000; -moz-box-sizing: border-box; text-align: center; height: 54px; width: 114px; display: table; -moz-transform: rotate(45deg); top: -8px; right: -39px; font-size: 17px;}
.setShell .markNew div {display: table-cell; vertical-align: bottom;}
.setShell .markNew .date {display: block; font-size: 11px; margin-bottom: 2px;}
.setShell .vipSign {padding: 0 5px; font-size: 13px;}

.form1 {text-align: left;}
.form1 .formLine {white-space: nowrap; padding: 5px 0;}
.form1 .formColumnTitle {width: 20%; display: inline-block; vertical-align: middle; white-space: normal; -moz-box-sizing: border-box; padding-right: 4px;}
.form1 .formColumnContent {width: 40%; display: inline-block; vertical-align: middle; white-space: normal; -moz-box-sizing: border-box; padding: 0 4px;}
.form1 .formColumnHint {width: 40%; display: inline-block; vertical-align: middle; white-space: normal; -moz-box-sizing: border-box; padding-left: 4px; font-size: 13px;}
.form1 .formColumnContent input[type="text"], .form1 .formColumnContent input[type="password"] {width: 100%;}
.form1 .formColumnContent input[type="text"].captcha {width: 80px;}
.form1 .formColumnContent textarea {width: 100%; height: 120px;}
.form1 .formStatus {margin-left: 8px;}
.form1 .formLineMessage {margin-bottom: 10px;}
.form1 .lineTextarea .formColumnTitle, .form1 .lineHigh .formColumnTitle {vertical-align: top; padding-top: 5px;}
.form1 .lineTextarea .formColumnContent {width: 80%; padding-right: 0;}
.form1 .lineTextarea .formColumnHint {width: 100%; display: block; margin-top: 4px; padding-left: 20%;}
.form1 .formLineRadios {padding: 5px 0;}
.form1 .formLineRadios label {margin-right: 20px;}
.form1 .lineCheckbox .formColumnContent {width: 60%; padding-left: 0;}
.form1 .lineCheckbox .formColumnContent input[type=checkbox] {float: left; margin-right: 5px; margin-top: 5px;}
.form1 .lineCheckbox .formColumnContent label {margin-left: 30px; display: block;}
.form1 .lineCheckbox .formColumnHint {width: 40%;}
.form1 .tipInputLine {padding: 3px 0;}
.form1 .tipInputLine input[type=text] {width: 70px; text-align: right; margin-right: 5px;}
.divCheckbox {padding-left: 25px; text-indent: -25px; margin-top: 4px;}

.form1.formCenter .formColumnTitle {width: 30%; text-align: right;}
.form1.formCenter .formColumnHint {width: 30%;}
.form1.formCenter .lineTextarea .formColumnContent {width: 70%;}
.form1.formCenter .lineTextarea .formColumnHint {width: 100%; padding-left: 30%;}

.captchaBox {display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;}
.captchaBox img {width: 100px; height: 40px;}
.captchaBox a {font-size: 13px;}
.captchaBox:hover a {border-style: dotted; border-width: 0 0 1px 0;}
.captchaBox a:hover {text-decoration: none;}

.loginBoxCover {display: none; background-color: rgba(0, 0, 0, 0.7); z-index: 100;}
.loginBox {position: absolute; left: -9000px; top: -9000px; width: 400px; background-color: #e3e3e3; text-align: left; z-index: 101;}
.loginBox .loginBoxPadder {padding: 20px 30px 26px 30px; position: relative;}
.loginBox .loginBoxCloseButton {position: absolute; top: 0; right: 0; background-image: url("/images/spritesHigh.png"); width: 20px; height: 20px; background-size: 141px 176px; background-position: 0px 0px; cursor: pointer; opacity: 0.6; transition: all 0.3s ease;}
.loginBox .loginBoxCloseButton:hover {opacity: 1;}
.loginBox h1 {text-align: center;}

.form2 {text-align: left;}
.form2 .formLine {padding: 4px 0;}
.form2 .formLineTitle {color: #000000;}
.form2 .formLineContent input[type=text], .form2 .formLineContent input[type=password] {width: 100%;}
.form2 .formLineContent input[type=text].captcha {width: 80px;}
.form2 .formStatus {margin-left: 8px;}
.form2 .buttonsSide {float: right; margin-top: 4px;}
.form2 .formLineMessage {margin-bottom: 6px;}

.accountPanel {position: fixed; height: 40px; -moz-box-sizing: border-box; border-style: solid; border-width: 2px 0 0 0; border-color: #2a2a2a; width: 100%; left: 0; bottom: 0; background-color: #414141; color: #e9e9e9; text-align: center; line-height: 38px; white-space: nowrap;}
.accountPanelBox {min-width: 0;}
.accountPanel a {color: #ffffff; display: inline-block; height: 100%; padding: 0 12px;}
.accountPanel a:hover {background-color: #525252; text-decoration: none; margin-top: -2px; border-style: solid; border-width: 2px 0 0 0; border-color: #434343;}
.accountPanelIcon {display: inline-block; vertical-align: middle; margin-right: 8px;}
.accountPanelIcon.iconLogout {background-image: url("/images/spritesHigh.png"); width: 13px; height: 18px; background-size: 141px 176px; background-position: -93px 0px;}
.accountPanelIcon.iconAccount {background-image: url("/images/spritesHigh.png"); width: 15px; height: 18px; background-size: 141px 176px; background-position: -21px 0px;}
.accountPanelIcon.iconSettings {background-image: url("/images/spritesHigh.png"); width: 17px; height: 17px; background-size: 141px 176px; background-position: -75px 0px;}
.accountPanelIcon.iconArchive {background-image: url("/images/spritesHigh.png"); width: 18px; height: 18px; background-size: 141px 176px; background-position: -37px 0px;}
.accountPanelIcon.iconCart {background-image: url("/images/spritesHigh.png"); width: 18px; height: 15px; background-size: 141px 176px; background-position: -56px 0px;}
.accountPanel .amountCircle {display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; border-radius: 10px; background-color: #ffffff; color: #414141; padding: 0 4px; margin-left: 4px; -moz-box-sizing: border-box; min-width: 20px; text-align: center;}
.accountPanel .amountCircle.circleRed {background-color: #ee004c; font-weight: bold; color: #ffffff;}
.accountPanelRightSide {float: right;}
@media screen and (max-width: 1000px) {
	.accountPanelRightSide .mayBeHidden .accountPanelIcon {margin-right: 0;}
	.accountPanelRightSide .mayBeHidden .toHide {width: 0; overflow: hidden; display: inline-block; vertical-align: middle;}
}
@media screen and (max-width: 860px) {
	.mayBeHidden .accountPanelIcon {margin-right: 0;}
	.mayBeHidden .toHide {width: 0; overflow: hidden; display: inline-block; vertical-align: middle;}
}
@media screen and (max-width: 440px) {
	.accountPanelSpacer, .accountPanel {display: none;}
}

input[type="text"].showable, input[type="password"].showable {padding-right: 25px;}
.showablePasswordButton {display: inline-block; vertical-align: middle; margin-left: -25px; background-image: url("/images/spritesHigh.png"); width: 16px; height: 10px; background-size: 141px 176px; background-position: -107px 0px; cursor: pointer;}

.pricesTable {border: solid 1px #d5d5d5;}
.pricesTable .pricesTableLine {white-space: nowrap; padding: 7px 0;}
.pricesTable .pricesTableLine:nth-child(even) {background-color: #f5f5f5;}
.pricesTable .pricesTableTime {display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; white-space: normal; width: 50%; padding: 0 10px;}
.pricesTable .pricesTablePrice {display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; white-space: normal; width: 50%; padding: 0 10px;}
.pricesTable .price {color: #232323; font-size: 17px;}
.pricesTable .discount {background-color: #01d201; color: #ffffff; display: inline-block; padding: 1px 6px 1px 4px; border-radius: 10px 0 0 10px; font-size: 14px; margin-left: 4px;}
.pricesTable .discount .off {font-size: 10px;}

.ordersPricesTable {width: 100%; -moz-box-sizing: border-box; border: solid 1px #d5d5d5;}
.ordersPricesTable td, .ordersPricesTable th {-moz-box-sizing: border-box; padding: 7px 10px; border: solid 0 #d0d0d0;}
.ordersPricesTable tbody td {font-size: 17px; color: #050505;}
.ordersPricesTable thead td, .ordersPricesTable th {font-weight: normal;}
.ordersPricesTable thead td, .ordersPricesTable thead th {border-bottom-width: 1px;}
.ordersPricesTable th, .ordersPricesTable thead th {width: 100px; text-align: right; border-right-width: 1px;}
.ordersPricesTable tbody tr:nth-child(even) td, .ordersPricesTable tbody tr:nth-child(even) th {background-color: #f5f5f5;}

.pricesDetails {padding: 0 0 0 20px; margin: 0; list-style: none;}
.pricesDetails li {margin: 6px 0;}
.price {font-size: 16px; color: #080808;}

.officeTable {width: 100%; -moz-box-sizing: border-box; border-style: solid; border-width: 1px; border-color: #d7d7d7; margin: 15px 0;}
.officeTable td {-moz-box-sizing: border-box; padding: 4px 8px; border-style: solid; border-width: 0; border-left-width: 1px; border-left-color: #f5f5f5;}
.officeTable td:first-of-type {border-left-width: 0;}
.officeTable tr:nth-child(even) td {background-color: #fafafa; border-left-color: #ebebeb;}
.officeTable .titleLine td {border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d7d7d7; font-weight: bold;}
.officeTable .positive {color: green;}
.officeTable .negative {color: red;}

.officeFilters {margin: 15px 0;}
.officeFilters .filter {display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; padding: 7px 8px; text-align: center;}

.accountMenu {list-style: none; padding: 0; border-style: solid; border-width: 0 0 1px 0; border-color: #d3d3d3;}
.accountMenu li {display: inline-block; vertical-align: bottom; margin: 1px 6px -1px 6px;}
.accountMenu li a {display: inline-block; padding: 4px 7px 5px 7px; font-size: 16px;}
.accountMenu li.current {border-style: solid; border-width: 1px 1px 0 1px; border-color: #d3d3d3; background-color: #ffffff; margin: 0px 5px -1px 5px;}
.accountMenu li.current a {color: #535353;}
.accountMenu li.current a:hover {text-decoration: none;}

.columns {margin: 10px 0;}
.columns .columnsLine {white-space: nowrap; padding: 5px 0;}
.columns .columnsColumnLeft {display: inline-block; vertical-align: middle; width: 40%; white-space: normal; -moz-box-sizing: border-box; padding-right: 5px;}
.columns .columnsColumnRight {display: inline-block; vertical-align: middle; width: 60%; white-space: normal; -moz-box-sizing: border-box; padding-left: 5px;}
.columns .balance {font-size: 17px;}
.columns .positive {color: #00c300;}
.columns .negative {color: #c30000;}
.columns .hint {font-size: 13px;}

.progress {display: inline-block; vertical-align: middle; width: 200px; height: 20px; border-style: solid; border-width: 1px; border-color: #dadada; box-shadow: inset 0 3px 0 -1px #f4f4f4;}
.progressBar {height: 100%; background-color: #9efe88; border-style: solid; border-width: 1px 0 1px 1px; margin: -1px 0 -1px -1px; border-color: #63d045;}

.formUpload .formLineMessage {margin-bottom: 8px;}
.formUpload .formStatus {margin-left: 8px;}

.photoUploaderBox .photoBox {display: inline-block; vertical-align: top; width: 130px; margin: 1px; padding: 10px;}
.photoUploaderBox .photoBox .forPhoto {width: 130px; height: 130px; text-align: center;}
.photoUploaderBox .photoBox .forPhoto img {max-width: 100%; max-height: 100%;}
.photoUploaderBox .photoBox .forStuff {opacity: 0; margin-top: 8px;}
.photoUploaderBox .photoBox:hover {margin: 0; border-style: solid; border-width: 1px; border-color: #d9d9d9; background-color: #fdfdfd;}
.photoUploaderBox .photoBox:hover .forStuff {opacity: 1;}

.modelInfoBlock {border-style: solid; border-width: 1px; border-color: #dedede; padding: 7px; margin-bottom: 15px;}
.modelInfoBlock .photo {float: left;}
.modelInfoBlock .info {margin-left: 166px;}
.modelInfoBlock .infoColumns {white-space: nowrap;}
.modelInfoBlock .columns {display: inline-block; vertical-align: top; white-space: normal; width: 50%; -moz-box-sizing: border-box; padding-left: 4%; margin: 0;}
.modelInfoBlock .columnsLine {padding: 3px 0;}
.modelInfoBlock .columns .columnsColumnLeft, .modelInfoBlock .columns .columnsColumnRight {width: 50%;}
.modelInfoBlock .textInfo {padding-left: 4%;}
.modelInfoPhoto {float: left; margin: 0 15px 15px 0; border-style: solid; border-width: 1px; border-color: #dedede; padding: 5px;}

.lineScrollingBlock {white-space: nowrap; overflow-x: auto; margin: 7px 0;}
.carousel.button {width: 100px; top: 0; height: 100%; cursor: pointer;}
.carousel.button span {content: ""; display: inline-block; margin-top: 53px; opacity: 0.5; transition: opacity 0.25s ease;}
.carousel.button:hover span {opacity: 1;}
.carousel.button.left {background-image: url(/images/carouselButtonsBG.png); background-size: 200px 1px; background-position: 0 0;}
.carousel.button.left span {display: inline-block; background-image: url("/images/spritesHigh.png"); width: 36px; height: 36px; background-size: 141px 176px; background-position: -104px -37px; margin-left: 10px;}
.carousel.button.right {background-image: url(/images/carouselButtonsBG.png); background-size: 200px 1px; background-position: 100px 0; text-align: right;}
.carousel.button.right span {display: inline-block; background-image: url("/images/spritesHigh.png"); width: 36px; height: 36px; background-size: 141px 176px; background-position: -104px -74px; margin-right: 10px;}

.presentationPhotoBlock {display: inline-block; vertical-align: middle; text-align: center; margin-right: 10px;}
.presentationPhotoBlock:last-child {margin-right: 0;}
.presentationPhotoBlock .photo {display: inline-block; border-style: solid; border-width: 1px; border-color: #dedede; padding: 5px;}

.setPhotoBlock {text-align: center; margin: 7px 0; width: 180px;}
.setPhotoBlock .photo {display: inline-block; border-style: solid; border-width: 1px; border-color: #dedede; padding: 5px;}

.photoshower {background-color: rgba(0, 0, 0, 0.75);}
.photoshower .image {box-shadow: 0 0 15pt -1pt #000000;}
.photoshower .title {text-shadow: 0 0 2pt #000000; font-size: 10.5pt; color: #f5f5f5; text-align: center;}
.photoshower .button {cursor: pointer; opacity: 0.5; transition: opacity ease 0.2s;}
.photoshower .button:hover {opacity: 1;}
.photoshower .left {background-image: url("/images/spritesHigh.png"); width: 51px; height: 100px; background-size: 141px 176px; background-position: 0px -21px;}
.photoshower .right {background-image: url("/images/spritesHigh.png"); width: 51px; height: 100px; background-size: 141px 176px; background-position: -52px -21px;}
.photoshower .close {background-image: url("/images/spritesHigh.png"); width: 33px; height: 52px; background-size: 141px 176px; background-position: 0px -122px;}
.photoshower .fullscreen {background-image: url("/images/spritesHigh.png"); width: 53px; height: 53px; background-size: 141px 176px; background-position: -34px -122px;}
.photoshower .fullscreen.return {background-image: url("/images/spritesHigh.png"); width: 35px; height: 53px; background-size: 141px 176px; background-position: -88px -122px;}

.linkedValues .value {display: inline-block; vertical-align: middle;}
.linkedValues .value input[type=text] {width: 60px; text-align: right;}
.linkedValues .linkButton {display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: 0 10px; cursor: pointer; background-image: url("/images/spritesHigh.png"); width: 16px; height: 8px; background-size: 141px 176px; background-position: -124px 0px; opacity: 0.7; transition: opacity ease 0.25s;}
.linkedValues .linkButton:hover {opacity: 1;}
.linkedValues .linkButton.linked {background-image: url("/images/spritesHigh.png"); width: 16px; height: 8px; background-size: 141px 176px; background-position: -124px -9px;}

.inputList {-moz-box-sizing: border-box; text-align: left; background-color: #ffffff; border-style: solid; border-width: 0 1px 1px 1px; border-color: #a9a9a9; max-height: 290px; overflow-x: hidden; overflow-y: auto;}
.inputList .hint {font-size: 13px; padding: 5px 7px;}
.inputList .item {display: block;}
.inputList .item:hover {background-color: #ffdde1; text-decoration: none;}
.inputList .itemContent {padding: 4px 7px; color: #616161;}
.inputList .forPhoto {float: left;}
.inputList .forPhoto img {max-height: 100%; display: inline-block; vertical-align: middle;}

.inputList.withPictures .itemContent {padding: 0 7px; height: 40px; line-height: 40px; text-decoration: none;}
.inputList.withPictures .forPhoto {height: 40px; width: 40px;}
.inputList.withPictures .forPhoto img {max-width: 100%;}

.setCoverPhotoBlock {float: left; border-style: solid; border-width: 1px; border-color: #dedede; padding: 5px; margin: 10px 15px 10px 0;}

button.buy {background: -moz-linear-gradient(top, #2ec023, #37d02b); border-color: #2d9d24; padding: 3px 8px; color: #ffffff; box-shadow: inset 0 2px 0 0 #6bf560; border-radius: 4px; margin-right: 5px;}
button.buy .icon {display: inline-block; vertical-align: middle; margin-right: 7px; background-image: url("/images/spritesHigh.png"); width: 18px; height: 15px; background-size: 141px 176px; background-position: -104px -21px;}
button.buy:hover {background: -moz-linear-gradient(top, #30cc25, #3ade2f); box-shadow: inset 0 2px 0 0 #6cfa61; border-color: #30ab27;}
button.buy canvas {margin-left: 7px;}

.pageSelector {margin: 15px 0;}
.pageSelector a, .pageSelector .current {display: inline-block; vertical-align: middle; margin-right: 5px; padding: 1px 6px; border-style: solid; border-width: 1px; transition: all 0.25s ease;}
.pageSelector a {border-color: #d0b1b9;}
.pageSelector a:hover {text-decoration: none; background-color: #ffeff3;}
.pageSelector .current {border-color: #a8a8a8; background-color: #b1b1b1; color: #ffffff;}
.pageSelector .dots {margin-right: 5px;}

.cartTable {margin: 10px 0;}
.cartTable .cartTableRawContent {padding: 8px 0; white-space: nowrap; border-style: solid; border-width: 1px 0 0 0; border-color: #e9e9e9;}
.cartTable .cartTableRaw:first-child .cartTableRawContent {border: none;}
.cartTable .cartTableCell {display: inline-block; vertical-align: middle; white-space: normal; -moz-box-sizing: border-box;}
.cartTable .cartTableCell.setTitle {width: 40%; padding-right: 4px;}
.cartTable .cartTableCell.setTitleWide {width: 75%; padding-right: 4px;}
.cartTable .cartTableCell.warning {width: 35%; padding: 0 4px; color: #d90000;}
.cartTable .cartTableCell.price {width: 10%; text-align: right; padding: 0 4px;}
.cartTable .cartTableCell.buttons {width: 15%; text-align: right; padding-left: 4px;}
.cartTable .cartTableCell.priceWide {width: 85%; text-align: right; padding-right: 4px;}
.cartTable .cartTableCell.warning .warning {color: #ffffff; background-color: #f70000; border-radius: 10px; font-weight: bold; display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center;}

.fileManager {border-style: solid; border-width: 1px; border-color: #c9c9c9;}
.fileManager a {cursor: pointer; color: #666666;}
.fileManager .panelTop {border-style: solid; border-width: 0 0 1px 0; border-color: #c9c9c9; padding: 3px 6px;}
.fileManager .content {height: 280px; overflow-y: auto;}
.fileManager .content .item {padding: 3px 6px; font-size: 14px;}
.fileManager .content .item:nth-child(odd) {background-color: #eef7ff;}
.fileManager .icon {display: inline-block; vertical-align: middle;}
.fileManager .iconFolder {background-image: url("/images/spritesHigh.png"); width: 14px; height: 12px; background-size: 141px 176px; background-position: -123px -21px; margin-right: 6px;}
.fileManager .iconFile {width: 20px;}
.fileManager .item .size {float: right; width: 100px; text-align: right;}
.fileManager .item .warningUsed {float: right; color: #e00000;}

.orderBlock {padding: 12px 15px 15px 15px; background-color: #f5f5f5; margin: 15px 0;}
.orderBlock.executed {background-color: #f1fff1;}
.orderBlock .title {font-size: 17px;}
.orderBlock .date {float: right; font-size: 14px; color: #797979; margin-top: 3px;}
.orderBlock .status {font-size: 13px;}
.orderBlock .setsBlock, .orderBlock .archivesBlock {margin-bottom: -10px;}
.orderBlock .setsBlock .setShell {margin: 0 15px 15px 0;}
.orderBlock .pretitle {margin: 15px 0 5px 0; font-size: 13px; color: #797979;}
.orderBlock .price {font-size: 13px; margin-top: 8px; color: #797979;}
.orderBlock .price span {font-size: 16px; color: #4a4a4a;}
.orderBlock p {margin-top: 0;}
.orderInfoTitle {margin: 20px 0 5px 0; font-weight: bold; font-size: 14px;}

.archiveLine {display: block; border: solid 1px #ccc; background-color: #fff; color: #747474; padding: 4px 7px; margin-bottom: 10px;}
.archiveLine:hover {text-decoration: none; color: #626262; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); border-color: #bbb;}
.archiveLine .title {font-size: 15px;}
.archiveLine .size {float: right; font-size: 13px; margin-top: 1px; margin-left: 10px;}
.archiveLine .notDownloaded {font-size: 13px; margin-left: 8px; color: #de0e49;}

.archivesPagePassword {text-align: center; margin: 30px 0;}

.archivePasswordHolder {display: inline-block; text-align: center; width: 200px; font-size: 13px;}
.archivePasswordHolder input[type=text] {box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); border-color: #cacaca; width: 200px; text-align: center; padding: 8px 0; font-size: 17px; font-family: "Courier New", Courier, monospace;}

.archiveDownloadingHolder {text-align: center; margin: 30px 0;}
.archiveDownloadingHolder form {display: inline-block; vertical-align: bottom; margin-right: 30px;}
.archiveDownloadingHolder form button {font-size: 17px; padding: 7px 15px;}
.archiveDownloadingHolder form button span {font-size: 13px; margin-left: 6px; color: #828282;}
.archiveDownloadingHolder .archivePasswordHolder {vertical-align: bottom;}

.paymentsBalanceHolder {margin: 20px 0; text-align: center;}
.paymentsBalanceHolder span {font-size: 18px;}
.paymentsBalanceHolder a {font-size: 14px;}

.paymentBlock {padding: 8px 0; border-bottom: dotted 1px #c9c9c9;}
.paymentBlock.last {border-bottom: none;}
.paymentBlock .price {font-size: 17px; float: left; margin-top: -2px; width: 160px;}
.paymentBlock .comment {margin-left: 160px;}
.paymentBlock span {font-size: 14px;}
.paymentBlock .price.positive {color: #488e41;}
.paymentBlock .price.negative {color: #8e4141;}
.paymentBlock .date {float: right; font-size: 14px; color: #797979; margin-left: 30px;}

.filtersPanel {margin: 15px 0;}
.filtersPanel .block {margin: 0 20px 0 10px; display: inline-block; vertical-align: middle;}


.radioGroup {display: inline-block; vertical-align: middle; border: solid 1px #d1d1d1;}
.radioGroup label {cursor: pointer; display: inline-block; padding: 3px 10px; border-right: solid 1px #d1d1d1;}
.radioGroup label:hover {background-color: #ffeff3;}
.radioGroup label:last-child {border-right: none;}
.radioGroup input[type=radio] {display: none;}
.radioGroup input[type=radio]:checked + label {background-color: #fec3d2;}


.filtersPanel .orderBlock {display: inline-block; vertical-align: middle; margin: 0 20px 0 -15px; padding: 0; background: none;}

.orderCheck {display: none;}
.orderCheck + label {cursor: pointer; padding: 2px 8px;}
.orderCheck + label:hover {background-color: #ffeff3;}
.orderCheck + label .text {display: none;}
.orderCheck + label::after {content: "↓";}
.orderCheck:checked + label::after {content: "↑";}


.faqBlock {margin: 20px 0;}
.faqBlock .question {font-size: 14px; font-weight: bold;}
.faqBlock .answer {margin-top: 4px;}

.feedBlock {padding: 15px 0; border-top: dotted 1px #d0d0d0;}
.feedBlock.top {border-top: none;}
.feedBlock .date {font-size: 13px; float: right; margin-left: 30px; color: #919191;}

.modelsSelector .item {display: inline-block; vertical-align: middle; background-color: #fff; border: solid 1px #ccc; height: 40px; margin: 0 15px 10px 0; position: relative; white-space: nowrap;}
.modelsSelector .item:hover {box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); border-color: #c0c0c0; text-decoration: none;}
.modelsSelector .item .content {padding: 0 11px; display: inline-block; vertical-align: middle; color: #636363;}
.modelsSelector .item .content.withData {font-size: 14px;}
.modelsSelector .item .content.withData .datum {font-size: 12px;}
.modelsSelector .item .forPhoto {float: left; height: 100%; width: 34px;}
.modelsSelector .item .forPhoto img {max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle;}
.modelsSelector .item .remove {margin-right: 11px; line-height: 40px;}

.statictics span {font-size: 20px;}
.statictics span.great {font-size: 24px;}
.btn_login a:hover{
    text-decoration: none;
    background-color: #f6a6b3 !important;
}