/*********************************************************************
 *
 * Forms
 *
 *********************************************************************
**/

.form {
    max-width: 500px;
    font-size: 18px;
}

.form .field {
    margin-bottom: 18px;
}

.form .field .label {
    display: block;
    margin-bottom: 5px;
}

.form .field .input {
    overflow: hidden;
}

.form input[type="text"],
.form textarea,
.form select {
    width: 100%;
    margin: 0;
    border: 1px solid #f00;
    padding: 4px 6px;
    font: inherit;
    color: inherit;
}

.form textarea {
    height: 150px;
    resize: vertical;
}

.form .comment {
    margin-top: 5px;
    font-size: 0.8em;
}

.form .remark {
    font-size: 0.8em;
}

.form .captcha img {
    vertical-align: middle;
}

.form .captcha input {
    width: auto;
    vertical-align: middle;
}

.form .submit {
    text-align: right;
}

.form .error .label {
    color: #c00 !important;
}

.form .error input[type="text"],
.form .error textarea,
.form .error select {
    border-color: #c00 !important;
    background-color: #fbb !important;
}

/* Image-button - common styles */

.b-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 20px;
    border: none;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    text-align: center;
    -moz-text-align-last: center;
    text-decoration: none;
    background: transparent none 0 0 no-repeat;
}

button.b-button::-moz-focus-inner {
    border: none;
}

.b-button:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 0;
    height: 100%;
}

.b-button_icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    background: transparent none 0 0 no-repeat;
    z-index: 10;
}

.b-button_title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    -moz-text-align-last: left;
    z-index: 20;
}

.b-button_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: transparent none 0 0 no-repeat;
}

.b-button_bg.right {
    left: 50%;
    background-position: 100% 0;
}

/* Image-button - block */

.b-button__block {
    display: block;
    width: 100%;
}

/* Image-button with fixed width */

.b-button__fixed {
    
}

.b-button__fixed .b-button_bg {
    width: 100%;
}

.b-button__fixed .b-button_bg.right {
    display: none;
}

/* Image-button with normal state only */

/*.b-button:not(.b-button__has-active):not(.b-button__has-hover):hover {*/
.b-button__has-normal:hover {
    left: -1px;
    top: -1px;
}

/*.b-button:not(.b-button__has-active):not(.b-button__has-hover):active {*/
.b-button__has-normal:active {
    left: 0;
    top: 0;
}

/* Image-button with normal and active states */

.b-button__has-active.active .b-button_bg,
.b-button__has-active:active .b-button_bg,
.b-button__has-active:hover .b-button_bg {
    background-position: 0 100%;
}

.b-button__has-active.active .b-button_bg.right,
.b-button__has-active:active .b-button_bg.right,
.b-button__has-active:hover .b-button_bg.right {
    background-position: 100% 100%;
}

/* Image-button with normal, hover and active states */

.b-button__has-hover:hover .b-button_bg {
    background-position: 0 50%;
}

.b-button__has-hover:hover .b-button_bg.right {
    background-position: 100% 50%;
}

.b-button__has-hover.active .b-button_bg,
.b-button__has-hover:active .b-button_bg {
    background-position: 0 100%;
}

.b-button__has-hover.active .b-button_bg.right,
.b-button__has-hover:active .b-button_bg.right {
    background-position: 100% 100%;
}

/* Image-button - special styles */

.b-button__common {
    height: 48px;
    border: 1px solid #ff0000;
    background: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNokijEOAEAQAan8/7dUTm4VDMG2SQBIou2jOVb6NeBi0z2fAAMAphIasItuuDEAAAAASUVORK5CYII=');
    overflow: visible;
}

.b-button__common .b-button_title {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 21px;
    color: #e31e24;
    text-transform: uppercase;
}

.b-button__common:hover,
.b-button__common.active,
.b-button__common:active {
    background: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpifCSn8ubvXwYGBhFmZiY4i5GBgQnCApKv//5lgohB5AECDABy7w0tohC+ZgAAAABJRU5ErkJggg==');
}

.b-button__common:hover .b-button_title,
.b-button__common.active .b-button_title,
.b-button__common:active .b-button_title {
    color: #fff;
}

.b-button__common.active .b-button_bg,
.b-button__common:active .b-button_bg {
    background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAuCAYAAAD0gmcpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApZJREFUeNrs21tPE0EYgOGZdgERPESNF/j//xoXRo2KyLFdZ+g3YUOUU1eSLc+TfJSQ7mbT3ryZGbq+71PO+VNK6aDMblq5LLNMAADcZl6mi3b6XuawvuYIrPqG7TIfyrwv8youWMQAALCSI6rq61mE1ecyP8r0V28YBNbQboTW6zJb8eZFuwgA4BmapdUCVO2hkwirb+kvi1H/CqymxlVdzdovsxOl1kIr+5wBgGcSVrV76jbgaVqtVB3fdsFdgTVUV7X2IrRmEVnOaQEAmyhH76QIq98xF/e6+AGB1XQRWfXM1jz+1ifbhwDAZoRVjq6pYVXPWJ0++CaPCKyh7Qiu2eBhAACmGlft3PlFBNajdGs+yHlMO/Q1890AABPUjj6N8k993UgPtUzX57FEFgAwtbgadRfuKrDqNuGIHHyHgTW24AGYKKtNAAACCwBAYAEACCwAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAQWAAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAAEFgAAAILAEBgAQAgsAAABBYAgMACABBYAACMoqs/cs5j3zfHAABMxXLUwBoxquZptSomrgCAqUbWYt3YGiOw6j22Iq5qWPW+GwBgolrL1MC6LHP+1IH1osxO3KM9jLgCADYhstpu3CIi6yyC678EVl2pehnTrl0KKwBgQ9WjT/vROzWyjsuc3Flofd/f55D7Xpk3abVq1aXrpTMAgE1Xu6edNe8jtH6VOSpz8dDAqjd5V+Ztmd248dqHvgAAJqyFVo64+lnma7qxqnUzsOovdaXqY4TVTpTaZbINCAAwNI+pC1BHEVpfypy3wMoRVAfx2kVULXx2AAC3mqXrs+l1JevwjwADAB/0in3NbVJxAAAAAElFTkSuQmCC');
}

.b-button__common .b-button_shadow {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50%;
    height: 9px;
    background: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAJCAYAAADuK1KnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR1JREFUeNrs201rwkAUheE70Sqi7aau2v//11y4KLqwTUmj3kvOYCnFj5hNzPvAIaCTILo5zFyTmb173jwza/x49gYAAIBLRp6x+tPGs4pr0psTz9Lz6nnW4loBAADASVKpiuu3itXas/Uc8oK/ZipaL54nLazzDQAAAANVWLMJFZ3oS8Xqw/7ZkEpnHhLlKnazFp6p1uailfiOAQDAgIpVdJ84Biyt2ananbvh2qIUu1pzFa1CJYs5LQAA8KiSOo+pWH0q1bU332KskhUzWyO9djCODwEAwOMUq6RuE8UqZqzKNg9pa6LCVfz6IAAAAH0uV3n2vFLBav2ge+WBr4LfBQAA9FQef+rkj31dD6tTsgAAQB/LVacncUcBBgDINzILSqW1RQAAAABJRU5ErkJggg==') no-repeat;
}

.b-button__common .b-button_shadow.right {
    left: 50%;
    background-position: 100% 0;
}

.b-button__common.active .b-button_shadow,
.b-button__common:active .b-button_shadow {
    display: none;
}