/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the default font size on small devices */
html {
  font-size: 112.5%;
}


#page {
  width: 100% !important;
}
#header #block-accordion-menu-1 {
  display: block;
}
#block-gazprom-extras-lederboard-menu-button {
  display: inline-block;
  float: right;
  right: auto;
}
/** FRONT **/
.region-highlighted{
  position: relative;
}
.front #block-views-views-news-block-block,
.front #block-views-views-news-block-block-1 {
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 10px;
}
/*.front #block-views-views-news-block-block,
.front #block-views-views-news-block-block-1{
  width: 95%;
  margin-top: 10px;
  margin-left: 10px;
  height: 65px;
  position: absolute;
  top: 110px;
}
.front #block-views-views-news-block-block .slimScrollDiv,
.front #block-views-views-news-block-block-1 .slimScrollDiv{
  height: auto;
}
.front #block-views-views-news-block-block .slimScrollDiv .views-row,
.front #block-views-views-news-block-block-1 .slimScrollDiv .views-row {
  font-size: 75%;
}
#block-views-views-news-block-block .news-block-news-title,
#block-views-views-news-block-block-1 .news-block-news-title{
  font-size: 80%;
}*/
.front .region-highlighted .block-imageblock{
  width: 100%;
}
.front #content .block-gazprom-banner{
  width: 98%;
  margin: 0;
}
.front .region-content-aside .block-gazprom-banner{
  width: 98%;
}
.front .region-content-aside .block-gazprom-banner .g-banner-body{
  width: 100%;
}
.front .region-content-aside .block-gazprom-banner .g-banner-title{
  font-size: 100%;
  padding-right: 10px;
}
.fs-locator .g-banner-body img,
.quiz-side-banners .custom-banner .g-banner-body img {
  bottom: 3px;
  left: 55%;
  width: 15%;
}
.fuel-card .g-banner-link{
  font-size: 80%;
}
.fs-locator .g-banner-body,
.fs-locator .g-banner-title {
  text-align: left;
  font-size: 20px;
  padding: 20px 0 0 200px;
}
.fs-locator .g-banner-description{
  display: none;
}
.quiz-side-banners .custom-banner .g-banner-description{
  width: 60%;
  font-size: 80%;
  margin-top: 0;
}
#block-views-views-news-block-block .views-field,
#block-views-views-news-block-block-1 .views-field{
  margin-right: 1px;
}
.g-banner-block .g-banner-body{
  width: 95%;
  background-size: 90% 100% !important;
  background-repeat: no-repeat !important;
}
.front .region-content-aside .block-gazprom-banner:first-child{
  margin-right: 1%;
}
.front #content {
  text-align: center;
}
ul.sf-menu li a{
  font-size: 97%;
  padding: 0 5px;
}
ul.sf-menu li.sf-depth-1 ul.sf-hidden{
  max-width: 15em;
}
.frontpage-image-block.offers .block-body{
  left: 6%;
  position: absolute;
  height: 30%;
  bottom: 37%;
  top: auto;
  font-size: 50%;
}
.frontpage-image-block.offers .block-body .title,
.frontpage-image-block.offers .block-body .content{
//  position: relative;
//  top: auto !important;
  font-size: 10px;
}
.frontpage-image-block.offers .block-body .content{
  margin-bottom: 2%;
}
ul.sf-menu li.sf-depth-1.last > ul {
  max-width: 18em !Important  ;
}
ul.sf-menu li.sf-depth-1.last a{
  height: auto;
}
.front .region-highlighted .block-imageblock .block-image{
  height: auto;
}
.front .region-highlighted .block-imageblock .block-image img {
  width: 100%;
}

