@font-face {
			font-family: "SegoeUIRegular";
			src: url("../fonts/SegoeUIRegular/SegoeUIRegular.eot");
			src: url("../fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"),
			url("../fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "SegoeUIBold";
			src: url("../fonts/SegoeUIBold/SegoeUIBold.eot");
			src: url("../fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"),
			url("../fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "SegoeUIItalic";
			src: url("../fonts/SegoeUIItalic/SegoeUIItalic.eot");
			src: url("../fonts/SegoeUIItalic/SegoeUIItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/SegoeUIItalic/SegoeUIItalic.woff") format("woff"),
			url("../fonts/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "SegoeUILight";
			src: url("../fonts/SegoeUILight/SegoeUILight.eot");
			src: url("../fonts/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/SegoeUILight/SegoeUILight.woff") format("woff"),
			url("../fonts/SegoeUILight/SegoeUILight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "SegoeUISemiBold";
			src: url("../fonts/SegoeUISemiBold/SegoeUISemiBold.eot");
			src: url("../fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"),
			url("../fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	
@font-face {
    font-family: SegoeWPSemiLight; 
    src: url(../fonts/SegoeWPSemiLight.ttf);
}


/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
font-size: 16px;
color:#444;
margin:0px;
background:#fff;
font-family: "SegoeUIRegular";
}

a{
text-decoration:underline;
color:#262626;
}

a:hover{
text-decoration:none;
color:#262626;
}

.clear {
clear:both;
}

ul, p, img {
margin:0px;
padding:0px;
border:0px;
list-style:none;
}

.site-width {
max-width:1140px;
width:100%;
margin:0 auto;
position:relative;
}

header {
min-height:450px;
background:url(../images/header-bg.jpg) no-repeat center 0;
}

.header2 {
min-height:450px;
background:url(../images/header-bg.jpg) no-repeat center 0;
}

header .logo {
float:left;
}

header .menu {
float:right;
position:relative;
}

header .menu li {
float:left;
margin:0 0 0 45px;
padding:24px 0 0 0;
}

header .menu li:hover, header .menu li.active {
border-top:4px #ff7e00 solid;
padding:20px 0 0 0;
}

header .menu li a {
font-family: SegoeWPSemiLight; 
color:#000;
text-decoration:none;
font-size:18px;
line-height:18px;
}

header .slogan {
float:left;
text-transform:uppercase;
font-family: "SegoeUIBold";
font-size:40px;
color:#000;
padding:15px 0 0 0;
}

header .block-right {
float:right;
padding:10px 0 0 0;
text-align:right;
color:#444;
font-family: "SegoeUISemiBold";
}

header .block-right .geo, header .block-right .time, header .block-right .phone, header .block-right .button, header .block-right .email {
clear:both;
}

header .block-right .email p {
background:url(../images/header-icon-email.png) no-repeat 0 3px;
float:right;
padding:0 0 0 25px;
}

header .block-right .geo p {
background:url(../images/header-icon-geo.png) no-repeat 0 3px;
float:right;
padding:0 0 0 20px;
}

header .block-right .time {
background:url(../images/header-icon-time.png) no-repeat 0 2px;
float:right;
padding:0 0 0 25px;
margin:5px 0 0 0;
}

header .block-right .phone {
background:url(../images/header-icon-phone.png) no-repeat 0 13px;
float:right;
padding:0 0 0 20px;
color:#313131;
font-size:30px;
font-family: "SegoeUIBold";
}

header .block-right .phone span {
display:block;
color:#444;
font-size:16px;
font-family: "SegoeUIRegular";
}

header .block-right .button a {
display:block;
float:right;
background:#ff7e00;
color:#fff;
text-transform:uppercase;
text-align:center;
font-family: "SegoeUIBold";
text-decoration:none;
padding:20px 45px;
line-height:16px;
margin:15px 0 0 0;
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

header .block-right .button a:hover {
background:#fff;
color:#ff7e00;
}

#advantages {
margin:-120px 0 0 0;
}

#advantages .site-width {
background:#fff;
height:150px;
padding:40px 30px 0 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#advantages ul li {
width:30%;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height:80px;
}

#advantages ul li:nth-child(1) {
background:url(../images/header-bottom-icon1.png) no-repeat 0 0;
padding:0 0 0 100px;
}

#advantages ul li:nth-child(2) {
background:url(../images/header-bottom-icon2.png) no-repeat 0 0;
padding:0 0 0 70px;
margin:0 5%;
}

#advantages ul li:nth-child(3) {
background:url(../images/header-bottom-icon3.png) no-repeat 0 0;
padding:0 0 0 75px;
}

#advantages ul li .name {
font-size:14px;
color:#000;
text-transform:uppercase;
font-family: "SegoeUIBold";
}

