.clearout {

clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
font-size:30px;
font-weight:bold;
}

.nbs-flexisel-container {
    position:relative;
    max-width:1180px;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}
@font-face {
font-family: MyriadPro;
src: url(font/MyriadPro-Regular.eot) format('eot');
src: local('☺'), url(font/MyriadPro-Regular.woff) format('woff'), url(font/MyriadPro-Regular.ttf) format('truetype'), url(font/MyriadPro-Regular.html) format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: MyriadPro;
src: url(font/MyriadPro-It.eot) format('eot');
src: local('☺'), url(font/MyriadPro-It.woff) format('woff'), url(font/MyriadPro-It.ttf) format('truetype'), url(font/MyriadPro-It.html) format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: MyriadPro;
src: url(font/MyriadPro-Bold.eot) format('eot');
src: local('☺'), url(font/MyriadPro-Bold.woff) format('woff'), url(font/MyriadPro-Bold.ttf) format('truetype'), url(font/MyriadPro-Bold.html) format('svg');
font-weight: 700;
font-style: normal;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.usn {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* all */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:after,
*:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
overflow-x: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: MyriadPro, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
overflow: hidden;
line-height: 1.3;
background: #ffffff url(img/bg.jpg) center top no-repeat;
background-size: cover;
background-attachment: fixed;
}
a {
color: #ff1a00;
text-decoration: none;
}
a:focus,
a:active {
outline: none;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
input,
button,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
input:focus,
button:focus,
select:focus,
textarea:focus {
outline: none;
}
input {
padding-top: 0;
padding-bottom: 0;
}
::-moz-placeholder {
font-family: MyriadPro, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #1880d0;
}
:-ms-input-placeholder {
font-family: MyriadPro, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #1880d0;
}
::-webkit-input-placeholder {
font-family: MyriadPro, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #1880d0;
}
table {
border-collapse: collapse;
border-spacing: 0;
background-color: transparent;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
input[disabled] {
cursor: default;
}
img {
border: 0;
max-width: 100%;
}
ul {
list-style: none;
}
.container {
position: relative;
z-index: 1;
}
.row:after,
.clearfix:after {
display: table;
line-height: 0;
content: '';
clear: both;
}
/* header */
.header {
background: url(img/header.jpg) center bottom no-repeat;
background-size: cover;
-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 1111;
}
.header-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 20px 0 15px;
margin: 0 -15px;
-webkit-box-pack: justify;
-webkit-justify-content: space-around;
-ms-flex-pack: justify;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.header-col {
padding: 0 15px 7px;
display: inline-block;
vertical-align: middle;
text-align: left;
}
.logo {
font-size: 24px;
font-weight: 700;
color: #000;
white-space: nowrap;
}
.logo span {
color: #d9193b;
}
.header-col-menu {
padding-bottom: 2px;
}
.nav-top.fixed {
padding: 7px 0 0;
background: rgba(255, 242, 0, 0.9);
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 66666666;
text-align: center;
}
.nav-top.fixed .menu-top {
display: inline-block;
}
.menu-top {
font-size: 17px;
}
.menu-top li {
display: inline-block;
float: left;
margin: 0 30px 5px 0;
}
.menu-top li:last-child {
margin-right: 0;
}
.menu-top a {
display: block;
color: inherit;
}
.menu-top a:hover {
color: #ff1a00;
}
.header-tel {
display: inline-block;
position: relative;
padding-left: 25px;
font-size: 18px;
color: inherit;
white-space: nowrap;
}
.header-tel:before {
content: '';
position: absolute;
width: 22px;
height: 22px;
left: 0;
top: 50%;
margin-top: -12px;
background: url(img/header-tel.png);
}
.main-title-wrapp {
padding-bottom: 10px;
text-align: center;
}
.main-title-body {
display: inline-block;
background: #fff200;
line-height: 1.2;
padding: 24px 0 18px;
position: relative;
}
.main-title-body:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -50px;
right: -50px;
background: #fff200;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);
transform: skew(20deg);
}
.main-title {
font-size: 46px;
font-weight: 700;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.main-title span {
color: #fff;
background: #ff0000;
line-height: 1;
padding: 0 7px;
display: inline-block;
}
.main-img {
padding-bottom: 75px;
}
.main-img img {
display: block;
margin: 0 auto;
}
/* work */
.work {
background: url(img/work.jpg) left bottom repeat-x;
position: relative;
padding-bottom: 60px;
}
.work:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 797px;
background: url(img/work.png) center top no-repeat;
}
.work-title-body {
padding-bottom: 60px;
}
.work-title {
font-size: 40px;
}
.work-btn-wrapp {
text-align: center;
margin-top: -40px;
}
.work-btn {
display: block;
width: 450px;
height: 76px;
font-weight: 700;
color: #fff;
font-size: 32px;
text-transform: uppercase;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);
transform: skew(20deg);
background: #1880d0;
border: 0;
position: relative;
margin: auto;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.work-btn:hover {
background: #3399e8;
}
.work-btn:active {
-webkit-transform: skew(20deg) translateY(5px);
-moz-transform: skew(20deg) translateY(5px);
-o-transform: skew(20deg) translateY(5px);
-ms-transform: skew(20deg) translateY(5px);
transform: skew(20deg) translateY(5px);
}
.work-btn:active:after {
height: 0;
}
.work-btn span {
display: block;
position: relative;
z-index: 1;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.work-btn:after {
content: '';
position: absolute;
width: 95%;
height: 5px;
left: 50%;
top: 100%;
background: #084c80;
-webkit-transform: skew(20deg) translateX(-50%);
-moz-transform: skew(20deg) translateX(-50%);
-o-transform: skew(20deg) translateX(-50%);
-ms-transform: skew(20deg) translateX(-50%);
transform: skew(20deg) translateX(-50%);
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
/* seal */
.seal-body {
padding: 80px 0 15px;
}
.section-title-wrapp {
text-align: center;
margin-bottom: 35px;
}
.section-title-body {
display: inline-block;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
background-color: #7ecc30;
background-image: -o-linear-gradient(top, #b5e200, #7ecc30);
background-image: -moz-linear-gradient(top, #b5e200, #7ecc30);
background-image: -webkit-linear-gradient(top, #b5e200, #7ecc30);
background-image: linear-gradient(top, #b5e200, #7ecc30);
padding: 15px 35px 5px;
}
.section-title {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 100px;
line-height: 1.1;
margin: 0 25px 15px 0;
font-weight: 700;
text-transform: uppercase;
}
.seal-title {
padding-right: 160px;
}
.section-title-icon {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-size: 100% 100%;
}
.seal-title-icon {
width: 142px;
height: 200px;
margin-top: -30px;
background: url(img/seal-title-icon.png);
}
.section-title-action {
display: inline-block;
vertical-align: middle;
font-size: 32px;
font-weight: 700;
color: #fff;
background: #ff0000;
padding: 10px 15px;
text-align: left;
margin-bottom: 15px;
}
.section-form {
padding-bottom: 60px;
}
.form-blocks {
text-align: center;
}
.form-blocks .form-block,
.form-blocks .submit-wrapp {
margin: 0 5px 15px;
display: inline-block;
vertical-align: middle;
}
.form-blocks .form-block {
width: 250px;
}
.form-blocks .submit-wrapp {
width: 325px;
}
.alert {
position: absolute;
height: 20px;
padding: 0 10px;
background: red;
color: #fff;
font-size: 12px;
line-height: 20px;
top: 0;
right: 0;
font-style: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
z-index: -2;
white-space: nowrap;
}
.alert:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: solid 8px red;
border-left: solid 5px transparent;
border-right: solid 5px transparent;
bottom: -8px;
right: 20px;
}
.alert.active {
opacity: 1;
z-index: 2;
top: -19px;
}
.form-block {
position: relative;
}
.input {
display: block;
width: 100%;
height: 65px;
padding: 0 20px;
border: solid 2px #2085d1;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
background: transparent;
text-align: center;
}
.submit {
width: 100%;
height: 65px;
background: transparent;
position: relative;
border: 0;
font-size: 32px;
font-weight: 700;
color: #fff;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.submit:after {
content: '';
position: absolute;
top: 5px;
left: 12px;
right: 12px;
bottom: -5px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
background: #be1300;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.submit:hover .btn-text {
background: #ff4833;
}
.submit:active {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
.submit:active:after {
top: 0;
bottom: 0;
left: 5px;
right: 5px;
}
.btn-text {
display: table;
width: 100%;
position: relative;
height: 100%;
z-index: 1;
background: #ff1a00;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.btn-text span {
display: table-cell;
vertical-align: middle;
}
.seal-row {
margin-bottom: 30px;
}
.seal-col {
padding-bottom: 30px;
}
.seal-block {
text-align: center;
}
.seal-block-title {
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 10px;
min-height: 60px;
line-height: 2;
}
.seal-block-title span {
font-size: 15px;
display: inline-block;
position: relative;
top: -5px;
}
.seal-block-img {
margin-bottom: 20px;
display: table;
width: 100%;
table-layout: fixed;
}
.seal-block-img span {
display: table-cell;
vertical-align: bottom;
}
.seal-block-img img {
display: block;
max-width: none;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.seal-block-img-1 span {
padding-bottom: 40px;
}
.seal-block-img-left img {
right: 0;
left: 100%;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.seal-block-img-translate img {
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-o-transform: translateX(-40%);
-ms-transform: translateX(-40%);
transform: translateX(-40%);
}
.order-block {
text-align: center;
max-width: 100%;
}
.order-button {
display: block;
margin: 0 auto 15px;
width: 100%;
max-width: 190px;
height: 38px;
background: transparent;
position: relative;
border: 0;
font-weight: 700;
color: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.order-button:after {
content: '';
position: absolute;
top: 3px;
left: 10px;
right: 10px;
bottom: -3px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background: #be1300;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.order-button:hover .btn-text {
background: #ff4833;
}
.order-button:active {
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
}
.order-button:active:after {
top: 0;
bottom: 0;
left: 8px;
right: 8px;
}
.order-block-desc {
font-style: italic;
}
.seal-types {
position: relative;
}
.seal-types:after {
content: '';
position: absolute;
right: 0;
left: 0;
height: 50%;
top: 50%;

}
.seal-types-body {
padding: 50px 0 30px;
background: url(img/seal-types.jpg) center bottom no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.seal-types-body-stamp {
padding: 50px 0 30px;
background: url(img/seal-types-stamp.jpg) center bottom no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.seal-types-row {
text-align: center;
margin: 0 -15px;
}
.seal-types-col {
display: inline-block;
vertical-align: bottom;
padding: 0 15px 30px;
max-width: 100%;
}
.seal-types-block {
text-align: center;
}
.seal-types-block-title {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
}
.seal-types-block-price {
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);
transform: skew(20deg);
background: #fff200;
padding: 8px 20px;
font-size: 26px;
font-weight: 700;
color: #ff1a00;
margin: 0 auto 15px;
white-space: nowrap;
width: 190px;
}
.seal-types-block-price > span {
display: inline-block;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.seal-types-block-price > span span {
font-weight: 400;
}
.seal-types-block-img img {
display: block;
margin: auto;
}
/* stamps */
.stamps-title {
padding-right: 320px;
margin-right: 0;
font-size: 96px;
}
.stamps-title-icon {
width: 306px;
height: 171px;
background: url(img/stamps-title-icon.png);
}
.stamp-block-translate-right {
-webkit-transform: translateX(6%);
-moz-transform: translateX(6%);
-o-transform: translateX(6%);
-ms-transform: translateX(6%);
transform: translateX(6%);
}
.stamp-block-translate-left {
-webkit-transform: translateX(-6px);
-moz-transform: translateX(-6px);
-o-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px);
}
.seal-block-img-top span {
vertical-align: top;
}
.stamp-block-img-1 span {
padding-bottom: 15px;
}
/* facsimile */
.facsimile-title {
font-size: 70px;
}
.seal-block-img-row {
text-align: center;
margin: 0 -15px;
}
.seal-block-img-col {
display: inline-block;
vertical-align: middle;
padding: 0 15px 30px;
}
.order-block-row {
margin: 0 -4px;
}
.order-block-col {
display: inline-block;
vertical-align: middle;
padding: 0 4px 10px;
}
.order-block-col .order-button {
width: 190px;
margin-bottom: 0;
}
/* bookplate */
.bookplate-block-img-row {
margin: 0 -30px;
}
.bookplate-block-img-row .seal-block-img-col {
padding: 0 30px 30px;
}
/* equipment */
.equipment {
position: relative;
background: url(img/equipment.jpg) center top no-repeat;
background-size: cover;
}
.page-title {
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);
transform: skew(20deg);
padding: 20px 50px 10px;
background: #fff200;
font-size: 83px;
text-transform: uppercase;
font-weight: 700;
}
.page-title span {
display: block;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.page-title {
position: absolute;
top: 0;
left: 50%;
z-index: 3;
-webkit-transform: translateX(-50%) skew(20deg);
-moz-transform: translateX(-50%) skew(20deg);
-o-transform: translateX(-50%) skew(20deg);
-ms-transform: translateX(-50%) skew(20deg);
transform: translateX(-50%) skew(20deg);
}
.equipment-block-wrapp {
position: relative;
}
.equipment-block-wrapp:after {
content: '';
position: absolute;
right: 0;
left: 0;
height: 20px;
bottom: 0;
-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.equipment-block {
position: relative;
z-index: 1;
}
.equipment-block:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 168px;
background: url(img/equipment-block.jpg) center bottom no-repeat;
background-size: cover;
}
.equipment-block .container {
z-index: 2;
}
.equipment-block-1 {
padding: 20px 0 40px;
}
.equipment-block-1 .equipment-row {
text-align: right;
}
.equipment-block-2 {
padding: 35px 0 10px;
}
.equipment-block-3 {
padding: 50px 0 10px;
}
.equipment-block-4 {
padding: 20px 0 20px;
}
.equipment-row {
text-align: center;
margin: 0 -20px;
}
.equipment-col {
display: inline-block;
vertical-align: bottom;
max-width: 100%;
padding: 0 20px 30px;
}
/* paints */
.paints {
background: #fff;
padding-bottom: 125px;
}
.page-title-wrapp {
text-align: center;
}
.paints-title {
position: static;
display: inline-block;
-webkit-transform: translateX(0) skew(20deg);
-moz-transform: translateX(0) skew(20deg);
-o-transform: translateX(0) skew(20deg);
-ms-transform: translateX(0) skew(20deg);
transform: translateX(0) skew(20deg);
margin-bottom: 50px;
}
.paint-row {
margin-bottom: 20px;
}
/* delivery */
.delivery {
padding: 240px 0 110px;
background-color: #7ecc30;
background-image: -o-linear-gradient(top, #b5e200, #7ecc30);
background-image: -moz-linear-gradient(top, #b5e200, #7ecc30);
background-image: -webkit-linear-gradient(top, #b5e200, #7ecc30);
background-image: linear-gradient(top, #b5e200, #7ecc30);
position: relative;
margin-top: -70px;
}
.delivery-title {
transform: translate(-50%, 50%) skew(20deg);
top: -69px;
}
.delivery-row-wrapp {
text-align: center;
}
.delivery-row {
display: inline-block;
margin: 0 -30px;
}
.delivery-col {
display: inline-block;
float: left;
padding: 0 30px 30px;
text-align: left;
}
.delivery-col-icon {
float: right;
}
.delivery-col-icon img {
display: block;
margin: auto;
}
.delivery-list {
max-width: 625px;
font-size: 30px;
text-transform: uppercase;
font-weight: 700;
margin: auto;
}
.delivery-list li {
padding: 5px 30px 5px 70px;
position: relative;
border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}
.delivery-list li:before {
content: '';
position: absolute;
width: 19px;
height: 19px;
left: 35px;
top: 15px;
background: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/* questions */
.questions {
background: #fff;
}
.questions-title-wrapp {
display: table;
width: 100%;
height: 100%;
}
.questions-title-cell {
display: table-cell;
vertical-align: middle;
padding: 40px 0;
text-align: center;
}
.questions-title {
font-weight: 700;
font-size: 80px;
margin-bottom: 20px;
text-transform: uppercase;
}
.questions-title-desc {
font-size: 25px;
text-transform: uppercase;
max-width: 360px;
margin: auto;
}
.questions-form-wrapp {
width: 432px;
height: 587px;
background: url(img/questions-form-wrapp.png);
margin: -106px auto 0;
padding: 140px 55px 20px;
}
.questions-form {
text-align: center;
}
.questions-form-title {
font-size: 25px;
margin-bottom: 30px;
}
.questions-form-title span {
text-transform: uppercase;
font-weight: 700;
}
.questions-form-blocks {
margin: 0 auto 20px;
max-width: 285px;
}
.questions-form-blocks .form-block {
margin-bottom: 13px;
}
.questions-input {
border: solid 1px #a6a6a6;
font-size: 15px;
height: 70px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
.questions-input::-moz-placeholder {
font-size: 15px;
color: #9f9f9f;
text-transform: uppercase;
}
.questions-input:-ms-input-placeholder {
font-size: 15px;
color: #9f9f9f;
text-transform: uppercase;
}
.questions-input::-webkit-input-placeholder {
font-size: 15px;
color: #9f9f9f;
text-transform: uppercase;
}
.questions-submit {
width: 100%;
height: 70px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
border: 0;
background-color: #cd0000;
background-image: -o-linear-gradient(top, #ff1a00, #cd0000);
background-image: -moz-linear-gradient(top, #ff1a00, #cd0000);
background-image: -webkit-linear-gradient(top, #ff1a00, #cd0000);
background-image: linear-gradient(top, #ff1a00, #cd0000);
color: #fff;
}
.questions-submit:hover {
background-color: #cd0000;
background-image: -o-linear-gradient(bottom, #ff1a00, #cd0000);
background-image: -moz-linear-gradient(bottom, #ff1a00, #cd0000);
background-image: -webkit-linear-gradient(bottom, #ff1a00, #cd0000);
background-image: linear-gradient(bottom, #ff1a00, #cd0000);
}
.form-privat {
color: #9f9f9f;
font-size: 15px;
}
/* map */
.map {
height: 400px;
}
/* footer */
.footer {
padding: 40px 0 20px;

background: #fff;
}
.footer-row {

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.footer-col {
padding: 0 40px 25px;
}
.footer-address {
font-size: 24px;
text-align: left;
}
.footer-address p:not(:last-child) {
margin-bottom: 5px;
}
.footer-contacts {
font-size: 24px;
text-align: right;
}
.footer-contacts p:not(:last-child) {
margin-bottom: 5px;
}
.footer-contacts [href*="mailto"] {
color: inherit;
border-bottom: solid 1px transparent;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
font-weight: 700;
}
.footer-contacts [href*="mailto"]:hover {
border-bottom-color: #000000;
}
/* modal */
.modal {
display: none;
color: #000000;
font-family: MyriadPro, Arial, Helvetica, sans-serif;
padding: 55px 100px;
width: 750px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
position: relative;
text-align: center;
}
.modal-close {
border: 0;
background: transparent;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
width: 35px;
height: 35px;
top: 50px;
right: 50px;
}
.modal-close:before,
.modal-close:after {
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
left: 0;
right: 0;
background: #b6b6b6;
}
.modal-close:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal-close:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.fancybox-overlay {
background: rgba(18, 18, 18, 0.45);
}
.modal-title {
font-weight: 700;
text-transform: uppercase;
font-size: 40px;
margin-bottom: 25px;
}
.fancybox-opened .fancybox-skin {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
color: #000000;
background: #fff;
}
.form-blocks-modal {
max-width: 270px;
margin: auto;
}
.form-blocks-modal .form-block {
margin-bottom: 20px;
}
.submit-wrapp {
padding-top: 5px;
max-width: 325px;
margin: auto;
}
.form-block-required:before {
content: '\002A';
position: absolute;
width: 24px;
right: 100%;
top: 50%;
color: #ff0000;
font-size: 36px;
line-height: 15px;
}
.textarea {
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
height: 185px;
resize: none;
}
.required-desc {
font-size: 13px;
margin-bottom: 15px;
position: relative;
padding-left: 22px;
display: inline-block;
}
.required-desc:before {
content: '\002A';
position: absolute;
left: 0;
top: 50%;
color: #ff0000;
margin-top: -2px;
font-size: 36px;
line-height: 15px;
}
.file-title {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 18px;
}
.form-block-file-wrapp {
max-width: 270px;
margin: 0 auto 10px;
}
.form-block-file {
padding-left: 155px;
text-align: left;
cursor: pointer;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
line-height: 34px;
font-size: 13px;
}
.input-file {
display: none;
}
.file-btn {
position: absolute;
left: 0;
top: 50%;
margin-top: -17px;
width: 135px;
height: 34px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
display: table;
line-height: 1;
text-align: center;
border: solid 2px;
padding: 0 15px;
background-color: #d9d9d7;
background-image: -o-linear-gradient(top, #ffffff, #d9d9d7);
background-image: -moz-linear-gradient(top, #ffffff, #d9d9d7);
background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d7);
background-image: linear-gradient(top, #ffffff, #d9d9d7);
}
.file-btn span {
display: table-cell;
vertical-align: middle;
}
.send {
font-size: 24px;
}
/* menu-top-toggle */
.menu-top-toggle {
width: 30px;
height: 20px;
border-bottom: solid 2px #000000;
border-top: solid 2px #000000;
position: relative;
margin: 10px auto 15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
display: none;
}
.menu-top-toggle:before,
.menu-top-toggle:after {
content: '';
position: absolute;
height: 2px;
top: 50%;
margin-top: -1px;
left: 0;
right: 0;
background: #000000;
}
.menu-top-toggle.active {
border-top-color: transparent;
border-bottom-color: transparent;
}
.menu-top-toggle.active:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-top-toggle.active:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*  */
.main-title-top {
white-space: nowrap;
padding: 5px 20px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 40px;
position: absolute;
left: 50%;
bottom: 0;
-weebkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.main-title-desc {
background: rgba(0, 0, 0, 0.6);
padding: 5px 20px;
display: inline-block;
color: #fff;
font-size: 35px;

}
.seal-types-body-title {
font-size: 50px;
text-align: center;
margin-bottom: 20px;
font-weight: 700;
text-transform: uppercase;
}
.header-mail {
color: inherit;
padding-left: 9px;
}
.header-mail:hover {
color: #ff1a00;
}
@media (max-width: 1199px) {
.equipment-title {
	position: relative;
	display: inline-block;
}
.seal-types-row {
	margin: 0 -12px;
}
.seal-types-col {
	padding: 0 12px 30px;
}
.delivery-col {
	width: 100%;
}
}
@media (max-width: 991px) {
.main-title {
	font-size: 35px;
}
.section-title {
	font-size: 50px;
	margin-bottom: 50px;
}
.seal-types-body {
	background: url(img/seal-types-body-mobile.jpg) center center no-repeat;
	background-size: cover;
}
.seal-types-body-stamp {
	background: url(img/equipment.jpg) center center no-repeat;
	background-size: cover;
}
.seal-block {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.equipment-block-1 .equipment-row {
	text-align: center;
}
.equipment-block:before {
	display: none;
}
.equipment-block-wrapp:after {
	display: none;
}
.page-title {
	font-size: 60px;
}
.questions-form-wrapp {
	margin-top: 0;
}
.modal {
	width: 650px;
}
}
@media (max-width: 767px) {
.header-row {
	display: block;
}
.menu-top li {
	margin-right: 18px;
}
.main-title {
	font-size: 26px;
}
.main-img {
	margin: 0 -15px;
}
.work-btn {
	width: 290px;
	font-size: 23px;
}
.seal-body {
	padding-top: 40px;
}
.section-title-body {
	padding-left: 15px;
	padding-right: 15px;
}
.section-title {
	font-size: 35px;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 15px;
}
.section-title-icon {
	display: none;
}
.section-title-action {
	font-size: 20px;
}
.form-blocks .submit-wrapp {
	width: 280px;
}
.seal-block-img img {
	max-width: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.seal-block-img-1 {
	padding-bottom: 0;
}
.seal-types-body {
	padding: 40px 0 0;
}
.page-title {
	font-size: 35px;
}
.delivery {
	padding: 70px 0 30px;
}
.delivery-list {
	font-size: 24px;
}
.delivery-list li {
	padding: 5px 0 5px 30px;
}
.delivery-list li:before {
	left: 0;
	top: 10px;
}
.questions-form-wrapp {
	width: auto;
	height: auto;
	background: none;
	padding: 0 0 40px;
}
.questions-title {
	font-size: 35px;
}
.questions-title-desc {
	font-size: 20px;
}
.map {
	height: 350px;
}
.footer-row {
	display: block;
}
.footer-col {
	padding: 0 0 20px;
}
.footer-address,
.footer-contacts {
	text-align: center;
	font-size: 18px;
}
.modal {
	width: 300px;
	padding: 50px 25px 30px;
}
.modal-close {
	top: 10px;
	right: 25px;
}
.modal-title {
	font-size: 24px;
}
.menu-top-toggle {
	display: block;
}
.nav-top.fixed {
	padding: 0;
}
.nav-top.fixed .menu-top-toggle {
	margin: 5px 0 5px 15px;
}
.menu-top {
	display: none!important;
	margin-bottom: 10px;
}
.menu-top li {
	display: block;
	margin-right: 0;
	float: none;
}
.menu-top a {
	padding: 3px 0;
}
.menu-top.active {
	display: block!important;
}
.header-col-menu {
	display: block;
}
.main-title-top {
	font-size: 20px;
}
.main-title-desc {
	font-size: 20px;
	margin: 0 -15px;
}
}