/* NEWS BLOCK */
#block-views-views-news-block-block-2,
#block-views-views-news-block-block-3 {
  height: 164px;
  width: 90%;
  display: inline-block;
  margin: 0;
  float: none;
  text-align: left;
}
#block-views-views-news-block-block-2 .slimScrollRail,
#block-views-views-news-block-block-3 .slimScrollRail {
  background-color: #006CB1 !important;
  opacity: 0.9 !important;
  border-radius: 0 !important;
  border-top: 2px solid #006CB1 !important;
  border-bottom: 2px solid #006CB1 !important;
  width: 4px !important;
}
#block-views-views-news-block-block-2 .slimScrollBar,
#block-views-views-news-block-block-3 .slimScrollBar {
  opacity: 1 !important;
  border-radius: 0 !important;
  height: 15px !important;
  background-color: #fff !important;
  border-top: 2px solid #006CB1 !important;
  border-bottom: 2px solid #006CB1 !important;
  width: 4px !important;
}
#block-views-views-news-block-block-2 .news-block-date,
#block-views-views-news-block-block-3 .news-block-date {
  font-family: "DINPro Medium", "Trebuchet MS", Arial, sans-serif;
}
#block-views-views-news-block-block-2 .news-block-date a,
#block-views-views-news-block-block-2 .news-block-date a:visited,
#block-views-views-news-block-block-3 .news-block-date a,
#block-views-views-news-block-block-3 .news-block-date a:visited {
  font-family: "DINPro Medium", "Trebuchet MS", Arial, sans-serif;
  color: gray;
}
#block-views-views-news-block-block-2 .views-field,
#block-views-views-news-block-block-3 .views-field {
  margin: 10px 0;
  line-height: 17px;
}
#block-views-views-news-block-block-2 .views-field .field-content,
#block-views-views-news-block-block-3 .views-field .field-content {
  line-height: 17px;
}
#block-views-views-news-block-block-2 .news-block-news-title,
#block-views-views-news-block-block-3 .news-block-news-title {
  font-size: 14px;
  font-family: Arial, sans-serif;
  /*font-family: DINPro Light;*/
}
#block-views-views-news-block-block-2 .news-block-news-title a,
#block-views-views-news-block-block-2 .news-block-news-title a:visited,
#block-views-views-news-block-block-3 .news-block-news-title a,
#block-views-views-news-block-block-3 .news-block-news-title a:visited {
  font-size: 14px;
  color: gray;
  font-family: Arial, sans-serif;
  /*font-family: DINPro Light;*/
}
#block-views-views-news-block-block-2 .news-block-read-more-link a,
#block-views-views-news-block-block-3 .news-block-read-more-link a {
  color: #009CDE;
}
#block-views-views-news-block-block-2 h2,
#block-views-views-news-block-block-3 h2 {
  color: #009CDE;
}

.block-views-news-block-newspage-block {
  padding: 0px 8px;
}
.block-views-news-block-newspage-block h3 {
  font-size: 22px;
  color: #006CB1;
  border: 0;
  margin-top: 19px;
}
.block-views-news-block-newspage-block .news-block-date {
  color: #006CB1;
  font-size: 14px;
}
.block-views-news-block-newspage-block .news-block-news-title a {
  color: #009CDE;
  font-size: 17px;
}
.block-views-news-block-newspage-block .views-row {
  border-bottom: 1px dotted gray;
}
.block-views-news-block-newspage-block .block-title {
  color: #009CDE;
  font-size: 22px;
}
.news-block-summery, .news-block-summery h2 {
  font-size: 14px;
  color: gray;
  font-weight: normal;
  margin-top: 0;
}
.node-type-news #inside-node-region {
  margin-top: 20px;
}
nav.footer-navigation-block{
  height: auto;
}

.footer-navigation-block ul {
  padding: 0;
  margin: 0;
}
#header{
  height: auto;
  overflow: initial;
}
#header #branding{
  display: none;
}
.nivo-controlNav{
  bottom: 0;
  right: 0;
}
.theme-gazprom .nivo-controlNav a,
.theme-gazprom .nivo-controlNav a.active{
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
}
.theme-gazprom .nivo-controlNav a.active{
  background-position:0 -20px;
}
.footer-navigation-block ul li{
  width: auto;
  min-width: auto;
  padding: 0 auto;
  font-size: 8px;
}
#block-superfish-1 select{
  display: none;
}
.g-banner-block .g-banner-image-shadow{
  display: none;
}
.fs-locator .g-banner-title a:link,
.quiz-side-banners .custom-banner .g-banner-title a:link{
  width: 80%;
}
.frontpage-image-block.offers .block-body .title{
  font-size: 150%;
}