#advantages ul li p {
font-size:14px;
}

.title-page {
font-family: "SegoeUILight";
text-transform:uppercase;
color:#fff;
font-size:14px;
background:#ff7e00;
padding:5px 20px;
position:absolute;
top:0px;
}

#page2 {

}

#page2 .table {
display:table;
width:100%;
}

#page2 .table .left-block {
display:table-cell;
vertical-align:top;
width:360px;
background:url(../images/page2-left-bg.jpg) 0 0;
padding:70px 35px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}

#page2 .table .right-block {
display:table-cell;
vertical-align:top;
}

#page2 .title-page {
right:0px;
}

#page2 .table .left-block .name {
font-size:24px;
text-transform:uppercase;
color:#000;
font-family: "SegoeUIBold";
line-height:26px;
}

#page2 .table .left-block p {
margin:0 0 20px 0;
font-size:14px;
}

#page2 .table .right-block .img {
float:left;
font-size:0px;
width:25%;
overflow:hidden;
position:relative;
}

#page2 .table .right-block .img img {
height:175px;
width: 200px;
max-height:100%;
max-width:100%;
}

#page2 .table .right-block .img:hover .hover {
display:block;
}

#page2 .table .right-block .img .hover {
display:none;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:9;
font-size:18px;
color:#fff;
text-transform:uppercase;
font-family: "SegoeUIBold";
text-align:center;
padding: 20% 0 0 0;
background-color: rgba(0, 0, 0, 0.76);
}

#page3 .table {
display:table;
width:100%;
}

#page3 .table .right-block {
display:table-cell;
vertical-align:top;
width:330px;
background:url(../images/page3-right-bg.jpg) 0 0;
padding:60px 35px 25px 35px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}

#page3 .table .left-block {
display:table-cell;
vertical-align:top;
}

#page3 .title-page {
left:0px;
}

#page3 .table .right-block .name {
font-size:24px;
text-transform:uppercase;
color:#fff;
font-family: "SegoeUIBold";
line-height:26px;
}

#page3 .table .right-block p {
margin:0 0 20px 0;
font-size:14px;
color:#fff;
}

#page3 .table .right-block .button {
display:block;
font-family: "SegoeUIBold";
text-transform:uppercase;
color:#fff;
font-size:16px;
background:#ff7e00;
padding:20px 20px 0 20px;
text-decoration:none;
text-align:center;
width:180px;
height:40px;
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
margin:0 auto;
}

#page3 .table .right-block .button:hover {
background:#fff;
color:#ff7e00;
}

#page3 .table .left-block .tabs__content {
display: none;
}

#page3 .table .left-block .tabs__content.active {
display: block;
}

#page3 .table .left-block .tabs__caption {
background:#ff7e00;
padding:20px 40px;
display:table;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#page3 .table .left-block .tabs__caption li {
display:table-cell;
vertical-align:top;
padding:15px 25px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#page3 .table .left-block .tabs__caption li:hover, #page3 .table .left-block .tabs__caption li.active {
border:2px #fff solid;
padding:13px 23px;
-webkit-border-radius: 115px;
-moz-border-radius: 115px;
border-radius: 115px;
cursor:pointer;
}

