/*
 *   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 body font size on tablet devices */
body {
  font-size: 93.8%;
}
#block-superfish-2{display: none;}
#columns{
	overflow: auto;
}
#main-content #content{overflow: hidden;}
#main-content #content .block-block.mapa-frontpage-block{height: auto;}
#main-content #content #block-block-8.block-block .image{width: 45%;}
.floating-arrow{left: 46%;}
.footer-content-bottom-menu{width: auto;font-size: 15px; display: inline-block;}
.nav li, .nav ul.menu li{font-size: 21px;}
.menu-block-horizontaly ul li.leaf{font-size: 18px;}
.nav .main-menu ul li{font-size: 18px;}
.nav .main-menu ul li a,
.nav .main-menu > ul > li > a,
.footer-content-bottom-menu div.menu-item a{font-size: 90%;}
.nav .main-menu ul li:hover > ul{/*top: 45px;*/}

@media (max-width: 885px) and (min-width: 819px){
	.nav .main-menu ul li a,
	.nav .main-menu > ul > li > a,
	.menu-block-horizontaly ul li.leaf a{font-size: 73%;}
}

@media (max-width: 818px) and (min-width: 768px){
	.nav .main-menu ul li a,
	.nav .main-menu > ul > li > a,
	.menu-block-horizontaly ul li.leaf a{font-size: 67%;}
}
.not-front #page {
    padding-bottom: 100px;
}
.page-node-7 #page{padding-bottom: 0px;}
.content-inner-region .field-name-body{width: 65%;}
.content-inner-region #iside-node-region{width: 30%;}

.g-banner-block .g-banner-title{font-size: 90%;padding-left: 10px;padding-top: 0;}
.g-banner-block .g-banner-body{width: 100%;}
.node .field-name-body .field-item img{width: auto !important;height: auto !important;}

#block-snnp-extras-calculator-block{width: 65%;}
/*** KALKULATOR ***/
.section-kalkulator #block-system-main{width: 30%;} 
.section-kalkulator #block-system-main .content-inner-region #iside-node-region{width: 100%;}
#block-snnp-extras-calculator-block .box-form-content .card-status{margin: 0 auto; margin-bottom: 28px;}
#block-snnp-extras-calculator-block .box-form-content .card-status .card{
	width: 30%; 
}
/*** MAPA ***/
#nispetrol-map-location #nispetrol-map-town-content, 
#nispetrol-map-location #nispetrol-map-region-content,
#nispetrol-map-location #nispetrol-map-brand-content,
#nispetrol-map-location #reset-button-container{width: 23%; margin-right: 10px;}
.custom-map-region-box{width: 100%;}
.town-and-region-label{width: 100%; height: auto;}
.custom-map-region-box .town-list, 
.custom-map-region-box .region-list, 
.custom-map-region-box .brand-list{width: 100%;}
.nispetrol-map-reset-button,
.nispetrol-map-reset-button:HOVER{width: 100%;font-size: 14px;background-size: 100% 100%;}

/*** FRONT ***/
#main-content #content .block-block .floating-link.nispetrol{
    top: 76px;
    right: 0;
}
#main-content #content .block-block .floating-link.gazprom{
    top: 76px;
    left: 95px;
}
#main-content #content #block-block-8.block-block .image .banner-floating-link{
	bottom: 10px;	
	width: 100%;
	left: 0;
}
.view-frontpage-slider{height: auto;}

#main-content #content #block-views-news-block {
        height: 440px;
        width: 98%;
        padding: 4px;
        background-position: 8px 0px;
        background-size: 109%;
        background-repeat: no-repeat;
        background-color: #8ecde9;
}
#main-content #content #block-views-news-block .view-news {
	width: 380px;
}
/*** KONTAKT ***/
#webform-client-form-8 .webform-component-email input, 
#webform-client-form-8 .webform-component-textfield input{width: 70%}
#webform-client-form-8 .form-textarea-wrapper textarea{width: 100%;}
.webform-container-inline.webform-component-textarea .form-textarea-wrapper{width: 70%;}
#webform-client-form-8 .form-item.webform-component-textarea{width: 100%;}
#webform-client-form-8 .form-actions{margin-left: 20%;}
#main-content #content #block-block-8.block-block .image .banner-floating-link{
    bottom: 20px;
    left: 0;
    width: 100%;
}
.footer-content-bottom-menu.mobile{display: none;}
#sitemap-list,
.sitemap-background-container{display: none;}
#sitemap-accorrdion{display: block;}
#block-snnp-extras-custom-sitemap-block{margin-top: 0;}
#block-snnp-extras-calculator-block .box-form-content .form-item input[type="text"].middle-text-input, 
#block-snnp-extras-calculator-block .box-form-content .form-item input[type="number"].middle-text-input{width: 80%;}


/*praznici*/
.masna_img{ width: 91.5%;margin-top: -85px;}
.praznici_blok_1{margin:3%;}
.praznici_blok_1_1_left{width:59%;}
.praznici_blok_1_1_right{margin-top: 130px;}
.praznici_blok_1_2_left{width:50%}
.praznici_blok_1_2_right{margin-top:40px;width: 40%;}
.praznici_blok_1_2_left{margin-top:45px;}
.praznici_blok_2_left{width: 48%;}
.praznici_blok_2_right{width: 45%;margin-top:70px;margin-bottom: 135px;}
.praznici_blok_3_left{width: 30%;margin-top: 80px;}
.praznici_blok_3_right{width: 65%;margin-top: 65px;}
.praznici_blok_4_left{width: 35%;}
.praznici_blok_4_right{width: 55%;margin-bottom: 135px;}
.container_bottom_down {
flex-direction: column;
}