.node-content .field-name-field-image img,
.node-advanced-page .node-content .field-name-field-image{
  height: auto;
}
.node-advanced-page .node-content .field-name-field-image figure{
  position: relative;
}
#menu-bar nav.block-superfish select{
  display: none !important;
}
#menu-bar nav.block-superfish ul.sf-menu{
  display: none !important;
}
.node-advanced-page .node-content .field-name-body,
.node-article .node-content .field-items{
  width: auto;
  padding: 0 6px;
}
#iside-node-region{
  float: none;
  width: 94%;
  padding: 3%;
  text-align: center;
}
.node-content .field-name-field-image{
  height: auto;
}
#quiz-start-quiz-button-form {
  width: 5%;
  height: 5%;
  position: absolute;
  top: 6.5%;
  left: 4%;
}
#quiz-start-quiz-button-form #edit-button {
  width: auto;
  height: auto;
  font-size: 100%;
  position: relative;
  top: auto;
  left: auto;
}
.node-advanced-page .node-content .block-region-content-sidebar-r{
  float: none;
}
#content .node-content .field-name-body table {
  width: auto !important;
}
#content .node-content .field-name-body img{
    width: auto !important;
    height: auto !important;
}
.node-advanced-page .node-content .field-name-field-intro-text{
  padding: 0 5px;
}
.node-type-article .region-tertiary-content{
  width: 95%;
  display: block;
  margin: 0 auto;
}
.g-banner-chef .g-banner-body .more-info{
  text-decoration: none;
  position: relative;
  top: 18px;
  left: 18px;
  padding: 6px 10px 2px 4px;
}
#quiz-question-answering-form{
  width: 95%;
  background-size: 100% 200%;
}
#quiz-question-answering-form .quiz-question-body{
  width: 100%;
  left: auto;
  padding-top: 0;
  top: 0;
}
#quiz-question-answering-form .form-type-radios{
  bottom: 5%;
  left: 0;
  width: 100%;
}
.node-type-quiz .ui-dialog,
.node-type-quiz #gazprom-quiz-popup{
  width: 95% !important;
  padding: 5px;
  height: auto;
}
.node-type-quiz #gazprom-quiz-popup{
  left: auto;
  top: 10%;
}
#gazprom-quiz-popup .slimScrollDiv{
  height: 100px !important;
}
#quiz-question-number{
  display: none;
}
#quiz-question-answering-form .quiz-answer{
  display: block;
  margin: 0 auto;
}
#quiz-final-result{
  width: 95%;
  background-size: 100% 100%;
}
#quiz-content-wrapper{
  padding: 20% 10% 0 10%;
}
.node-type-article .region-content-sidebar-r{
  width: 95%;
  text-align: center;
  right: auto;
  margin: 0 auto;
}
.lang-sr-Latn .views-promo-text .views-promo-title{
  width: 100%;
}
.view-promo-and-actions-views tr td{
  position: relative;
}
.expiration_label{
  top: 5px;
  right: 0;
}
#content #node-27 .node-content .field-name-body img,
#content #node-97 .node-content .field-name-body img{
  margin: 0 !important;
}
.subscribe-page-form fieldset{
  padding: 5px;
}
div.form-type-checkbox label.option{
  width: auto;
}
.subscribe-page-form .form-actions,
.subscribe-page-form .form-actions #edit-cancel{
  display: block;
  margin: 5px auto !important;
}
.region-content-aside {
    padding: 5px;
}
#page-title{
  text-indent: 0;
  padding: 0 5px;
}
.gazprom-banner-content{
  float: none;
}
#quiz-start-quiz-button-form #edit-button{
  position: initial;
  top: auto;
  left: auto;
}
#quiz-start-quiz-button-form #edit-button{
  font-size: 70%;
}
#quiz-start-quiz-button-form{
  width: auto;
  height: auto;
}
.frontpage-image-block.offers .block-body .title,
.frontpage-image-block.offers .block-body .content{
  position: initial;
  top: auto;
  width: 80%;
  font-size: 100%;
  padding-left: 5%;
  padding-top: 5%;
  line-height: initial;
}
.frontpage-image-block.offers .block-body .content{
    font-size: 50%;
}
.frontpage-image-block.offers .block-body .more-info{
  left: 0;
  font-size: 70%;
  padding: 0;
  padding-left: 10%;
}
.region-leaderboard .region-inner{
  background-image: url(/sites/all/themes/gazprom/images/mobile-logo.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
}
#block-gazprom-extras-lederboard-home-link{
  margin: 0;
  position: relative;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.region-leaderboard .header-home-link{
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
}
.region-leaderboard .region-inner{
  background-image: none;
}
#block-gazprom-extras-lederboard-menu-button {
    right: auto;
    left: 0;
}
div.block-accordion-menu ul.menu li a,
#block-accordion-menu-1 .ui-accordion .ui-accordion-header .accordion-link{
  font-size: 13px;
  margin-right: 16%;
}
.frontpage-image-block.offers .block-body .content{
  width: 80%;
}
.g-banner-block .g-banner-title, .g-banner-slide .g-banner-description {
    font-size: 90%;
    padding-left: 5%;
    margin-left: 0;
    max-width: 120px;
}
.g-banner-description {
  margin-top: 5px;
}
.g-banner-chef .g-banner-body .g-banner-description{
  position: initial;
  top: auto;
  left: auto;
  height: auto;
  width: 100%;
  font-size: 70%;
  padding-left: 5%;
  line-height: 18px;
}
.g-banner-block .g-banner-title, .g-banner-slide .g-banner-description{
  padding-left: 5%;
  margin-left: 0;
  padding-top: 5%;
  width: 90%;
}
.region-leaderboard .header-home-link{
  display: none;
}
.quicktabs-tabpage .views-row .qtabs-text .qtabs-body p{
  height: auto;
}
.quicktabs-tabpage .views-row .qtabs-text .qtabs-price{
  float: none;
}
.quicktabs-tabpage .views-row .qtabs-text,
.quicktabs-tabpage .views-row .qtabs-images{
  display: block;
}
.quicktabs-tabpage .views-row .qtabs-text{
  margin-bottom: 10px;
}
.quicktabs-wrapper .item-list{
  height: auto;
}
#block-views-promo-and-actions-views-block .item-list ul.pager,
.view-promo-and-actions-views .item-list ul.pager{
  padding: 0;
}
#block-views-promo-and-actions-views-block .item-list ul.pager li,
#block-views-promo-and-actions-views-block .item-list ul.pager li a,
.view-promo-and-actions-views .item-list ul.pager li,
.view-promo-and-actions-views .item-list ul.pager li a{
  padding: 1px;
}
#page-title{
  font-size: 28px;
}
.fs-locator .g-banner-description{
  display: none;
}
.quicktabs-wrapper .item-list li{
  width: 48%;
}
.quicktabs-tabpage .views-row .qtabs-text{
  position: relative;
  width: 95%;
}
.quicktabs-tabpage .views-row .qtabs-text .qtabs-title{
  width: 50%;
}
.quicktabs-tabpage .views-row .qtabs-text .qtabs-price{
  position: absolute;
  top: 0;
  right: 0;
}
.views-row .views-promo-images, .views-promo-images{
  display: block;
  margin: 0 auto;
}
.views-promo-images img,
.views-row .views-promo-images img{
  width: 100% !important;
}
.views-promo-text {
    /*width: 100%;
    position: initial;
    margin: 0;*/
  display: none;
}
.views-row .views-promo-text .views-promo-price,
.views-promo-text .views-promo-price{
  position: absolute;
  top: 25px;
  right: 0;
}
.front #main-content .block-imageblock{
  display: none;
}
.views-promo-mobile{
  display: block;
  position: relative;
}
.views-promo-desktop{
  display: none;
}
.views-promo-mobile .views-promo-read-more a{
  color: white;
  left: 0px;
  padding: 6px 12px;
  text-transform: lowercase;
  text-decoration: none;
  font-size: 70%;
  padding: 3px 6px;
}
.views-promo-mobile .views-promo-read-more{
  display: inline-block;
  position: absolute;
  background-color: #ed1b24;
  border-radius: 6px;
  border: 1px solid;
  -webkit-box-shadow: 4px 3px 20px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 4px 3px 20px 1px rgba(0,0,0,0.75);
  box-shadow: 4px 3px 20px 1px rgba(0,0,0,0.75);
}
.views-promo-mobile .views-promo-read-more {
  bottom: 15px;
  right: 15px;
}
.promos-and-actions-body-and-title{
  width: 95%;
  padding: 5px;
}
#inside-node-region{
  text-align: center;
  width: 95%;
  margin-left: 10px;
}
.node-photo-gallery .field-item,
.node-photo-gallery .field-item.break{
  display: block;
  margin: 1% auto;
  text-align: center;
}
.node-photo-gallery .field-item img,
.node-photo-gallery .field-item.break img{
  width: 95%;
  height: auto;
}
@media only screen and (max-width:275px){
  .fs-locator .g-banner-description, .quiz-side-banners .custom-banner .g-banner-description {
      font-size: 60%;
  }
  .fuel-card .g-banner-title,
  .front .region-content-aside .block-gazprom-banner .g-banner-title {
    font-size: 80%;
    padding: 5px;
  }
  .fuel-card .g-banner-link a {
    margin-left: 5px;
    font-size: 80%;
  }
}