#page3 .table .left-block .tabs__caption li span {
display:block;
background:url(../images/page3-icon-diametr.png) no-repeat 0 5px;
font-size:24px;
color:#fff;
font-family: "SegoeUISemiBold";
padding:0 0 0 40px;
}

#page3 .table .left-block .tabs__content ul.tb {
display:table;
width:100%;
border-top:1px #e5e5e5 solid;
border-left:1px #e5e5e5 solid;
}

#page3 .table .left-block .tabs__content ul.tb li {
display:table-cell;
width:33.3333%;
border-bottom:1px #e5e5e5 solid;
border-right:1px #e5e5e5 solid;
padding:15px 0px 28px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align:top;
}

#page3 .table .left-block .tabs__content ul.tb li .img {
text-align:center;
margin:0 30px;
}

#page3 .table .left-block .tabs__content ul.tb li .name {
font-size:18px;
color:#000;
font-family: "SegoeUIBold";
border-left:15px #ff7e00 solid;
padding:0 30px 0 15px;
line-height:20px;
margin:25px 0;
}

#page3 .table .left-block .tabs__content ul.tb li .text {
padding:0 30px;
font-size:14px;
line-height:22px;
}

#page3 .table .left-block .bg-orange {
background:#ff7e00;
padding:40px;
color:#fff;
min-height:480px;
}

#page3 .table .left-block .bg-orange img {
float:left;
max-width:300px;
}

#page3 .table .left-block .bg-orange .right {
margin:0 0 0 330px;
}

#page3 .table .left-block .bg-orange .name-or {
font-size: 24px;
text-transform: uppercase;
color: #fff;
line-height: 28px;
margin:0 0 20px 0;
}

#page3 .table .left-block .bg-orange .form {

}

#page3 .table .left-block .bg-orange .form input[type="text"] {
border:0px;
width:100%;
padding:10px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin:10px 0 0 0;
font-size:17px;
}

#page3 .table .left-block .bg-orange .form input[type="submit"] {
border:0px;
width:100%;
padding:10px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin:10px 0 0 0;
font-size:17px;
background:#fff;
color:#ff7e00;
cursor:pointer;
text-transform:uppercase;
}

#page4 {

}

#page4 .table {
display:table;
width:100%;
}

#page4 .table .left-block {
display:table-cell;
vertical-align:top;
width:400px;
position:relative;
padding:50px 60px 50px 35px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left:1px #e6e6e6 solid;
border-bottom:1px #e6e6e6 solid;
border-right:1px #e6e6e6 solid;
}

#page4 .table .right-block {
display:table-cell;
vertical-align:top;
}

#page4 .title-page {
left:0px;
}

#page4 .table .left-block .name {
font-size:24px;
text-transform:uppercase;
color:#000;
font-family: "SegoeUIBold";
line-height:26px;
}

#page4 .table .left-block p {
margin:20px 0 0px 0;
font-size:14px;
line-height:22px;
}

#page4 .slide-1 {
background:url(../images/bg-gazprom.jpg);
height: 318px;
}

#page4 .slide-1 .slider {
height: 318px;
overflow: hidden;
position: relative;
}

#page4 .slide-1 .slide {
width: auto;
height: 100%;
padding:0 75px 0 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#page4 .sli-links {

}

#page4 .sli-links .control-slide {
display:none;
}

#page4 .prewbutton, #page4 .nextbutton {
    display: block;
	width: 21px;
	height: 33px;
	position: absolute;
	top:15px;
	text-indent: -999px;
	background: url(../images/slider-carusel-arrow.png) no-repeat;
	opacity: 0.8;
	z-index: 3;
}

#page4 .prewbutton {
right:47px;
background-position:0 0;
}

#page4 .nextbutton {
right:25px;
background-position:-21px 0;
}

#page4 .slide-1 .prewbutton:hover, #page4 .nextbutton:hover {
opacity: 1;
}

#page4 .slide-2 {
background:url(../images/bg-rosneft.jpg);
height: 318px;
}

#page4 .slide-2 .slider {
height:318px;
overflow: hidden;
position: relative;
}

