html, body {
  height: 100%;
  width: 100%;
  padding:0; 
  margin:0;
  background:#FFF;
}
body{ 
font-family: 'PT Sans', Tahoma, sans-serif;
font-size:14px;
color:#3d3d3d;

} 


img {border:solid 0px;}
div{margin:0px; padding:0px;}
p{margin:0; padding:0;}
.pipic img:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

a {color:#dc1f27; text-decoration: none;}
a:hover {color:#dc1f27; text-decoration:none;}
a:link, a:visited {color:none;}

.blue{color:#1f3d5f;}
.red{color:#e30615;}

.full_width{ width:100%; position:relative; overflow:auto;}
.page{ width:1180px; position:relative; border:solid 0px #FF0000; text-align:left;}

.header{ width:100%; height:870px; background:url(../images/header.png) no-repeat right top, url(../images/red.png) no-repeat left top; position:relative}
a.logo{ float:left; margin:0px; width:242px; height:92px; text-align:center; background:url(../images/logo_osnova_ua.png) no-repeat 30px 18px;}
.diller{ position:absolute; left:250px; top:30px; display:block; z-index:999; font-size:14px; color:#515151;}
.phones{ font-size:38px; color:#dc1f27; position:absolute; left:0px; top:120px; line-height:normal; letter-spacing:0px;}
.slogan{ font-size:58px; color:#0f2137; position:absolute; left:0px; top:250px; line-height:normal; letter-spacing:0px;}
.slogan span{ font-size:18px; display:block; margin-top:20px;}
.slogan a{ font-size:14px; color:#fff; padding:10px 0px; background:#dc1f27; width:150px; text-align:center; text-transform:uppercase; display:block; margin-top:20px;}
.slogan p{ font-size:18px; display:inline; position:absolute; left: 175px;  top: 317px;}

.perevagy{ text-align:center; margin-top:30px;}
.perevagy h2{color:#dc1f27; text-transform:uppercase; font-size:16px;}
.perevagy h3{color:#0f2137; font-size:30px;}
.perevagy table{ border-collapse:collapse; border:solid 1px #f1f4f6; margin:60px 0px; display:block;}
.perevagy table tr td{border:solid 1px #f1f4f6; padding:30px 30px; color:gray; font-size:14px;}
.perevagy table tr td p{ font-size:18px; color:#000; margin:20px 0px; text-transform:uppercase;}

.etap3{ background:url(../images/img.jpg) no-repeat left center; min-height:700px; overflow:auto;}
.etap3 div{ float:right; width:40%;}
.etap3 div h2{ font-size:42px !important; line-height:normal; font-weight:100; margin-top:130px;}
.etap3 div span{ display:block; margin-bottom:20px; font-size:16px; padding-left:40px; background:url(../images/arrow.jpg) no-repeat left center;}

.etap4 { text-align:center; margin-top:160px}
.etap4 h2{color:#dc1f27; text-transform:uppercase; font-size:16px;}
.etap4 table{ width:100%; margin-top:60px;}
.etap4 table tr td{ text-align:center; width:33%; font-size:18px; margin-bottom:50px; display:inline-block;}
.etap4 table a{ text-align:center; display:block; margin:20px 0px; color:#000;}
.etap4 table a:hover{color:#dc1f26;}
.etap4 a.bt_all{ background:#dc1f26; font-size:13px; text-transform:uppercase; color:#fff; text-align:center; padding:10px 15px; margin-top:0px; margin-bottom:60px; display:inline-block;}
.etap4 a.bt_all:hover{background:#000; color:#fff;}



.etap5 {position:relative; width:100%; margin:80px 0px; overflow:hidden; padding-bottom:45px;}
.etap5 h2{ font-weight:100; text-transform:uppercase; font-size:36px; width:30%; float:left;}
.etap5 div{ text-align:center; width:230px; border:solid 1px #f2f5f7; border-radius:15px; padding:40px 0px; position:absolute; font-size:18px; -webkit-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.06); 
box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.06); margin-top:20px; margin-right:20px;}
.etap5 div span{ display:block; font-size:42px;}
.etap5 .item1{right:540px; top:0px;}
.etap5 .item2{right:270px; top:20px;}
.etap5 .item3{right:0px; top:40px;}
.etap5 .item4{right:540px; top:220px;}
.etap5 .item5{right:270px; top:240px;}
.etap5 .item6{right:0px; top:260px;}

.etap6{ text-align:center; margin-top:0px;}
.etap6 h2{color:#dc1f27; text-transform:uppercase; font-size:16px;}
.etap6 h3{color:#0f2137; font-size:30px; margin-bottom:40px;}
.etap6 img{ margin:10px 10px; border-radius:15px; border:solid 5px #fff;}

.etap7{ text-align:left; margin-top:80px; overflow:auto;}
.etap7 h2{color:#000; text-transform:uppercase; font-size:34px; font-weight:100;}
.etap7 div{ width:25%; text-align:left; padding-left:40px; padding-right:30px; background:url(../images/red_dot.jpg) no-repeat left top; float:left; margin-bottom:30px;}
.etap7 div p{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.etap7 div.text{ width:100%; background:none; margin:0px; padding:0px; margin-bottom:50px;}

.etap8{ text-align:center; margin-top:80px;}
.etap8 h2{color:#dc1f27; text-transform:uppercase; font-size:16px;}
.etap8 h3{color:#0f2137; font-size:30px;}

.etap9{ text-align:center; margin-top:80px; margin-bottom:80px; overflow:auto;}
.etap9 h2{color:#dc1f27; text-transform:uppercase; font-size:16px;}
.etap9 h3{color:#0f2137; font-size:30px; margin-bottom:60px;}
.etap9 .box{ margin-bottom:40px; position:relative; overflow:auto;}
.etap9 img{ float:right; border-radius:190px; width:380px; height:380px;}
.etap9 .otzyv { float:left; width:50%; font-size:20px; font-weight:100;  text-align:left; margin:90px 0px 0px 50px;}
.etap9 .otzyv span{ display:block; font-size:26px; font-weight:bold; margin-top:20px;}

.page_bg{background:url(../images/footer_bg.jpg) repeat-x center bottom; overflow:auto;}

.footer{ width:100%; margin-bottom:35px; overflow:auto;}
.footer .left_box{ float:left; background:url(../images/logo_footer.png) no-repeat left center; padding-left:200px; height:62px;}
.footer .right_box{ float:right;}
.white_line{ width:100%; text-align:center; margin-bottom:0px; height:26px;}
iframe{ width:100% !important;  margin:10px 0px !important;}

a.nav_bt{ display:inline-block; background:#dc1f27; color:#fff; padding:5px 10px; margin-right:5px;}

@media only screen and (max-width: 990px) {
.page{ width:100%; position:relative; border:solid 0px #FF0000; text-align:left;}	
.header{ width:100%; height:440px; background:url(../images/header.png) no-repeat right top; position:relative; background-size:contain;}
a.logo{ float:left; margin:0px; width:100%; height:92px; text-align:center; background:url(../images/logo_osnova_ua.png) no-repeat 30px 18px;}
.phones{ font-size:28px; color:#dc1f27; position:absolute; left:30px; top:100px; line-height:normal; letter-spacing:0px;}
.slogan{ font-size:28px; color:#0f2137; position:absolute; left:30px; top:187px; line-height:normal; letter-spacing:0px;}
.slogan p { display:none;}
.perevagy table{ border-collapse:collapse; border:solid 1px #f1f4f6; margin:60px 30px; display:block;}
.perevagy table tr td{border:solid 1px #f1f4f6; padding:30px 30px; color:gray; font-size:22px;}
.perevagy table tr td p{ font-size:18px; color:#000; margin:20px 0px; text-transform:uppercase;}
.etap3{ overflow:auto; background:none;}
.etap3 div{ width:100%;}
.etap3 div h2{ font-size:42px !important; line-height:normal; font-weight:100; margin-top:40px;  margin-left:30px; text-align:center;}
.etap3 div span{ display:block; margin-bottom:20px; font-size:14px; padding-left:40px; background:url(../images/arrow.jpg) no-repeat left center;  margin-left:40px; margin-right:40px;}
.etap4 a.bt_all{ background:#dc1f26; font-size:23px; text-transform:uppercase; color:#fff; text-align:center; padding:10px 15px; margin-top:0px; margin-bottom:60px; display:inline-block;}
.etap5 {position:relative; width:100%; margin:60px 0px; padding-bottom:45px; min-height:600px;}
.etap5 h2{ font-weight:100; text-transform:uppercase; font-size:28px; width:90%; margin:0px 30px; text-align:center;}
.etap5 div{ text-align:center; width:22%; border:solid 1px #f2f5f7; border-radius:15px; padding:40px 0px; position:absolute; font-size:18px; -webkit-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.06); 
box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.06); margin-top:20px; margin-right:20px;}
.etap5 div span{ display:block; font-size:42px;}
.etap5 .item1{right:640px; top:130px;}
.etap5 .item2{right:370px; top:150px;}
.etap5 .item3{right:100px; top:170px;}
.etap5 .item4{right:640px; top:350px;}
.etap5 .item5{right:370px; top:370px;}
.etap5 .item6{right:100px; top:390px;}
.etap6 img{ margin:40px 10px; width:28%;}
.etap7{ text-align:left; margin-top:80px; overflow:auto;}
.etap7 h2{color:#000; text-transform:uppercase; font-size:34px; font-weight:100; text-align:center;}
.etap7 div.text{background:none; margin:0px 30px; padding:0px; margin-bottom:50px; font-size:16px; width:95%;}
.etap7 div{ width:90%; text-align:left; padding-left:40px; padding-right:30px; background:url(../images/red_dot.jpg) no-repeat left 11px; float:left; margin-bottom:50px; margin-left:40px;}
.etap7 div p{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.etap9 img{ float:right; margin-right:50px;}
.etap9 .otzyv { float:left; width:50%; font-size:28px; font-weight:100;  text-align:left; margin:70px 0px 0px 50px;}
.page_bg{background:none;}
.footer{ width:100%; margin-bottom:35px; overflow:auto;}
.footer .left_box{ float:left; background:url(../images/logo_footer.png) no-repeat left center; padding-left:200px; height:62px; display:none}
.footer .right_box{ float:right; width:100%; font-size:22px; text-align:center; padding:20px 0px; background:rgb(249 249 249);}
.white_line{ width:100%; text-align:center; margin-bottom:0px; height:26px;}

}