/** mapa **/
#nispetrol-map-canvas,
.nispetrol-map-filter-data{
  display: block;
  float: none;
  width: 98%;
  margin: 0 auto;
}
#map-canvas{
  height: 350px;
}
#info-centar-box-fs-locator-page{
  width: 100%;
}
#nispetrol-map-services{
  width: 100%;
  height: auto;
}
#reset-button-container{
  position: initial;
  top: auto;
  right: auto;
  padding-left: 0;
}
.nispetrol-map-filter-data-body{
  margin-bottom: 0;
/*  background: transparent url(/sites/all/modules/nispetrol_map/images/podloga-za-ikonice-mobile.png) no-repeat 0 0; */
}
#nispetrol-map-products{
  width: 100%;
}
.mapFullInfoWrapper{
  width: 99%;
  height: auto;
  padding: 7px;
  background: transparent url(/sites/all/modules/nispetrol_map/images/veliki-prozor-v3-mobile.png) no-repeat 0 0;
  background-size: 101% 102%;
}
.mapFullInfoWrapper .mapFullInfoBasicClose img {
        width: 30px;
	height: 30px;
}
.mapFullInfoWrapper .mapFullInfoBasic,
.mapFullInfoWrapper .mapFullInfoBasicProductsTitle,
.mapFullInfoWrapper .mapFullInfoBasicProducts,
.mapFullInfoWrapper .mapFullInfoBasicServices {
  position: relative;
  top: auto;
  height: auto;
  padding: 0 12px;
}
.mapFullInfoWrapper .mapFullInfoBasicTitle {
  height: auto;
  margin-right: 20px;
  line-height: 15px;
  font-size: 13px;
}
.mapFullInfoBasicServices ul {
  margin: 0;
}

