body {margin:0;padding:0;font-family:tahoma;color:#050607;overflow-x:hidden;}
p {font-size:1em;text-align:justify;line-height:110%;margin-top:15px;}
li {list-style-image:url(/img/li.png);font-size:1em;text-align:justify;line-height:110%;}
.p10 {padding:10px;}
.p20 {padding:40px 60px;}
.mob-menu {display:none;}
div {position:relative;}
form {z-index:10;position:absolute;padding:20px;background:#fff;text-align:center;border-radius:5px;box-shadow:1px 1px 5px #000;}
form img {cursor:pointer;}
form input {padding:10px;margin:10px;border:solid 1px #000;border-radius:5px;}
form select {padding:10px;margin:10px;width:90%;border:solid 1px #000;border-radius:5px;}
button {cursor:pointer;white-space:nowrap;}
.c {text-align:center !important;}
.v {margin:auto 0px;vertical-align:middle !important;}
.container-fluid {margin:auto;}
a:link {color:#000;font-weight:500;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#005eb4;text-decoration:none;}
a:active {color:#005eb4;text-decoration:none;}
a.main {font-weight:500;font-size:1.1em;}
a.white:link {color:#fff;font-weight:500;text-decoration:none;}
a.white:visited {color:#fff;text-decoration:none;}
a.white:hover {color:#f2f2f2;text-decoration:none;}
a.white:active {color:#f2f2f2;text-decoration:none;}
p {margin-top:15px;max-width:1200px;margin:auto;}
h2 {font-size:1.8em;}
h2.blue {background:#005eb4;color:#fff;font-size:1.4em;font-weight:400;text-align:center;padding:10px 0px;margin:0px;}
h3 {font-size:1.6em;color:#005eb4;margin:20px auto;}
hr {height:0px;border-top:solid 1px #999;}
form {display:none;z-index:2000;}
.small {display:none;}
@media screen and (max-width:768px){
	div {position:static;}
	p {font-size:1.1em !important;text-align:left;}
	li {font-size:1.1em !important;text-align:left;}
	h2 {font-size:1.6em;line-height:100%;}
	h3 {font-size:1.4em;color:#005eb4;}
	.big {display:none;}
	.small {display:block;}
	form {}
	form img {width:50%;margin-top:20px;}
	form input {padding:5px;margin:10px;border:solid 1px #000;border-radius:5px;font-size:1.1em;}
	.mob-menu {display:block;position:fixed;right:10px;top:10px;width:40px;z-index:200;}
	.p20 {padding:20px;}
}

#header img.logo {width:50%;max-width:160px;min-width:120px;}
#header button {background:#d0d0d0;border:0;padding:10px 25px;}
#header p {font-size:1.1em;margin:5px 0px;}
#header ul.nav {margin-top:20px;}
#header .fix {position:fixed;top:-20px;left:10%;z-index:100;width:80%;max-width:1600px;box-shadow:1px 1px 5px #000;}
#header ul.nav li {position:relative;display:inline-block;width:25%;background:#f5f5f5;border:0;border-right:solid 1px #999;padding:15px 0px;font-size:1.1em;font-weight:600;text-align:center;cursor:pointer;}
#header ul.nav li:last-child {border:0;}
#header ul.nav li:hover {background:#d0d0d0;}
#header ul.nav a:hover {color:#000;}
#header div.col-md-12 {vertical-align:bottom;}
#header ul.sub {display:none;z-index:10;position:absolute;top:100%;left:0px;padding:0;padding-top:10px;margin:0;white-space:nowrap;min-width:100%;background:rgba(0,94,180,0.7);box-shadow:0px 2px 5px #fff;}
#header ul.sub li {display:block;background:0;padding:15px;margin:0;text-align:left;width:100%;font-size:0.9em;border-bottom:solid 1px #fff;}
#header ul.sub li:last-child {border:0;}
#header ul.sub li:hover {background:rgba(0,94,180,1);}
#header ul.sub li a:link {color:#fff;font-weight:500;text-decoration:none;}
#header ul.sub li a:visited {color:#fff;text-decoration:none;}
#header ul.sub li a:hover {color:#fff;text-decoration:none;}
#header ul.sub li a:active {color:#fff;text-decoration:none;}
#header ul.sub hr {border-top:solid 1px #fff;}
#header li:hover ul.sub {display:block;}
#header li:hover ul.last {display:none;}
@media screen and (max-width:768px){
	#header .fix {position:relative;top:0px;left:0px;z-index:100;width:100%;max-width:1600px;box-shadow:none;}
	#header img.logo {width:70%;max-width:300px;min-width:160px;}
	#header img.logo-ico {width:70%;max-width:300px;min-width:160px;}
	#header .col-md-3 {text-align:left;padding:10px;display:block;width:100%;}
	#header {}
	#header p {margin:0;padding:30px 0px 10px 5%;font-size:1.4em;text-align:center;}
	#header ul.nav {margin:0px 10px;padding:0;margin-bottom:20px;}
	#header ul.nav li {display:block;width:100%;font-size:1.2em;margin-top:10px;border-bottom:solid 1px #999;box-shadow:inset -1px 1px 5px #999;}
	#header ul.sub {position:relative;top:10px;background:0;border:0;box-shadow:0;}
	#header ul.sub li {border:solid 1px #fff;background:rgba(0,94,180,0.9);box-shadow:0;margin-top:0px;}
	#header button {background:#d0d0d0;border:0;padding:20px 25px;font-size:1.2em;}
	#header div {text-align:center;}
	#header p {text-align:center;}
	#header li {text-align:center;}
	.dom .c {width:45%;}
}

#slider img {width:100%;}
#slider .slide {position:relative;}
#slider .slide h2 {font-size:2.4em;text-align:center;position:absolute;top:10%;left:0;width:100%;padding:20px 0px;background:rgba(255,255,255,0.5);}
@media screen and (max-width:768px){
	#slider {margin-bottom:-20px;}
	#slider .slide h2 {font-size:1.4em;position:absolute;top:0;left:0;}
}

#r-img div.c {padding:40px;}
#r-img div.c p {width:80%;font-weight:600;text-align:center;margin:auto;margin-top:20px;}
#r-img div.c img:hover {transition: all 1s ease;transform:rotate(15deg);}
@media screen and (max-width:768px){
	#r-img {display:none;}
	#r-img div.c {padding:20px 0px;}
	#r-img div.c p {width:80%;font-size:1.4em;margin:10px auto;}
	#r-img div.c img {width:60%;}
}

#vizov {background:url(../img/vizov.jpg) no-repeat left top;background-size:100% 100%;}
#vizov div.txt {padding:40px 0px 40px 40px;width:50%;max-width:600px;}
#vizov h2 {text-align:left;color:#3b5da5;}
#vizov h3 {color:#3b5da5;}
#vizov table {margin:auto;}
#vizov table td {padding:10px;font-weight:600;font-size:1.2em;vertical-align:middle;white-space:nowrap;}
#vizov table td button {background:#3b5da5;color:#fff;font-size:1em;padding:5px;width:160px;}
#vizov table td button:hover {background:#0f2960;}
#vizov aside {background:url(../img/vizov-aside.jpg) no-repeat left center #f99f04;}
#vizov aside h2 {font-size:1.6em;text-align:center;color:#fff;padding:20px 0px;margin:0;}
#vizov aside h2 span {font-weight:300;}
@media screen and (max-width:768px){
	#vizov {background:url(../img/vizov.jpg) no-repeat right bottom;background-size:auto 100%;}
	#vizov div.txt {background:rgba(255,255,255,0.5);padding:10px;width:100%;max-width:600px;text-align:center;}
	#vizov h2 {font-size:1.6em;margin-bottom:0;text-align:center;}
	#vizov p {text-align:center;}
	#vizov .small {text-align:center;font-size:1.5em;}
	#vizov h3 {font-size:2em;}
	#vizov table {width:100%;margin:auto;background:rgba(255,255,255,0.5);}
	#vizov table td {padding:20px;font-weight:600;font-size:1.1em;font-weight:600;text-align:center;}
	#vizov table td button {font-size:1em;width:240px;padding:10px;}
	#vizov form h3 {font-size:1.2em;}
	#vizov form table td {font-size:1em;}
	#vizov aside {padding-left:90px;}
	#vizov aside h2 {font-size:1.7em;text-align:left;}
	#vizov aside h2 span {font-weight:200;}
}

#preim {background:url(../img/preim-bg.jpg) no-repeat left top;background-size:100% 100%;}
#preim .c {padding:40px;}
#preim .c div {padding:40px;height:100%;background:#3b5da5;box-shadow:0px 0px 5px #000;}
#preim .c div:hover {transform:scale(1.05);background:#0f2960;box-shadow:0px 0px 1px #000;}
#preim .c h3 {color:#fff;}
#preim .c p {color:#fff;}
@media screen and (max-width:768px){
	#preim .container-fluid {margin:0;padding:0;}
	#preim {padding:20px;}
	#preim .c {padding:10px;width:90%;margin:auto;}
	#preim .c div {padding:10px;height:auto;}
	#preim .c h3 {font-size:2em;}
}

#profile {padding:40px 0px;}
#profile h2 {padding-bottom:25px;}
#profile h3 {font-size:1.2em;white-space:nowrap;}
#profile img.profile-img {width:75%;}
#profile .arrow {cursor:pointer;}
#profile table th {padding:5px 10px;}
@media screen and (max-width:768px){

}

#produce {background:url(../img/produce.jpg) no-repeat left top;background-size:100% 100%;color:#fff;}
#produce h2 {color:#fff;text-align:center;padding:40px 0px 20px;}
#produce p {color:#fff;padding:10px;}
#produce th {font-size:1.4em;font-weight:600;}
#produce table.tbl-big {margin:auto;}
#produce table.tbl-big td {padding:10px;}
#produce table.tbl-big td p {padding:10px;}
#produce aside {background:url(../img/vizov-aside.jpg) no-repeat left center #f99f04;}
#produce aside table {width:80%;margin:auto;color:#fff;}
#produce aside table td {white-space:nowrap;}
@media screen and (max-width:768px){
	#produce .container-fluid {margin:0;padding:20px;}
	#produce h2 {color:#fff;padding:40px 0px 20px;}
	#produce p {color:#fff;padding:40px;}
}

#work {background:#f3f3f3;text-align:center;}
@media screen and (max-width:768px){

}

#prbl p {padding:40px;}
@media screen and (max-width:768px){
	#prbl {padding:20px;}
	#prbl p {padding:10px 0px;text-align:left;}
}

#trust {background:#f3f3f3;text-align:center;padding-bottom:40px;}
#trust h3 {padding:30px 0px;}
@media screen and (max-width:768px){

}

#review {padding:40px 0px;}
#review p {padding:40px;}
#review img {width:90%;max-width:120px;min-width:80px;}
@media screen and (max-width:768px){
	#review {padding:20px;}
	#review p {padding:10px 0px;text-align:left;}
}



.okna img {width:100%;padding:20px;}
.okna h3 {margin-top:30px;}


.bg-gray {background:#f3f3f3;padding:20px;}
.bg-gray h3 {text-align:center;color:#005eb4;}
@media screen and (max-width:768px){
	.bg-gray h3 {text-align:center;}
}


.zimniy-img {float:left;margin:20px;}
@media screen and (max-width:768px){
	.zimniy-img {width:100%;float:none;margin:20px auto;}
}

.rehau-img {width:95%;float:left;margin:20px;}
@media screen and (max-width:768px){
	.zimniy-img {float:none;margin:20px auto;}
}

.tbl-vzlom {width:100%;}
.tbl-vzlom th {width:15%;padding:10px;}
.tbl-vzlom td {width:85%;padding:10px;}
.tbl-vzlom img {width:100%;}
@media screen and (max-width:768px){
	.tbl-vzlom th {width:30%;padding:5px;}
	.tbl-vzlom td {width:70%;padding:5px;}
}

.enginer .col-md-2 {padding:20px;}
.enginer img {width:100%;}

.proekt-img {width:80%;}
.proekt-img2 {width:100%;}
@media screen and (max-width:768px){
	.proekt-img {width:100%;}
}
.kontakt {background:#f3f3f3;}
.kontakt div.col-md-4 {padding:20px;}
.kontakt div.in {background:#e3e3e3;cursor:pointer;height:100%;}
.kontakt div.in:hover {background:#ffffff;box-shadow:0px 0px 5px #000;}
.kontakt div.active {background:#ffffff;box-shadow:0px 0px 5px #000;}
.kontakt p {clear:both;padding:20px 10px;}
.kontakt-img {float:left;margin-right:10px;}
@media screen and (max-width:768px){
	.kontakt div.in {height:auto;}
}

#footer {margin-top:-25px;}
#footer .container-fluid {background:#d5d5d5;}
#footer .container-fluid:first-child {background:#989898;color:#fff;padding-top:20px;}
#footer table td {color:#fff;}
#footer h4 {font-size:1.1em;font-weight:500;color:#fff;}
#footer .big {font-size:0.9em;}
@media screen and (max-width:768px){
	#footer .logo-foot {width:60%;margin-bottom:30px;}
	#footer div {text-align:center;}
	#footer button {margin:auto !important;text-align:center;}
	#footer .col-sm-12 {margin:auto;text-align:center;}
}
.container-fluid, img {max-width:1200px;}
#footer .container-fluid {max-width:2800px;}
#footer .container-fluid .row {max-width:1200px;margin:auto;}
.slide, .f-banner {position:relative;text-align:center;background:#f2f2f2;}
.slide img {max-width:2800px;}
.f-banner button {position:absolute;right:20%;bottom:20px;padding:10px 20px;background:#005eb4;color:#fff;font-weight:400;}
.f-banner form {position:absolute;right:20%;bottom:60px;background:#fff;color:#fff;font-weight:400;z-index:1000;}
@media screen and (max-width:768px){
	.f-banner button {display:none;}
}