@charset "utf-8";
@font-face {
font-family : Kelson;
src : url(../fonts/KELSONSANSLIGHT.TTF);
}
@font-face {
{
font-family : Kelson;
src : url(../fonts/KelsonSansLight.eot);
}
}
@font-face {
{
font-family : Cuprum;
src : url(../fonts/CUPRUM-REGULAR.TTF);
}
}
@font-face {
{
font-family : BH;
src : url(../fonts/BH.html);
}
}
body {
background : url("../img/bg_body.png") #fff;
font-family : Kelson, Arial, Verdana, sans-serif;
color : #0C0C0C;
margin : 0;
padding : 0;
font-size : 18px;
font-weight : normal;
min-width : 1200px;
max-width : 2560px;
}
a {
color : #0E0D0D;
text-decoration : none;
}
h1, h2, h3, h4 {
font-weight : normal;
}
.wrapper {
width : 1200px;
margin : 0 auto;
}
p {
margin : 0;
}
.clr {
clear : both;
}
header {
background : url("../img/bg_header.svg") no-repeat 50% 50% / cover;
width : 100%;
height : 490px;
}
.topmenu {
width : 1155px;
height : 68px;
text-align : right;
}
.topmenu ul {
margin : 0;
padding : 8px 0 0 0;
}
.topmenu ul li {
list-style : none;
display : inline;
font-size : 16px;
}
.topmenu ul li a {
color : #fff;
width : 130px;
text-align : center;
padding : 0 10px;
margin : 0 0 0 5px;
height : 45px;
line-height : 45px;
display : inline-block;
border-radius : 3px;
background : linear-gradient(to bottom, #5c57b3, #5c57b3);
}
.topmenu ul li a:hover {
background : linear-gradient(to bottom, #3f99c7, #1f6388);
}
.headcontainer {
width : 1200px;
height : 437px;
}
.wrapleft {
width : 580px;
height : 437px;
float : left;
}
.wrapright {
width : 580px;
height : 437px;
float : right;
}
.time {
width : 580px;
height : 100px;
text-align : right;
}
.time p {
font-size : 20px;
margin : 10px 20px 0 0;
}
.logo {
width : 270px;
height : 71px;
float : left;
}
.title {
width : 580px;
height : 295px;
}
.title h1 {
font-size : 40px;
font-weight : normal;
font-family : Kelson;
margin : 8px 0 0 0;
color : #1f6388;
line-height : 40px;
}
.title h2 {
font-size : 30px;
font-weight : normal;
font-family : Kelson;
margin : 0;
color : #ec9000;
}
.stocktext {
margin : 237px 0 0 150px;
}
.stocktext span.t1 {
font-size : 25px;
color : #ffee93;
line-height : 29px;
}
.stocktext span.t2 {
font-size : 35px;
color : #ffee93;
}
.wrapform {
width : 350px;
height : 380px;
margin : 0 10px 0 0;
float : right;
}
.conttel {
height : 170px;
text-align : center;
}
.conttel h3.h {
text-align : center;
font-size : 25px;
color : #0C0C0C;
font-weight : normal;
margin : 10px 0;
display : inline-block;
}
.tel {
text-align : left;
font-size : 30px;
font-weight : normal;
font-family : Oxygen, sans-serif;
height : 50px;
line-height : 50px;
margin : 5px 30px 0 15px;
}
.icon_phone {
width : 50px;
height : 50px;
background : url(../img/icon_phone.png) center no-repeat;
visibility : visible;
animation-duration : 1s;
animation-delay : 1s;
animation-iteration-count : infinite;
float : left;
}
.icon_mail {
width : 50px;
height : 50px;
background : url(../img/icon_mail.png) center no-repeat;
visibility : visible;
animation-duration : 1s;
animation-delay : 1s;
animation-iteration-count : infinite;
float : left;
}
.mail {
text-align : left;
font-size : 26px;
font-weight : normal;
font-family : Oxygen, sans-serif;
color : #0C0C0C;
height : 50px;
line-height : 50px;
margin : 5px 30px 0 15px;
}
.form {
width : 280px;
padding : 0 35px;
}
.form p {
font-size : 22px;
font-weight : normal;
text-align : center;
font-family : Cuprum;
margin : 0;
}
input, button {
font-family : Kelson, Arial, Verdana, sans-serif;
}
input.inp {
width : 278px;
height : 35px;
border-radius : 5px;
background : #fff;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin-bottom : 10px;
font-size : 15px;
}
input.btn {
height : 40px;
font-size : 18px;
cursor : pointer;
color : #fff;
border-radius : 5px;
position : relative;
display : inline-block;
overflow : hidden;
margin : 0 0 5px 0;
background : #3588b3;
background : linear-gradient(to bottom, #3f99c7, #1f6388);
border : none;
box-shadow : 0 1px 0 #1f6388, 0 1px 0 #78d1ff inset;
text-shadow : 0 -1px 0 #1f6388;
}
input.btn:hover {
background : #3588b3;
}
button.btn {
height : 40px;
font-size : 18px;
cursor : pointer;
color : #fff;
border-radius : 5px;
position : relative;
display : inline-block;
overflow : hidden;
margin : 0 0 5px 0;
background : #3588b3;
background : linear-gradient(to bottom, #3f99c7, #1f6388);
border : none;
box-shadow : 0 1px 0 #1f6388, 0 1px 0 #78d1ff inset;
text-shadow : 0 -1px 0 #1f6388;
}
button.btn:hover {
background : #3588b3;
}
input.btnz {
height : 50px;
font-size : 22px;
cursor : pointer;
color : #fff;
border-radius : 5px;
position : relative;
display : inline-block;
overflow : hidden;
margin : 10px 0 5px 0;
background : #3588b3;
background : linear-gradient(to bottom, #3f99c7, #1f6388);
border : none;
box-shadow : 0 1px 0 #1f6388, 0 1px 0 #78d1ff inset;
text-shadow : 0 -1px 0 #1f6388;
}
input.btnz:hover {
background : #3588b3;
}
.contst {
width : 580px;
height : 57px;
}
.st {
float : right;
margin : 7px 60px 0 0;
}
.sttext {
float : right;
font-size : 20px;
color : #fff;
margin : 15px 30px 0 0;
}
.section1 {
background : url("../img/bg_sec1.png") #fff;
height : 600px;
position : relative;
}
h3.wraph {
color : #397091;
text-align : center;
font-size : 35px;
padding : 20px 0;
font-weight : normal;
margin : 0;
}
.contadvant {
margin : 0 60px;
}
.advantblock {
width : 360px;
min-height : 235px;
text-align : center;
float : left;
}
.advantblock h4 {
color : #1f6388;
margin : 5px 0;
font-size : 25px;
}
.section2 {
height : 400px;
background : url("../img/bg_sec2.png") repeat-x;
overflow : hidden;
}
.contsec2 {
background : url("../img/bg_wrapsec2.jpg");
height : 0;
}
.contblocks {
margin : 0 100px;
}
h3.section2h {
color : #fff;
text-align : center;
font-size : 35px;
padding : 15px 0;
font-weight : normal;
margin : 0;
}
.section2 h4 {
font-size : 23px;
text-align : center;
margin : 127px 0 0 0;
}
.section2 p {
font-family : Cuprum;
font-size : 13px;
margin : 0;
}
.block {
width : 140px;
height : 301px;
float : left;
text-align : justify;
padding : 0 10px;
position : relative;
}
.block div.h {
display : none;
}
.block:hover div.h {
display : inline-block;
position : absolute;
top : 125px;
left : -25px;
width : 190px;
height : 170px;
padding : 10px;
background : #fff;
color : #000;
z-index : 1000;
font-size : 14px;
font-family : Cuprum;
}
.block1 {
background : url("../img/block1.png");
margin-right : 50px;
}
.block2 {
background : url("../img/block2.png");
margin-right : 50px;
}
.block3 {
background : url("../img/block3.png");
margin-right : 50px;
}
.block4 {
background : url("../img/block4.png");
margin-right : 50px;
}
.block5 {
background : url("../img/block5.png");
}
.contsec3 {
margin : 0 100px;
}
.sec3block {
width : 1000px;
clear : both;
margin : 0 0 50px 0;
overflow : hidden;
}
.sec3block img {
margin : 0 20px;
}
.left {
float : left;
}
.right {
float : right;
}
.sec3text {
min-height : 95px;
width : 480px;
background : #fff;
border-radius : 10px;
font-size : 14px;
color : #737373;
text-align : justify;
padding : 10px;
}
.sec3text span {
font-size : 18px;
color : #dda31e;
}
.section4 {
background : #fff;
text-align : center;
overflow : hidden;
}
.contimg {
margin : 0 100px;
overflow : hidden;
padding-bottom : 30px;
}
.imgbock {
clear : both;
}
.imgbock img {
width : 180px;
margin : 0 10px;
float : left;
}
h3.priceh {
background : linear-gradient(to right, #1f6388 0%, #3f98c6 50%, #1f6388 99%);
margin : 0 0 20px 0;
padding : 10px 0;
color : #fff;
font-size : 35px;
text-align : center;
border-top : 2px solid #f79f19;
border-bottom : 2px solid #f79f19;
}
.pricetab table img {
width : 140px;
}
.pricetab table {
margin : 0 auto;
font-size : 20px;
}
.pricetab table td {
line-height : 30px;
text-align : center;
color : #000;
padding : 0 20px;
}
.pricetab table p {
font-weight : bold;
color : #15425b;
font-size : 25px;
margin : 3px 0;
}
td.hr {
height : 5px;
}
.bgf {
background : #fff;
}
.pricetab span {
font-weight : bold;
color : #8c0000;
}
.imgosnprice {
border-radius : 10% 10% 10% 10%;
border : #f79f19 solid 2px;
}
.imgosnpriceh {
border : #f79f19 solid 2px;
margin-bottom : 10px;
border-radius : 5%;
}
.section5 {
background : #f79f19;
}
.wrapbotform {
background : #f79f19;
background : linear-gradient(to right, #f79f19 0%, #ffb84c 50%, #f79f19 99%);
}
.bottomform {
width : 340px;
margin : 0 auto;
text-align : center;
}
.bottomform input {
display : block;
}
input.botinp {
width : 340px;
height : 35px;
border-radius : 5px;
background : #fff;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin-bottom : 10px;
font-size : 15px;
}
input.botbtn {
width : 340px;
height : 36px;
border-radius : 5px;
background : #3588b3;
border : none;
text-align : center;
color : #fff;
margin : 7px 10px;
font-size : 20px;
cursor : pointer;
}
.section6 {
height : 400px;
border-top : 2px solid #3588b3;
position : relative;
}
.botadress {
position : absolute;
background : url("../img/bg_adress.png");
padding : 20px;
width : 290px;
right : 850px;
top : 50px;
font-size : 19px;
font-weight : normal;
}
.botadress h3 {
font-size : 25px;
color : #c82506;
margin : 0 0 10px 0;
}
.botadress span {
font-size : 25px;
font-weight : bold;
}
footer {
background : #1f6388;
height : 50px;
}
.callend {
width : 400px;
font-size : 25px;
margin : 100px auto;
background : linear-gradient(to right, #1f6388 0%, #3f98c6 50%, #1f6388 99%);
color : #fff;
padding : 20px;
border-radius : 5px;
box-shadow : 1px 1px 1px #ccc;
text-align : center;
}
.callend a {
color : #fff;
}
.foot {
background : #1f6388;
background : linear-gradient(to right, #1f6388 0%, #3f98c6 50%, #1f6388 100%);
color : #fff;
text-align : center;
height : 50px;
line-height : 50px;
}
#parent_popup {
display : none;
height : 100%;
position : fixed;
width : 100%;
z-index : 10000;
top : 0;
left : 0;
}
#popupup {
margin : 0 auto;
margin-top : 100px;
background : #fff;
width : 500px;
height : auto;
padding : 10px;
color : #f00;
z-index : 10001;
border-radius : 5px;
}
#close {
background-image : url(img/close.html);
margin-left : 434px;
cursor : pointer;
height : 35px;
width : 35px;
}
a.images {
background : url("img/knopka.html");
display : block;
width : 200px;
height : 30px;
border : 0;
}
a.images:hover {
background : url("img/knopka-2.html");
width : 200px;
height : 30px;
border : 0;
}
.section7 {
background : url("../img/bg_sec7.png");
}
.section7 h3 {
font-size : 35px;
text-align : center;
margin : 0;
padding : 20px 0;
}
.instruction img {
height : 130px;
border-radius : 5px;
}
table.instruction {
margin : 0 auto;
}
table.instruction td {
width : 200px;
padding : 0 10px 10px 0;
text-align : center;
vertical-align : top;
font-size : 13px;
}
.instructions img {
border-radius : 5px;
}
table.instructions {
margin : 0 auto;
}
table.instructions td {
width : 200px;
padding : 0 10px 10px 0;
text-align : center;
vertical-align : top;
font-size : 13px;
}
#tab2, #tab3 {
position : fixed;
}
.menuform > a, .menuform #tab2:target ~ a:nth-of-type(1), .menuform #tab3:target ~ a:nth-of-type(1), .menuform > div {
border : #aaa solid 1px;
}
.menuform > a {
line-height : 28px;
background : #fff;
text-decoration : none;
}
.menuform > div {
padding : 10px;
border-radius : 5px;
}
#tab2, #tab3, .menuform > div, .menuform #tab2:target ~ div:nth-of-type(1), .menuform #tab3:target ~ div:nth-of-type(1) {
display : none;
}
.menuform > div:nth-of-type(1), .menuform #tab2:target ~ div:nth-of-type(2), .menuform #tab3:target ~ div:nth-of-type(3) {
display : block;
}
.menuform > a:nth-of-type(1), .menuform #tab2:target ~ a:nth-of-type(2), .menuform #tab3:target ~ a:nth-of-type(3) {
border-bottom : 2px solid #fff;
}
a.vk {
width : 200px;
text-align : center;
border-radius : 5px 5px 0 0;
padding : 5px 20px;
}
.test {
width : 200px;
height : 200px;
position : absolute;
top : -100px;
background : #fff;
}
.tooltip {
display : inline-block;
position : relative;
text-indent : 0;
cursor : help;
}
.tooltip > div {
position : absolute;
bottom : 100%;
left : -20em;
right : -20em;
width : max-content;
max-width : 300px;
max-height : 80vh;
overflow : auto;
visibility : hidden;
margin : 0 auto 0.4em;
padding : 10px;
border : #ccc solid 3px;
font-size : 90%;
background : #fff;
line-height : normal;
cursor : auto;
border-radius : 5px;
z-index : 111;
}
.tooltip > div h3 {
font-size : 16px;
color : #1f6388;
margin : 0;
padding-bottom : 5px;
}
.tooltip.left > div {
left : 0;
right : -20em;
margin : 0 0 0.4em;
}
.tooltip.right > div {
left : -20em;
right : 0;
margin : 0 0 0.4em auto;
}
.tooltip:after {
content : "";
position : absolute;
top : -0.4em;
left : 50%;
visibility : hidden;
margin : 0 0 0 -0.4em;
border : solid 0.4em;
border-color : rgb(200, 200, 200) transparent transparent transparent;
cursor : auto;
}
.tooltip.left:after {
left : 1em;
}
.tooltip.right:after {
left : auto;
right : 0.6em;
}
.tooltip:before {
content : "";
position : absolute;
top : -0.4em;
left : 0;
right : 0;
height : 0.4em;
visibility : hidden;
}
.tooltip:hover > div, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus > div, .tooltip:focus:before, .tooltip:focus:after {
visibility : visible;
}
.tooltip:focus {
outline : none;
}
.tooltip.anim > div, .tooltip.anim:after {
opacity : 0;
transform : translateY(1.5em) scale(0.3);
transform-origin : center bottom;
}
.tooltip.anim:after {
transform : translateY(0.7em) scale(0.3);
}
.tooltip.anim:hover > div, .tooltip.anim:hover:after, .tooltip.anim:focus > div, .tooltip.anim:focus:after {
opacity : 1;
transition : 0.6s 0.4s;
transform : translateY(0);
}
@media (max-width: 20em) {
.tooltip > div {
max-width : 100vw;
box-sizing : border-box;
}
}
.imgmap {
width : 100px;
}
ul.formtoplinks {
margin : 0;
padding : 0;
list-style : none;
text-align : center;
}
ul.formtoplinks li {
display : inline-block;
background : #3883c7;
height : 30px;
border-radius : 5px;
margin : 0 5px;
padding : 0 20px;
line-height : 30px;
text-align : center;
width : 160px;
}
ul.formtoplinks li.ui-tabs-active {
background : #e7a21c;
}
ul.formtoplinks li a {
color : #fff;
}
ul.formtoplinks li a:focus {
border : none;
outline : none;
}
.box-modal h3 {
font-size : 30px;
font-weight : normal;
font-family : Kelson;
margin : 5px 0;
color : #1f6388;
text-align : center;
}
.row label {
width : 140px;
display : inline-block;
text-align : right;
padding : 0 10px;
}
.row {
clear : both;
overflow : auto;
padding : 5px 0;
}
input.inpform {
width : 250px;
height : 30px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin : 0;
font-size : 15px;
text-align : left;
}
.additional_info_wrap {
background : #f9f9f9;
padding : 10px;
overflow : hidden;
border-radius : 5px;
margin : 10px 0;
font-size : 20px;
color : #1f6388;
font-weight : bold;
}
.creation_term_container {
float : left;
}
.price_container_wrap {
float : right;
}
.price_container_wrap div {
float : left;
}
#tabs ul {
margin : 0 0 20px 0;
padding : 0;
list-style : none;
overflow : hidden;
}
#tabs ul li {
display : inline-block;
background : #3883c7;
height : 30px;
border-radius : 5px;
margin : 0 4px 0 0;
line-height : 30px;
width : 122px;
text-align : center;
float : left;
}
#tabs ul li:last-child {
margin : 0;
}
#tabs ul li.ui-tabs-active {
background : #f0a026;
}
#tabs ul li a {
color : #fff;
}
#tabs ul li a:focus {
border : none;
outline : none;
}
.order_form_row h4 {
font-size : 25px;
font-weight : normal;
font-family : Kelson;
margin : 10px 0;
color : #1f6388;
text-align : center;
}
.boxtype {
width : 80px;
height : 85px;
float : left;
padding : 10px;
margin-right : 5px;
text-align : center;
border : #3d95c2 solid 1px;
border-radius : 5px;
position : relative;
}
.boxtype p {
position : absolute;
right : 1px;
bottom : 3px;
z-index : 111;
}
.boxtype input {
margin : 5px;
position : absolute;
bottom : 0;
left : 0;
z-index : 10;
}
.order_form_row {
clear : both;
padding : 5px 0;
}
.order_form_column_one {
float : left;
width : 160px;
line-height : 30px;
text-align : right;
padding-right : 10px;
}
.order_form_column_two {
float : left;
width : 330px;
}
input[type="text"] {
padding : 0 5px;
}
input:focus {
border : none;
outline : none;
}
button:focus {
border : none;
outline : none;
}
select:focus {
border : none;
outline : none;
}
input.stamp_quantity {
width : 30px;
height : 30px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin : 0;
font-size : 15px;
float : left;
margin-right : 10px;
}
button.quantity_decrease {
width : 30px;
height : 30px;
border : none;
background : url(../img/btnp.png) no-repeat;
float : left;
margin-right : 10px;
}
button.quantity_increase {
width : 30px;
height : 30px;
border : none;
background : url(../img/btnn.png) no-repeat;
float : left;
margin-right : 10px;
}
select.organization_type {
width : 125px;
height : 30px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin : 0;
font-size : 15px;
}
.organization_type_alternative input {
width : 180px;
height : 30px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin : 0;
font-size : 15px;
margin-left : 5px;
}
.blocksegment {
float : left;
padding : 3px;
margin : 0 5px 5px 0;
text-align : center;
border : #3d95c2 solid 1px;
border-radius : 5px;
position : relative;
}
.blocksegment input {
margin : 5px;
position : absolute;
bottom : 0;
left : 0;
z-index : 1;
}
.blocksegment img {
width : 87px;
}
.files div {
float : left;
border : #3d95c2 solid 1px;
border-radius : 5px;
text-align : center;
padding : 3px;
margin : 0 5px 5px 0;
}
.btn-success {
clear : both;
}
input.formbtnz {
height : 50px;
width : 300px;
font-size : 22px;
cursor : pointer;
color : #fff;
border-radius : 5px;
position : relative;
display : inline-block;
overflow : hidden;
margin : 10px 0 5px 0;
background : #3588b3;
border : none;
box-shadow : 0 1px 0 #1f6388, 0 1px 0 #78d1ff inset;
text-shadow : 0 -1px 0 #1f6388;
}
select.stamp_form {
width : 150px;
height : 30px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin : 0;
font-size : 15px;
}
select.sel {
width : 50px;
height : 30px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin : 0;
font-size : 15px;
margin-right : 10px;
}
.stamp_form_rectangle_selector, .stamp_form_triangle_selector {
clear : both;
margin : 7px 0;
}
select.calculated_item {
width : 70px;
height : 30px;
border-radius : 5px;
background : #fff;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
text-align : center;
color : #5e5e5e;
margin : 0;
font-size : 15px;
}
.wrap_type_alternative div {
display : inline-block;
}
img.zoomimg {
width : 300px;
height : 300px;
}
img.zoomimgosn {
width : 200px;
height : 200px;
}
img.imgosn {
width : 80px;
height : 80px;
}
.boxtype h4 {
font-size : 15px;
margin : 0 0 10px 0;
padding : 0;
}
.buttonform {
background : #3883c7;
color : #fff;
height : 30px;
line-height : 30px;
border-radius : 5px;
width : 160px;
cursor : pointer;
text-align : center;
margin-left : 170px;
}
.order_form_row textarea {
width : 250px;
height : 120px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
color : #5e5e5e;
margin : 0;
font-size : 15px;
text-align : left;
padding : 0 5px;
}
textarea.textarea {
width : 250px;
height : 110px;
border-radius : 5px;
background : #f9f9f9;
border : none;
box-shadow : 0 1px 1px 1px #d2d2d2 inset;
color : #5e5e5e;
margin : 0;
font-size : 15px;
text-align : left;
padding : 0 5px;
}
.ajax_spinner {
background : url("../img/lightbox-ico-loading.gif") bottom center no-repeat;
width : 32px;
height : 32px;
display : inline-block;
}
.progress-bar {
width : 0%;
height : 10px;
background : #3d95c2;
}
#blink {
animation : blink 1s linear infinite;
padding : 5px 0 0 0;
}
.map-info {
background-color : #c82506;
padding : 4em 2em 3em;
text-align : center;
width : 20%;
position : absolute;
top : 26%;
left : 40%;
}
.map-info li {
display : block;
font-size : 16px;
color : #fff;
margin-bottom : 2px;
}
.map-info:before {
content : "";
position : absolute;
top : 10%;
left : 45%;
background : url(../images/icon8.png) 0 0 no-repeat;
display : block;
width : 24px;
height : 24px;
}
.form_hint {
background : #d45252;
border-radius : 3px 3px 3px 3px;
color : white;
margin-left : 8px;
padding : 1px 6px;
z-index : 999;
position : absolute;
display : none;
}
.form_hint::before {
content : "\25C0";
color : #d45252;
position : absolute;
top : 1px;
left : -6px;
}
.contact_form input:focus + .form_hint {
display : inline;
}
.contact_form input:required:valid + .form_hint {
background : #28921f;
}
.contact_form input:required:valid + .form_hint::before {
color : #28921f;
}
table {
border-spacing : 0 10px;
font-family : 'Open Sans', sans-serif;
font-weight : bold;
}
th {
padding : 10px 20px;
background : #56433D;
color : #F9C941;
border-right : 2px solid;
font-size : 0.9em;
}
th:first-child {
text-align : center;
}
th:last-child {
border-right : none;
}
td {
vertical-align : middle;
padding : 10px;
font-size : 20px;
text-align : center;
border-top : 2px solid #56433D;
border-bottom : 2px solid #56433D;
border-right : 2px solid #56433D;
}
td:first-child {
border-left : 2px solid #56433D;
border-right : none;
}
td:nth-child(2) {
text-align : center;
}
.card {
display : flex;
}
.card-block {
background : #008000;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block1 {
background : #FF0000;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block2 {
background : #0000FF;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block3 {
background : #000000;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block4 {
background : #FFFAFA;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block5 {
background : #FF1493;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block6 {
background : #ff9900;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block7 {
background : #00FF00;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block8 {
background : #8b00ff;
width : 30px;
height : 30px;
border : solid 1px;
}
.card-block9 {
background : #ffff00;
width : 30px;
height : 30px;
border : solid 1px;
}
.bok_knopka {
display : block;
width : 40px;
height : 160px;
position : fixed;
left : 0;
top : 180px;
z-index : 9999;
}
.bok_knopka1 {
  display:block;
  width:45px;
  height:160px;
  position:fixed;
  right:0;
  top:180px;
  z-index: 8888;
}
.bok_knopka1:hover  {
 background:#193A41; 
}