.mapFullInfoBasicOpeningHoursWrapper {
  padding-top: 2px;
  padding-right: 20px;
}
.mapFullInfoWrapper .mapFullInfoBasicGPS {
  font-size: 11px;
  line-height: auto;
  margin-top: 4px;
}
.region-content-aside #gazprom_sitemap #sitemap-accorrdion{
  display: block;
}
#block-imageblock-14{
        display: none;
}
.region-content-aside #gazprom_sitemap .sitemap{
  display: none;
}
.nivo-directionNav {
  display: initial;
}
.nivo-directionNav a{
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
}
.nivo-directionNav a.nivo-prevNav{
  left: 2%;
  background: url(../images/controls.png) no-repeat 0 -32px;
}
.nivo-directionNav a.nivo-nextNav{
  right: 2%;
  background: url(../images/controls.png) no-repeat -43px -32px;
}
#block-gazprom-extras-market-selector .dd .ddChild{
  height: auto !important;
}
#block-gazprom-extras-market-selector .dd .ddChild li {
  font-size: 80%;
}
/** kontant **/
#contact-page-form-wrapper {
  width: 100%;
  height: auto;
  background: initial;
}
#contact-page-form-wrapper form > div {
  margin-left: 10px;
}
#contact-page-form-wrapper .webform-component-textarea{
  width: 90%;
}
.views-media-press-images{
  display: none;
}
.views-media-press-text{
  margin-left: 0;
  margin-top: 10px;
}
#search-block-form{
  z-index: 9000;
}
#block-search-form #edit-search-block-form--2{
  padding: 0;
}
#block-search-form #edit-search-block-form--2:focus {
  padding: 0 20px;
}
#block-views-promo-and-actions-views-block{
  display: none;
}
#block-views-promo-and-actions-views-block-2 {
  display: block;
}

#block-views-press-campaigns-block {
  padding: 0px 5px;
  width: auto;
}

/*virtualna kartica*/
.flex-container {
flex-direction: column;
}
.flex-container_left {
width: 89%;
text-align: center;
margin-bottom: 25px;
}
.flex-container_right{
width: 89%;
text-align: center;
margin-bottom: 25px;
    margin-left: 20px;
}
.container_bottom_down {
flex-direction: column;
}