body, html {
margin:0px;
padding:0px;
font-family: Arial, Sans, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
color: #393939;
background-image: url('img/bg.jpg');
}

a {
	text-decoration:none;
	color:#dd4444;
	font-size: 14px;
}

a:hover {
	color:#db0000;
	text-decoration:underline;
}

p {
	padding: 0px 10px;
}

h1 {
	font-size: 17px;
	text-align: center;
}

#center {
margin: 0 auto;
width: 1024px;
position: relative;
}

#top {
border-bottom: 5px solid #a30000;
margin: 0 auto;
width: 1024px;
height: 674px;
position: relative;
background: url('img/top_bg.jpg');
}

#top_menu {
width: 1024px;
height: 35px;
position: absolute;
top: 0px;
left: 0px;
background-color: #a30000;
}

#top_menu a {
color: #ffffff;
font-weight: bold;
font-size: 17px;
line-height: 35px;
}

#logo {
width: 220px;
height: 220px;
position: absolute;
top: 1px;
left: 1px;
}

#name {
width: 173px;
height: 120px;
position: absolute;
top: 65px;
left: 240px;
font-weight: bold;
}

#telmail {
width: 580px;
height: 120px;
position: absolute;
top: 65px;
left: 435px;
font-weight: bold;
line-height: 43px;
text-align: right;
}

#strles {
width: 340px;
height: 435px;
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(14, 40, 52, 0.8) url(img/strles2.png);
}

#strles:hover {
background: rgb(14, 40, 52) url(img/strles2.png);
}

#vyshtur {
width: 339px;
height: 435px;
position: absolute;
bottom: 0px;
left: 345px;
background: rgba(14, 40, 52, 0.8) url('img/vyshtur2.png');
}

#vyshtur:hover {
background: rgb(14, 40, 52) url('img/vyshtur2.png');
}

#opalubki {
width: 335px;
height: 435px;
position: absolute;
bottom: 0px;
right: 0px;
background: rgba(14, 40, 52, 0.8) url('img/opalubki3.png');
}

#opalubki:hover {
background: rgb(14, 40, 52) url('img/opalubki3.png');
}

#middle {
width: 1024px;
min-height: 170px;
position: relative;
}

#adres {
width: 1024px;
height: 68px;
position: relative;
text-align:center;
font-size: 48px;
}

#footer {
width: 1024px;
height: 457px;
background: url('img/footer.jpg');
position: relative;
}

#social {
width: 52px;
height: 156px;
position: absolute;
top: 12px;
left: 50px;
}

#copyright {
width: 580px;
height: 33px;
position: absolute;
top: 80px;
left: 220px;
text-align: center;
font-weight: bold;
color: #ffffff;
}

#logo_f {
width: 52px;
height: 156px;
position: absolute;
top: 43px;
left: 884px;
}

.vidtr {
	border-collapse: collapse;
	margin:0 auto;
}
.vidtr tr:hover {
	background: rgba(183, 143, 143, 0.6);
}
.vidtr tr td {
	border: 1px solid #841d1d;
	background: rgba(255, 255, 255, 0.6);
}

/* отзывы */

.input_text {
	width: 400px;
    height: 42px;
    padding: 0 10px;
    font-size: 17px;
    border: 2px solid #a30000;
    border-radius: 2px;
    background: #fff;
}
.input_submit {
    border: 1px solid #880000;
    border-radius: 3px;
    padding: 7px;
    background: linear-gradient(to bottom, #ff4242, #bf0000);
    color: #fff;
    width: 240px;
    font-size: 19px;
    height: 50px;
    cursor: pointer;
    margin-top: 6px;
}
.input_submit:hover {
	background: linear-gradient(to bottom, #ff7878, #ff3434);
}
#ot_block {position:relative;width: 430px;}
#ot_true {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #cfefff;
    text-align: center;
    line-height: 310px;
    font-size: 19px;
    border: 1px solid #394f59;
}

/* отзывы конец */


/*колбэк*/
#cb_black {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.7);
	display:none;
	z-index: 50;
}
#cb_right {
	position: fixed;
    top: 0px;
    right: 0px;
    width: 280px;
    height: 100%;
    padding: 0 20px;
    background: rgba(167, 0, 0, 0.85);
    display: none;
    z-index: 100;
}
#cb_bl {
	width:100%;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.cb_question {
	color: #fff;
    text-align: center;
    font-size: 30px;
}
.input_block {
	width: 100%;
    margin: 0 auto;
}
.cb_input_text {
	width: 100%;
    height: 50px;
    padding: 0 6px;
    font-size: 22px;
    text-align: center;
    margin: 0 0 10px 0;
    background: #560000;
    border: 2px solid #ff6a6a;
    border-radius: 3px;
    color: #ffffff;
}