#page4 .slide-2 .slide {
padding:0 75px 0 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#page4 .slide-1 .slide .logo {
margin:10px 0 35px 25px;
}

#page4 .slide-1 .slide p {
color:#fff;
font-size:16px;
border-left:8px #fff solid;
padding:0 0px 0 20px;
margin:0 0 20px 0;

}

#page4 .slide-1 .slide p span {
display:block;
font-family: "SegoeUIBold";
font-size:14px;
}

#page4 .slide-2 .slide .logo {
margin:10px 0 20px 25px;
}

#page4 .slide-2 .slide p {
color:#000;
font-size:16px;
border-left:8px #fff solid;
padding:0 0px 0 20px;
margin:0 0 20px 0;
}

#page4 .slide-2 .slide p span {
display:block;
font-family: "SegoeUIBold";
font-size:14px;
}

#page5 {

}

#page5 .site-width {
padding:60px 0;
background:url(../images/page5-bg.jpg);
}

#page5 .table {
display:table;
width:100%;
position:relative;
padding:0 65px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#page5 .table .video {
display:table-cell;
vertical-align:top;
position:relative;
}

#page5 .table .video iframe {
width:100%;
height:380px;
}

#page5 .table .feedback {
display:table-cell;
vertical-align:top;
width:390px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:70px 0px 10px 30px;
position:relative;
}

#page5 .table .feedback .name {
font-size:24px;
color:#000;
font-family: "SegoeUIBold";
margin:0 0 30px 0;
}

#page5 .table .feedback p {
font-size:14px;
line-height:24px;
}

#page5 .table .feedback .button {
display:block;
background:#ff7e00;
color:#fff;
text-transform:uppercase;
text-align:center;
font-family: "SegoeUIBold";
text-decoration:none;
padding:20px 45px;
line-height:16px;
margin:35px 0 0 0;
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

#page5 .table .feedback .button:hover {
background:#fff;
color:#ff7e00;
}

#page6 {
margin:45px 0 0 0;
}

#page6 .table {
display:table;
width:100%;
}

#page6 .table .feedback {
display:table-cell;
vertical-align:top;
width:325px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:55px 0 0 15px;
position:relative;
}

#page6 .table .maps {
display:table-cell;
vertical-align:top;
padding:0 0 0 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#page6 .table .feedback .title-page {
left:0px;
}

#page6 .table .feedback .name {
font-size:24px;
color:#000;
font-family: "SegoeUIBold";
text-transform:uppercase;
margin:0 0 25px 0;
}

#page6 .table .feedback input[type="text"] {
border:0px;
width:100%;
padding:15px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:16px;
color:#666666;
border:2px #dfdfdf solid;
margin:0 0 20px 0;
}

#page6 .table .feedback textarea {
border:0px;
width:100%;
padding:15px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:16px;
color:#666666;
border:2px #dfdfdf solid;
margin:0 0 20px 0;
height:120px;
}

#page6 .table .feedback input[type="submit"] {
display: block;
font-family: "SegoeUIBold";
text-transform: uppercase;
color: #fff;
font-size: 16px;
background:#ff7e00;
padding: 17px 20px;
text-decoration: none;
text-align: center;
border:0px;
cursor:pointer;
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

#page6 .table .feedback input[type="submit"]:hover {
background:#fff;
color:#ff7e00;
}

#page6 .table .maps .title-page {
right:200px;
}

#page6 .table .maps .block-maps {
text-align:right;
padding:80px 0 0 0;
}

footer {
background:url(../images/footer-bg.jpg) no-repeat center 0;
min-height:243px;
border-bottom:5px #ff7e00 solid;
margin:130px 0 0 0;
}

footer .block-logo-social {
float:left;
width:200px;
}

footer .footer-right {
margin:0 0 0 240px;
text-align:right;
}

footer .block-logo-social .logo {

}

footer .block-logo-social .slogan {
font-size:16px;
text-transform:uppercase;
color:#000;
font-family: "SegoeUIBold";
margin:5px 0 0 0;
}

footer .block-logo-social .social {
margin:10px 0 0 0;
}

