/*
Theme Name: Gazprom
*/

* { margin:0; padding:0;box-sizing:border-box;}
html, body {}
body {font-family: 'Roboto',sans-serif;font-size:16px;background:#fff;}
html, input, textarea {font-family: 'Roboto Light',sans-serif;outline:none;font-weight:300;}
b,strong {font-weight:bold;}
a {color:#007bc1;}
a:hover {color:#fc4a0a;}
a:focus, input:focus {outline:none;}
a img {border:0}

.inner {max-width:1644px;margin:auto;position:relative;}

#header {margin-bottom:60px;}

#header .inner {height:100%;}
#header .logo {}

#header .nav {margin-right: 510px;}

#header .btns {position:absolute;left:-90px;top:23px;}
#header .hamb {width:32px;height:32px;display:inline-block;background:url('img/hamb-btn.png') no-repeat center center;vertical-align:top;margin-right: 10px;}
#header .search {width:32px;height:32px;display:inline-block;background:url('img/search-btn.png') no-repeat center center;vertical-align:top;margin-top: 1px;}

#header .menu {padding-top:11px;margin-bottom:28px;}
#header .menu>ul {list-style:none;font-size:0px;line-height:30px;}
#header .menu>ul>li{display:inline-block;font-size:18px;padding: 11px 20px 10px 16px;margin-right:-9px;}
#header .menu>ul>li>a {text-decoration:none;border-bottom:1px solid #007bc1;}
#header .menu>ul>li.menu-item-has-children>a:after {display:inline-block;content:'';width:12px;height:6px;background:url(img/menu-dropdown-arrow.png) no-repeat;vertical-align:top;margin-left:4px;margin-top:13px;}
#header .menu>ul>li>ul {display:none;}
#header .menu>ul>li>ul a {text-decoration:none;}

#header .menu>ul>li.sel {background:#0049a5;}
#header .menu>ul>li.sel a {color:#fff;}
#header .menu>ul>li.sel>ul>li>a:hover {text-decoration:underline;}
#header .menu>ul>li.sel>a {border-color:#80a4d2;}
#header .menu>ul>li.sel>ul {display:block;position:absolute;background:#0049a5;list-style:none;margin-left: -16px;padding:23px 40px;font-size:16px;z-index:1;}
#header .menu>ul>li.sel>ul>li {margin-bottom:4px;}
#header .menu>ul>li.menu-item-has-children.sel>a:after {transform:scaleY(-1);background-image:url(img/menu-dropdown-arrow-white.png)}

#header .menu>ul>li:hover {background:#0049a5;}
#header .menu>ul>li:hover a {color:#fff;}
#header .menu>ul>li:hover>ul>li>a:hover {text-decoration:underline;}
#header .menu>ul>li:hover>a {border-color:#80a4d2;}
#header .menu>ul>li:hover>ul {display:block;position:absolute;background:#0049a5;list-style:none;margin-left: -16px;padding:23px 40px;font-size:16px;z-index:1;}
#header .menu>ul>li:hover>ul>li {margin-bottom:4px;}
#header .menu>ul>li.menu-item-has-children:hover>a:after {transform:scaleY(-1);background-image:url(img/menu-dropdown-arrow-white.png)}


#header .buttons {overflow:hidden;margin-left:14px;}
#header .buttons a {display:block;width:262px;height:60px;border-radius:3px;float:left;color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:normal;line-height:28px;padding-top:16px;}
#header .buttons a:hover {background-color:#0049a5 !important;}
#header .buttons a.lk {background:#5a8196;padding-left: 31px;letter-spacing: 2.2px;margin-right: 31px;}
#header .buttons a.lk:before {content:'';display:inline-block;width:26px;height:27px;background:url(img/lk-icon.png) no-repeat;vertical-align: middle;margin-right: 16px;}
#header .buttons a.pay {background:#00a98e;padding-left:51px;letter-spacing:2.8px;}
#header .buttons a.pay:before {content:'';display:inline-block;width:26px;height:20px;background:url(img/pay-icon.png) no-repeat;vertical-align: middle;margin-right: 14px;}

#header .contacts {position:absolute;width:224px;right:310px;top:0;font-size:14px;padding-top:21px;line-height:24px;letter-spacing: 0.2px;}
#header .contacts .addr {background:url(img/addr-icon.png) no-repeat 0 5px;padding-left:48px;margin-bottom:14px;}
#header .contacts .tel {background:url(img/tel-icon.png) no-repeat 3px 6px;padding-left:48px;height:68px;}

#header .top {position:absolute;height:150px;right:0px;top:0;overflow:hidden;width:310px;}
#header .top .social {width:50px;float:left;}
#header .top .social a {display:block;width:50px;height:50px;background:url(img/social.png) no-repeat;}
#header .top .social a.ig {}
#header .top .social a.fb {background-position:0 -50px;}
#header .top .social a.tg {background-position:0 -100px;}
#header .top .social a.vk {background-position:0 -150px;}
#header .top .social a.ok {background-position:0 -200px;}


#header .top .logo-block {display:block;float:left;width:260px;height:150px;background:#fff;}
#header .top .logo {display:block;width:250px;height:150px;background:url(img/logo.png) no-repeat 16px 11px;}

#footer {border-top:#f3f3f3 1px solid;}
#footer .inner {padding-top: 53px;font-size:14px;line-height:24px;letter-spacing: 0.1px;overflow:hidden;}
#footer .about {width:380px;float:left;margin-right:137px;margin-left:15px;}
#footer .copy {margin-bottom: 33px;}
#footer .menu {margin-top:3px;padding-left: 30px;float:left;overflow:hidden;}
#footer .menu ul {list-style:none;line-height:20px;display:block;float:left;width:274px;}
#footer .menu ul li {margin-bottom:10px;}
#footer .madeby {background:url(img/webrobot.png) no-repeat;padding-left:50px;margin-top:-5px;padding-top: 5px;margin-right: -5px;margin-left:15px;position:absolute;right:16px;top:53px;}
#footer .madeby a {color:#222;}

#footer .social {display:flex;margin-bottom: 40px;}
#footer .social a {width:50px;height:50px;background:url(img/social.png) no-repeat;}
#footer .social a.ig {}
#footer .social a.fb {background-position:0 -50px;}
#footer .social a.tg {background-position:0 -100px;}
#footer .social a.vk {background-position:0 -150px;}
#footer .social a.ok {background-position:0 -200px;}

#header.index {height:550px;background:#184a6c url(img/header-index-bg.jpg) no-repeat top center;background-size:cover;margin-bottom:0;}
#header.index .menu a {color:#fff;}
#header.index .menu>ul>li>a {color:#fff;border-bottom:1px solid #fff;cursor:default;}
#header.index .menu>ul>li>a:after {background:url(img/menu-dropdown-arrow-white.png) no-repeat;}
#header.index .contacts {color:#fff;}
#header.index .contacts .addr {background-image:url(img/addr-icon-white.png);}
#header.index .contacts .tel {background-image:url(img/tel-icon-white.png);}
#header.index .hamb {background-image:url('img/hamb-btn-white.png');}
#header.index .search {background-image:url('img/search-btn-white.png');}
#header.index .index-title {font-size:68px;font-weight:bold;line-height:76px;color:#fff;position: absolute;bottom: 46px;margin-left: 12px;max-width:1000px;}

#hmenu {background:#0049a5;position:absolute;left:0;right:0;top:0;z-index:100;display:none;width:max-content;}
#hmenu .close {width:22px;height:22px;background:url(img/close.png) no-repeat;position:absolute;left:30px;top:30px;z-index:1;}
#hmenu .inner {padding-top: 109px;padding-bottom: 50px;}
#hmenu .search {max-width: 1340px;position:relative;height: 64px;margin-bottom: 49px;margin-left:14px;}
#hmenu .search input {font-size:30px;border:0;border-bottom:1px solid #fff;background:url(img/search-input.png) no-repeat left center;padding:12px 34px;position:absolute;left:0;top:0;right:274px;color:#fff;}
#hmenu .search input::placeholder {color:#4d80c0;}
#hmenu .search button {position:absolute;right:0;top:11px;width:244px;height:50px;background:#20a4ca;text-align:center;color:#fff;border:0;border-radius:3px;text-transform:uppercase;letter-spacing:2px;font-size: 14px;}
#hmenu .menu {margin-left:14px;}
#hmenu .menu ul {list-style:none;overflow:hidden;font-size:16px;line-height:26px;}
#hmenu .menu ul a {color:#fff;}
#hmenu .menu>ul {display:flex;flex-wrap:wrap;}
#hmenu .menu>ul>li {display:block;margin-bottom: 40px;margin-right: 110px;}
#hmenu .menu>ul>li>a {font-weight:bold;}
#hmenu .menu>ul>li>ul {margin-top: 8px;}
#hmenu .menu>ul>li>ul>li {margin-bottom: 8px;}


#middle {}
#middle .inner {}
#middle .content_sb {display:flex;margin-top:-3px;}
#middle .content_sb .content {flex-grow:1;padding-left: 13px;margin-right: 30px;margin-bottom: 7px;}
#middle .content_sb .content-contacts {padding-left:9px;}
#middle .sidebar {width:381px;margin-right:15px;flex-shrink:0;margin-bottom:40px;}

.breadcrumbs {font-size:14px;margin-bottom:4px;color:#828282;}
.breadcrumbs a {color:#828282;}
.content h1.title {font-size:50px;margin-bottom: 24px;font-weight:300;letter-spacing: 0.13px;}
.content-single h1.title {font-size:32px;line-height:42px;margin-bottom: 17px;}
.content .date {font-size:14px;margin-bottom: 48px;color:#828282;}
.content .tabs {margin-bottom: 57px;}
.content .tabs a {margin-right:14px;}
.text {font-size: 18px;letter-spacing: -0.1px;line-height: 30px;}
.text p {margin-bottom: 30px;}
.text img {margin-bottom: 30px;max-width:100%;}
.text .alignleft {display:block;float:left;margin-right:30px;}
.text .alignright {display:block;float:right;margin-left:30px;}
.text .aligncenter {display:block;margin:0 auto 30px;}
.text .alignnone {margin-right:30px;}
.text h2 {font-size:30px;letter-spacing: 0.1px;margin-top: 18px;margin-bottom:30px;font-weight:bold;}
.text h3 {font-weight: 300;font-size: 30px;margin-bottom:28px;}
.text blockquote {background:#f4f5f6;padding:57px 60px 25px;margin-top:50px;margin-bottom:52px;}
.text ul {list-style:none;padding-left: 42px;margin-bottom: 44px;}
.text ul>li {position:relative;margin-top: -7px;margin-bottom:25px;}
.text ul>li:before {content:'—';font-size:18px;position:absolute;left: -23px;}
.text ol {padding-left: 38px;margin-bottom: 44px;}
.text ol>li {position:relative;margin-top: -7px;margin-bottom: 25px;padding-left: 4px;}


.content-contacts .contacts {margin-left:3px;    margin-top: -13px;}
.content-contacts .contacts .title {font-size:32px;margin-bottom: 43px;line-height:42px;}
.content-contacts .contacts .vals{font-size:18px;margin-bottom: 20px;display:table;}
.content-contacts .contacts .vals .row {display:table-row;}
.content-contacts .contacts .vals .name{display:table-cell;font-weight:bold;text-align:right;width:380px;padding-bottom:28px;vertical-align:top;line-height:30px;}
.content-contacts .contacts .vals .val{display:table-cell;padding-left:28px;vertical-align:top;padding-bottom:28px;line-height:30px;}
.content-contacts .contacts .vals table.bank {margin-top: -2px;}
.content-contacts .contacts .vals table.bank th{text-align:left;line-height: 28px;vertical-align:top;}
.content-contacts .contacts .vals table.bank td{padding-left: 22px;line-height: 28px;vertical-align:top;}
.content-contacts .contacts .vals table.schedule {margin-top:-1px;line-height:28px;margin-left: -2px;}
.content-contacts .contacts .vals table.schedule td {padding-right: 29px;}

.contact_form {background:#f4f5f6;padding:53px 60px;margin-left: 4px;margin-right: 7px;margin-bottom: 53px;}
.contact_form h2 {font-size: 30px;font-weight:300;margin-bottom: 22px;}
.contact_form .field {margin-bottom:10px;}
.contact_form .field .input {}
.contact_form .field .input select {height:60px;border:0;background:#fff;padding:0 24px;font-size:18px;width:100%;}
.contact_form .field .input input {height:60px;border:0;background:#fff;padding:24px;font-size:18px;width:100%;}
.contact_form .field .input textarea {border:0;background:#fff;padding:24px;font-size:18px;width:100%;height: 300px;}
.contact_form .submit input {width:262px;height:60px;background:#1779c0;border-radius:3px;border:0;color:#fff;text-transform:uppercase;margin-top: 20px;font-size:14px;letter-spacing: 3px;margin-bottom: 7px;}



.content-press {}
.content-press h1.title {margin-bottom:14px;}
.content-press .tabs {margin-bottom: 29px;}
.content-press .years {font-size:13px;margin-bottom: 17px;}
.content-press .years a {color:#6c6c6c;margin-right: 4px;}
.content-press .years a.selected {color:#000;font-weight:bold;text-decoration:none;}
.content-press .months {font-size:13px;margin-bottom:57px;}
.content-press .months a {color:#6c6c6c;margin-right: 17px;}
.content-press .months a.selected {color:#000;font-weight:bold;text-decoration:none;}
/*
.content-press .news-list {columns:2;column-gap: 32px;margin-bottom: 49px;}
.content-press .news-list .item {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;margin-bottom: 33px;}
*/
.content-press .news-list {display:flex;flex-wrap:wrap;gap: 0 32px;margin-bottom: 49px;}
.content-press .news-list .column {flex:calc(50% - 16px) 1 1;}
.content-press .news-list .item {flex:calc(50% - 16px) 1 1;margin-bottom: 33px;}
.content-press .news-list .item .date {font-size:14px;color:#828282;margin-bottom: 6px;}
.content-press .news-list .item .title {font-size:22px;line-height:36px;letter-spacing: -0.2px;margin-bottom: 16px;}
.content-press .news-list .item .img {display:block;}
.content-press .news-list .item .img img {display:block;max-width:100%;width:auto;height:auto;}
.content-press .news-list .item .img .img-placeholder {display:none;width:100%;height:200px;background:url(img/logo.png) center center no-repeat;}

.pagination {}
.pagination a {margin:0 5px;}
.pagination span {margin:0 5px;}

.sidebar {margin-top: -4px;}
.sidebar h2 {font-size:30px;margin-bottom:24px;}
.sidebar .news {line-height:27px;}
.sidebar .news .item {margin-bottom:30px;}
.sidebar .news .item .date {color:#828282;font-size:14px;margin-bottom: 4px;}
.sidebar .news .item .title {}
.sidebar .news .all {font-size:14px;font-weight:normal;letter-spacing: 2.7px;position: relative;top: -3px;}
.sidebar .links {margin-top: 7px;font-size:0;}
.sidebar .links a {display:block;margin-bottom: 11px;}

.index-content {display: flex;}

.index-content .links-slider {display:none;}


.index-col1 {margin-left:11px;padding-top: 47px;margin-right: 30px;padding-bottom:30px;}
.index-col2 {width:792px;padding-top: 61px;flex-shrink: 0;margin-right: 16px;}

.index-col1 h2 {font-size:50px;margin-bottom:42px;}
.index-content .news-list {padding-left:3px;margin-bottom:54px;}
.index-content .news-list .item {margin-bottom: 55px;}
.index-content .news-list .item .date {color:#828282;font-size:14px;margin-bottom:12px;}
.index-content .news-list .item .title {font-size:22px;margin-bottom: 20px;line-height:36px;letter-spacing: -0.2px;}
.index-content .news-list .item .excerpt {line-height:27px;margin-bottom:22px;}
.index-content .news-list .item .img {border-radius:10px;overflow:hidden;max-width:518px;}
.index-content .news-list .item .img img {display:block;max-width:100%;height:auto;}
.index-content .news-list .all {font-size:14px;font-weight:normal;letter-spacing: 2.7px;position:relative;top: -8px;}

.index-content .news-list .item  {display:flex;flex-wrap:wrap;}
.index-content .news-list .item .date {flex: 0 0 100%;}
.index-content .news-list .item .title {flex: 0 0 100%;}
.index-content .news-list .item .excerpt {flex: 1;order:30;text-align: justify;}
.index-content .news-list .item .img  {max-width:240px;order:20;margin-right:20px;}

.index-content .download {display:flex;flex-wrap: wrap;justify-content:space-between;padding-left:3px;}
.index-content .download .item {width:381px;height:240px;color:#fff;position:relative;margin-bottom:30px;}
.index-content .download .item .shadow {position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(7,75,126,0.8);padding:26px 29px;}
.index-content .download .item .title {font-size:18px;font-weight:600;margin-bottom:10px}
.index-content .download .item .desc {font-size:14px;}
.index-content .download .item .btn {display:block;position:absolute;bottom:16px;left:20px;background: url(img/download.png) no-repeat 10px center;border-radius:3px;text-transform:uppercase;color:#fc4a0a;font-size:14px;letter-spacing:2.3px;padding:13px 10px 10px 41px;text-decoration:none;font-weight:600;}
.index-content .download .item .btn:hover {background-color:rgba(0,23,41,0.5)}

.index-content .index-col2 {overflow:hidden;}
.index-content .links {display:flex;flex-wrap:wrap;justify-content: space-between;}
.index-content .links a {width:381px;margin-bottom:30px;}
.index-content .links a img {display: block;width:100%;}

#index-geo {height:666px;background:url(img/geo-bg.jpg) no-repeat center center;background-size:cover;}
#index-geo .inner {padding-top: 38px;position:relative;}
#index-geo h2 {font-size:50px;font-weight:bold;text-align:center;margin-bottom: 40px;}
#index-geo #rso-map {position:absolute;left:153px;top:144px;width:407px;height:463px;}
#index-geo #rso-map .r {fill:#bcbcbc;stroke:#fff;stroke-width:1px;cursor:pointer;}
#index-geo #rso-map .r:hover {fill:#dadada;}
#index-geo #rso-map .r.selected {fill:#0079c1;stroke-width:3px;}
#index-geo .info {width:792px;height:460px;background:#fff;position:absolute;top:146px;right:153px;display:flex;}
#index-geo .info .regions {width:380px;font-size:22px;padding:31px 0 0 51px}
#index-geo .region-current {display:none;}
#index-geo .info .regions .reg {line-height:44px;letter-spacing: -0.2px;position:relative;cursor:pointer;}
#index-geo .info .regions .reg.selected {font-weight:bold;}
#index-geo .info .regions .reg.selected:after {content:'';width:30px;height:60px;background:url(img/geo-region-selected.png) right center no-repeat;position:absolute;right:0;top: -2px;}
#index-geo .info .reg-info {width:412px;background:linear-gradient(to right, #028fde, #006fb6 290px, #006fb6);color:#fff;line-height:28px;padding: 22px 0 0 30px;overflow-y:scroll;}
#index-geo .info .reg-info>div {display:none;}
#index-geo .info .reg-info .selected {display:block;}
#index-geo .info .reg-info::-webkit-scrollbar {width: 13px;}
#index-geo .info .reg-info::-webkit-scrollbar-thumb {background:#fff;border-radius:13px;border:4px solid transparent;background-clip: content-box;}
#index-geo .info .reg-info p {margin-bottom:28px;}

.index-links1 {background:#ddebf8;}
.index-links1 .inner {padding-top: 45px;padding-bottom:45px;display:flex;flex-wrap:wrap;justify-content:center;}
.index-links1 .inner a {width:381px;height:130px;background:#0079cb;di splay:inline-block;margin:15px;}
.index-links1 .inner a img {width:100%;height:100%;}

.index-links2 {background:#fff;}
.index-links2 .inner {padding-top: 32px;padding-bottom:18px;}
.index-links2 .links2-slider {padding: 0 100px 0 150px;}
.index-links2 .links2-slider .slick-list {margin:auto;max-width:1100px;}
.index-links2 .links2-slider a {width:244px;height:120px;display:block;margin:15px 18px;}

.slick-slider {position:relative;}
.slick-arrow {position:absolute;top:50%;z-index: 1;font-size:0;appearance:none;}
.slick-arrow {position:absolute;z-index:10;width:22px;height:38px;background:url(img/slider-arrow.png);border:0;font-size: 0; line-height: 0;color: transparent; outline: none;top:50%;margin-top:-26px;cursor:pointer;}
.slick-arrow:hover {background-position:0 -38px;}
.slick-prev {left:14px;transform:scaleX(-1);}
.slick-next {right:14px;}

#index-map {height:600px;position:relative;}
#index-map .info {position:absolute;height:600px;width:600px;background:linear-gradient(to left, rgba(2,133,209,0.8), rgba(0,111,182,0.8));color:#fff;z-index:1;line-height:26px;right: calc(100% - 396px);}
#index-map .info a {color:#fff;}
#index-map .info .info-items {width:396px;padding-left:16px;position:absolute;right:0;top:0;padding-top:125px;}
#index-map .info .item {}
#index-map .info .address {background:url(img/info-addr-icon.png) no-repeat;padding-top:64px;margin-bottom:33px;}
#index-map .info .email {background:url(img/info-mail-icon.png) no-repeat;padding-top:50px;margin-bottom:39px;}
#index-map .info .tel {background:url(img/info-tel-icon.png) no-repeat;padding-top:63px;}

.media {columns:2;column-gap:20px;}
.media .item {webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;}