@font-face{font-family:opensans;src:url(../css/opensans.ttf)}
body{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:url(../images/kirpich4.jpg) repeat scroll 0 0;font-size:22px;line-height:22px;font-family:opensans,sans-serif;color:#000;font-weight:400;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
header,section{display:block}
a{color:#0000ff;text-decoration:underline;}
a:hover{color:#ff0000;text-decoration:none;}
h1,h2,h4{font-weight:900;text-transform:uppercase;color:#000066;font-family:opensans,sans-serif;display:table;text-align:center;width:100%;padding:5px;letter-spacing:2px;background:url(../images/teplovizorbg.jpg) repeat scroll 0 0;border:2px solid #333;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.9);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}
h1{font-size:32px}
h2{font-size:28px}
h1,h2,h4{margin-top:10px;margin-bottom:10px;line-height:1.1}
vaz{font-weight:900;color:red}
.text-center{text-align:center}
ul{margin-top:0;margin-bottom:10px}
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline li{display:inline-block;padding-right:5px;padding-left:5px}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
iframe,video,img{padding:1px;border-radius:12px;border:4px solid rgba(0,0,0,0.6);box-shadow:0 4px 10px rgba(0,0,0,0.9);background-color:#333}
iframe{margin-bottom:10px}
video{width:95%}
p{padding:10px 6px;margin:10px 6px;line-height:1.1;border-radius:10px;border:1px solid rgba(0,0,0,0.6);box-shadow:0 3px 8px rgba(0,0,0,0.4);background:url(../images/kirpichbelm200.jpg) repeat}
p:hover{background-color:#fff;color:#000}
.top_nav{background:url(../images/teplovizorbg.jpg) repeat-x scroll 0 0;
border:2px solid #333;box-shadow:0 4px 10px rgba(0,0,0,0.9); overflow:hidden;top: 0;position: fixed;  width: 100%;z-index: 30;}
.list-inline.info{text-align:center}
.list-inline.info > li{padding:5px}

t1{margin:5px;text-align:left;font-size:32px;font-weight:900;color:red;text-transform:uppercase;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}

t2{margin:5px;text-align:left;font-size:32px;font-weight:900;color:#00f;text-transform:uppercase;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}

viber a{margin:10px;text-align:left;font-weight:900;color:#59267c;text-transform:uppercase;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}

#navbot{ background:url(../images/teplovizorbg.jpg) repeat scroll 0 0;border:2px solid #333;box-shadow:0 4px 10px rgba(0,0,0,0.9); position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; display: inline;    vertical-align:middle;z-index: 30;}
#navbot a {font-weight:600; text-decoration: none;   color:#0000ff;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff }
#navbot a:hover {font-weight:400;    background: #0000ff;    color: #fff;}
#navbot ul {    margin: 0;    padding: 5px;    list-style: none; }
#navbot ul li {    display: inline-block;}

#why_us{padding-bottom:50px;line-height:18px;margin-top: 5px;}
#why_us h2{margin:20px 0}
.why_us_item{padding-top:30px}
.main { margin-top: 100px;padding-bottom: 100px;}

@media (min-width: 1800px) {
.container{width:1750px}
.main { padding-top: 200px;padding-bottom: 100px;}
}
@media (min-width: 1600px) {
.container{width:1550px}
.main { padding-top: 400px;}
}
@media (max-width: 1199px) {
iframe{width:512;height:360px}
h1{font-size:50px;line-height:55px}
h2{font-size:25px}
}
@media (max-width: 991px) {
iframe{width:460px;height:320px}
.list-inline.info > li{padding:0 12px 0 0}
#contact_form{text-align:center}
}
@media (max-width: 767px) {
iframe{width:400px;height:280px}
h1{font-size:32px;line-height:32px}
t1,t2{font-size:32px;line-height:32px}
}
@media (max-width: 479px) {
iframe{width:340px;height:240px}
t1,t2{font-size:24px;line-height:24px}
h1{font-size:26px;line-height:26px}
h2{font-size:24px;line-height:24px}
.list-inline.info{margin-bottom:10px;text-align:center;width:100%}
.list-inline.info > li{padding:0 8px}
}
@media (min-width:768px) {
.container{width:750px}
}
@media (min-width:992px) {
.container{width:970px}
}
@media (min-width:1200px) {
.container{width:1170px}
}

.row{margin-right:-15px;margin-left:-15px}
.col-md-3,.col-md-8,.col-sm-6{position:relative;min-height:1px;padding-right:10px;padding-left:10px}

@media (min-width:768px) {
.col-sm-6{float:left;width:50%}
}
@media (min-width:992px) {
.col-md-3,.col-md-8{float:left}
.col-md-8{width:70%}
.col-md-3{width:25%}
.col-md-offset-2{margin-left:16.66666667%}
}
.container:after,.container:before,.row:after,.row:before{display:table;content:" "}
.container:after,.row:after{clear:both}

#fixed {
	position: fixed;
	bottom: 0%;
	background: #00f;
	color: #000;
	padding: 5px;
	border: 2px ridge #22eeee;
	border-radius: 7px;
	z-index: 20;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;

}
#fixed a{color:#fff;text-decoration:none;}
#fixed a:hover{color:#00ffff;text-decoration:underline;}