.cb_input_text::-webkit-input-placeholder {color:#c3c3c3;}
.cb_input_text:-moz-placeholder {color:#c3c3c3;}
.cb_input_text::-moz-placeholder {color:#c3c3c3;}
.cb_input_text:-ms-input-placeholder {color:#c3c3c3;}
.cb_input_text::-ms-input-placeholder {color:#c3c3c3;}
.cb_input_text::placeholder {color:#c3c3c3;}

.cb_input_submit {
	padding: 14px 20px 10px 20px;
    font-size: 18px;
    margin: 14px 0 10px 0;
    border: 1px solid #48020e;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ff9982, #8c0000);
    color: #fff;
    box-shadow: 3px 3px 10px rgba(66, 4, 4, 0.8);
    cursor: pointer;
}
.cb_input_submit:hover {
	background: linear-gradient(to bottom, #ffa276, #d04503);
}
.cbClose {
	position: absolute;
    top: 10px;
    right: 15px;
    padding: 10px;
    color: #d6d6d6;
    font-size: 28px;
    cursor:pointer;
    transition: all linear 0.15s;
}
.cbClose:hover {
	color:#f37070;
}
.sendtrue {
	position: fixed;
    width: 400px;
    height: 140px;
    top: calc(50% - 70px);
    left: calc(50% - 200px);
    background: rgba(212, 255, 217, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.82);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.59);
	display: table;
	z-index: 150;
}
.sendfalse {
	position: fixed;
    width: 400px;
    height: 140px;
    top: calc(50% - 70px);
    left: calc(50% - 200px);
    background: rgba(255, 227, 202, 0.9);
    border: 1px solid rgba(160, 0, 0, 0.82);
    box-shadow: 3px 5px 20px rgba(88, 0, 0, 0.59);
    display: table;
    z-index: 150;
    color: #b10000;
}
.sendtrue p, .sendfalse p {
	display:table-cell;
	vertical-align:middle;
	font-size: 20px;
	text-align: center;
}

/*трубка*/

.phone {
	position: fixed;
    right: 50px;
    bottom: 50px;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    cursor:pointer;
}
@keyframes ch1{
	from {opacity: 0;transform: scale(1);}
	50% {opacity: 0.8;transform: scale(1.8);}
	to {opacity: 0;transform: scale(1);}
}
@-moz-keyframes ch1{
	from {opacity: 0;-moz-transform: scale(1);}
	50% {opacity: 0.8;-moz-transform: scale(1.8);}
	to {opacity: 0;-moz-transform: scale(1);}
}
@-webkit-keyframes ch1{
	from {opacity: 0;-webkit-transform: scale(1);}
	50% {opacity: 0.8;-webkit-transform: scale(1.8);}
	to {opacity: 0;-webkit-transform: scale(1);}
}
@-o-keyframes ch1{
	from {opacity: 0;-o-transform: scale(1);}
	50% {opacity: 0.8;-o-transform: scale(1.8);}
	to {opacity: 0;-o-transform: scale(1);}
}
.phone > div:nth-child(1) {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 2;
    transform: scale(1);
    background: radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), #ff4242);
    animation: ch1 2.5s infinite linear;
    -webkit-animation: ch1 2.5s infinite linear;
    -moz-animation: ch1 2.5s infinite linear;
    -o-animation: ch1 2.5s infinite linear;
}

@keyframes ch2{
	from {opacity: 1;transform: scale(1);}
	to {opacity: 0;transform: scale(2);}
}
@-moz-keyframes ch2{
	from {opacity: 1;-moz-transform: scale(1);}
	to {opacity: 0;-moz-transform: scale(2);}
}
@-webkit-keyframes ch2{
	from {opacity: 1;-webkit-transform: scale(1);}
	to {opacity: 0;-webkit-transform: scale(2);}
}
@-o-keyframes ch2{
	from {opacity: 1;-o-transform: scale(1);}
	to {opacity: 0;-o-transform: scale(2);}
}
.phone > div:nth-child(2) {
	position: absolute;
    left: -1px;
    top: -1px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 3;
    border: 2px solid #a30000;
    animation: ch2 2s infinite ease-in-out;
    -webkit-animation: ch2 2s infinite ease-in-out;
    -moz-animation: ch2 2s infinite ease-in-out;
    -o-animation: ch2 2s infinite ease-in-out;
}

@keyframes ch3{
	from {transform: rotate(0deg);}
	40% {transform: rotate(0deg);}
	50% {transform: rotate(15deg);}
	55% {transform: rotate(-25deg);}
	60% {transform: rotate(10deg);}
	65% {transform: rotate(-5deg);}
	70% {transform: rotate(0deg);}
	to {transform: rotate(0deg);}
}
@-moz-keyframes ch3{
	from {-moz-transform: rotate(0deg);}
	40% {-moz-transform: rotate(0deg);}
	50% {-moz-transform: rotate(15deg);}
	55% {-moz-transform: rotate(-25deg);}
	60% {-moz-transform: rotate(10deg);}
	65% {-moz-transform: rotate(-5deg);}
	70% {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(0deg);}
}
@-webkit-keyframes ch3{
	from {-webkit-transform: rotate(0deg);}
	40% {-webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(15deg);}
	55% {-webkit-transform: rotate(-25deg);}
	60% {-webkit-transform: rotate(10deg);}
	65% {-webkit-transform: rotate(-5deg);}
	70% {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(0deg);}
}
@-o-keyframes ch3{
	from {-o-transform: rotate(0deg);}
	40% {-o-transform: rotate(0deg);}
	50% {-o-transform: rotate(15deg);}
	55% {-o-transform: rotate(-25deg);}
	60% {-o-transform: rotate(10deg);}
	65% {-o-transform: rotate(-5deg);}
	70% {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(0deg);}
}
.phone > div:nth-child(3) {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: table;
    z-index: 7;
    border: 1px solid #e6a1d5;
    background: rgba(255, 255, 255, 0.9);
    animation: ch3 3s infinite linear;
    -webkit-animation: ch3 3s infinite linear;
    -moz-animation: ch3 3s infinite linear;
    -o-animation: ch3 3s infinite linear;
}
.phone > div:nth-child(3) i {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 50px;
    color: #a30000;
}

/*конец колбэк*/