footer .block-logo-social .social a {
display:block;
float:left;
width:30px;
height:30px;
margin:0 10px 0 0;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

footer .block-logo-social .social a:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

footer .block-logo-social .social a.vk {
background:url(../images/footer-icon-vk.png) no-repeat;
}

footer .block-logo-social .social a.fb {
background:url(../images/footer-icon-fb.png) no-repeat;
}

footer .block-logo-social .social a.twitter {
background:url(../images/footer-icon-twitter.png) no-repeat;
}

footer .block-logo-social .social a.insta {
background:url(../images/footer-icon-insta.png) no-repeat;
}

footer .footer-right .menu {
float:right;
}

footer .footer-right .menu li {
float:left;
margin:0 0 0 40px;
}

footer .footer-right .menu li a {
font-size:18px;
color:#000;
font-family: SegoeWPSemiLight;
text-decoration:none;
}

footer .footer-right .menu li a:hover {
text-decoration:underline;
}

footer .block-right {
float:right;
padding:25px 0 0 0;
text-align:right;
color:#444;
font-family: "SegoeUISemiBold";
}

footer .block-right .geo, footer .block-right .time, footer .block-right .phone, footer .block-right .button, footer .block-right .email {
clear:both;
}

footer .block-right .geo p {
background:url(../images/header-icon-geo.png) no-repeat 0 3px;
float:right;
padding:0 0 0 20px;
}


footer .block-right .email p {
background:url(../images/header-icon-email.png) no-repeat 0 3px;
float:right;
padding:0 0 0 25px;
}

footer .block-right .time {
background:url(../images/header-icon-time.png) no-repeat 0 2px;
float:right;
padding:0 0 0 25px;
}

footer .block-right .phone {
background:url(../images/header-icon-phone.png) no-repeat 0 13px;
float:right;
padding:0 0 0 20px;
color:#313131;
font-size:30px;
line-height:30px;
font-family: "SegoeUIBold";
}

footer .block-right .phone span {
display:block;
color:#444;
font-size:16px;
font-family: "SegoeUIRegular";
}

footer .block-right .button a {
display:block;
float:right;
background:#ff7e00;
color:#fff;
text-align:center;
font-family: "SegoeUIBold";
text-decoration:none;
padding:10px 20px;
line-height:16px;
margin:5px 0 0 0;
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

footer .block-right .button a:hover {
background:#fff;
color:#ff7e00;
}

#popup-block {
display:none;
}

#popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
background-color: rgba(117, 117, 117, 0.9);
z-index: 99999999999999;
overflow: auto;
}

#popup-block .block {
background:#ff7e00;
width:350px;
padding:20px 40px 30px 40px;
position:fixed;
top:50%;
left:50%;
margin:-185px 0px 0px -215px;
z-index:99999999999;
}

#popup-block .block .close {
width:20px;
height:20px;
background:url(../images/popup-close.png) no-repeat;
position:absolute;
top:5px;
right:5px;
cursor:pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}

#popup-block .block .close:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

#popup-block .block .name {
text-align:center;
text-transform:uppercase;
color:#fff;
font-size:24px;
padding:0 0 10px 0;
border-bottom:2px #fff solid;
margin:0 0 30px 0;
}

#popup-block .block input[type="text"] {
border:0px;
width:100%;
padding:15px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:16px;
color:#666666;
margin:0 0 10px 0;
}

#popup-block .block input[type="submit"] {
display: block;
font-family: "SegoeUIBold";
text-transform: uppercase;
color: #fff;
font-size: 16px;
background:#e97300;
padding: 17px 20px;
text-decoration: none;
text-align: center;
border:0px;
cursor:pointer;
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.08);
box-shadow: 0px 0px 20px rgba(0,0,0,.08);
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#popup-block .block input[type="submit"]:hover {
background:#fff;
color:#ff7e00;
}

.mobile-icon-menu {
display:none;
padding:20px 0 0 0;
}

.mobile-icon-menu a {
display:block;
width:50px;
height:50px;
background:url(../images/mobile-icon.png) no-repeat;
}

#wrapper .site-width {
margin:-120px auto 0 auto;
background:#fff;
padding:20px 30px 20px 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height:300px;
}

#wrapper h1 {
margin:0px 0 20px 0;
padding:0px;
}

#wrapper .article {
border-bottom:3px #ff7e00 solid;
padding:0 0 20px 0;
margin:0 0 20px 0;
}



@media screen and (max-width:1140px) {

.site-width {
width:96%;
}

#page3 .table .left-block .tabs__caption li span {
display:block;
background:url(../images/page3-icon-diametr.png) no-repeat 0 0px;
font-size:16px;
min-height:27px;
}

#page3 .table .left-block .tabs__caption li {
padding:15px 15px;
}

#page3 .table .left-block .tabs__caption li:hover, #page3 .table .left-block .tabs__caption li.active {
border:0px #fff solid;
padding:15px 15px;
-webkit-border-radius:0px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor:pointer;
color:#fff;
border-bottom:2px #fff solid;
}

#page3 .table .left-block .tabs__caption {
padding: 20px 20px;
}

#page6 .table .maps .block-maps img {
max-width:100%;
}

}


@media screen and (max-width:1000px) {

.mobile-icon-menu {
display:block;
}

header .menu ul {
display:none;
}

header ul#menu-topmenu {
position:absolute;
top:70px;
right:0px;
background:#231f20;
padding:10px 20px;
width:200px;
text-align:center;
}

header .menu li {
float:none;
display:block;
margin:0 0 0 0px;
padding:0px 0 10px 0;
}

header .menu li:hover, header .menu li.active {
border-top:0px #ff7e00 solid;
padding:0px 0 10px 0;
}

header .menu li a {
font-family: SegoeWPSemiLight; 
color:#ff7e00;
text-decoration:none;
font-size:18px;
line-height:normal;
}

header .menu li a:hover {
text-decoration:underline;
}

#advantages {
padding:0 0 15px 0;
}

#advantages .site-width {
height:auto;
}

#page2 .table {
display:block;
width:100%;
}

#page2 .table .left-block {
display:block;
width:100%;
}

#page2 .table .right-block {
display:block;
}

#page2 .table .right-block .img img {
height:175px;
width: 200px;
max-height:100%;
max-width:100%;
}

#page3 .table {
display:block;
width:100%;
}

#page3 .table .right-block {
display:block;
width:100%;
}

#page3 .table .left-block {
display:block;
}

#page4 .table {
display:block;
}

#page4 .table .left-block {
display:block;
width:100%;
}

#page4 .table .right-block {
display:block;
vertical-align:top;
}

#page4 .slide-1 {
background:url(../images/bg-gazprom.jpg);
height:auto;
}

#page4 .slide-1 .slider {
height:auto;
}

#page4 .slide-2 {
background:url(../images/bg-rosneft.jpg);
height:auto;
}

#page4 .slide-2 .slider {
height:auto;
}

#page5 .table {
display:block;
}

#page5 .table .video {
display:block;
}

#page5 .table .video iframe {
width:100%;
height:380px;
}

#page5 .table .feedback {
display:block;
width:100%;
padding:70px 0px 10px 0px;
}

footer .footer-right .menu {
display:none;
}



}


@media screen and (max-width:850px) {

header {
min-height:auto;
background:url(../images/header-bg.jpg) no-repeat center 0;
padding:0 0 150px 0;
}

header .menu {
float:none;
position:absolute;
top:0px;
right:0px;
}

header .logo {
float:none;
text-align:center;
margin:0 auto;
}

header .slogan {
float:none;
text-transform:uppercase;
font-family: "SegoeUIBold";
font-size:30px;
color:#000;
padding:10px 0 0 0;
text-align:center;
}

header .block-right {
float:none;
padding:10px 0 0 0;
text-align:center;
color:#000;
font-family: "SegoeUISemiBold";
margin:0 auto;
display:table;
}

header .block-right .phone {
float:none;
color:#000;
}

header .block-right .time {
background:url(../images/header-icon-time.png) no-repeat 0 2px;
float:none;
display:block;
padding:0 0 0 25px;
margin:5px 0 0 0;
}

#advantages ul li {
width:100%;
float:none;
margin:0 0 20px 0;
}

#advantages ul li:nth-child(2) {
margin:0 0%;
}

#page6 .table {
display:block;
}

#page6 .table .feedback {
display:block;
width:100%;
padding:55px 0 0 0px;
}

#page6 .table .maps {
display:block;
padding:0 0 0 0px;
position:relative;
}

#page6 .table .maps .title-page {
right:0px;
top:20px;
}


}


@media screen and (max-width:700px) {

#page3 .table .left-block .tabs__caption li {
display:block;
}

#page3 .table .left-block .tabs__content ul.tb li {
display:block;
width:100%;
}

#page3 .table .left-block .tabs__caption li:hover, #page3 .table .left-block .tabs__caption li.active {
padding:13px 13px;
-webkit-border-radius:110px;
-moz-border-radius: 110px;
border-radius: 110px;
cursor:pointer;
color:#fff;
border:2px #fff solid;
}


}



@media screen and (max-width:600px) {

#page2 .table .right-block .img {
width:33.333333333333%;
}

#page2 .table .right-block .img img {
height:175px;
width: 200px;
max-height:100%;
max-width:100%;
}

#page5 .table {
padding: 0 0px;
}

#page6 .table .maps {
display:none;
}

footer {
padding:0 0 30px 0;
background:url(../images/footer-bg.jpg) repeat center bottom;
}

footer .block-logo-social {
float:none;
width:100%;
margin:0 auto;
text-align:center;
}

footer .block-logo-social .social {
display:table;
margin:10px auto;
}

footer .footer-right {
margin:0 0 0 0px;
text-align:center;
padding:20px 0 0 0;
}

footer .block-right {
float:none;
width:auto;
text-align:center;
color:#000;
display:table;
margin:0 auto;
}

footer .block-right .geo p {
background:url(../images/header-icon-geo.png) no-repeat 0 3px;
float:none;
padding:0 0 0 20px;
}

footer .block-right .time {
background:url(../images/header-icon-time.png) no-repeat 0 2px;
float:none;
padding:0 0 0 25px;
margin:10px 0;
}

footer .block-right .phone {
background:url(../images/header-icon-phone.png) no-repeat 0 13px;
float:none;
padding:0 0 0 20px;
color:#313131;
font-size:30px;
line-height:30px;
font-family: "SegoeUIBold";
}

footer .block-right .button a {
float:none;
margin:10px auto;
}

#popup-block .block {
background:#ff7e00;
width:auto;
max-width:100%;
padding:20px 40px 30px 40px;
position:fixed;
top:10%;
left:0%;
margin:0px 0px 0px 0px;
z-index:99999999999;
}


}

@media screen and (max-width:450px) {

#page2 .table .right-block .img {
width:100%;
text-align:center;
max-width:260px;
margin:0 auto;
float:none;
}

#page2 .table .right-block .img img {
width: 200px;
max-width:100%;
margin:0 auto;
}


}




@media screen and (max-width:400px) {

header .logo img {
max-width:55%;
}

header .slogan {
font-size: 20px;
}

header .block-right .button a {
float: none;
margin: 15px auto 0 auto;
}

#advantages ul li {
text-align:center;
}

#advantages ul li:nth-child(1) {
background:url(../images/header-bottom-icon1.png) no-repeat center 0;
padding:90px 0 0 0px;
}

#advantages ul li:nth-child(2) {
background:url(../images/header-bottom-icon2.png) no-repeat center 0;
padding:90px 0 0 0px;
}

#advantages ul li:nth-child(3) {
background:url(../images/header-bottom-icon3.png) no-repeat center 0;
padding:90px 0 0 0px;
}



}












/* заголовки: тег сменили на h1/h2, гасим браузерные отступы и жирность */
h1.slogan, h2.title-page { margin: 0; font-weight: normal; }