:root {
	--intro-img-height: 422px;
  /*--terra-blue-base: #1c3f95;*/
  --terra-blue-base-h: 223;
  --terra-blue-base-s: 68%;
  --terra-blue-base-l: 35%;
  --terra-blue-base-a: 1;
  --terra-blue-base: hsla(var(--terra-blue-base-h), var(--terra-blue-base-s), var(--terra-blue-base-l), var(--terra-blue-base-a));
 
 	--text-dark: hsla(var(--terra-blue-base-h), var(--terra-blue-base-s), 10%, var(--terra-blue-base-a));

  --terra-red-base-h: 358;
  --terra-red-base-s: 78%;
  --terra-red-base-l: 50%;
  --terra-red-base-a: 1;
  --terra-red-base: hsla(var(--terra-red-base-h), var(--terra-red-base-s), var(--terra-red-base-l), var(--terra-red-base-a)); 

  --gasoline-width: 150px;

}

.dark-grey {color:var(--secondary);}
.dark-red {color:var(--danger);}
.red-base {color:var(--terra-red-base);}


.gasoline-block {width:var(--gasoline-width);}
.gasoline_item {display: flex; line-height: 2em;}
.gasoline_item > div {width: 50%;}
.gasoline_type {position: relative;}
.gasoline_specify {position: absolute; font-size: 90%; top:0.7em;}

.nowrap {white-space: nowrap;}

.w-400 {width: 400px !important;}
.w-350 {width: 350px !important;}
.w-300 {width: 300px !important;}

figure {margin: 0;}

input.error{
	/*color: red;*/
	box-shadow: none;
	border: 1px solid red;
}

.error + .tm-error{
    display: block;
}
.tm-error {
    position: absolute;
    font-size: 12px;
    color: darkred;
    display: none;
}
#Soglasie_lbl {position: relative;}
#Soglasie_lbl .tm-error {bottom: -18px;}


body {text-shadow: 0px 1px 2.85px rgba(17, 37, 88, 0.2);}

.container-nav .navbar {margin-right: 2rem; text-shadow: none;}
.container-nav img.logo, .error_site .container-header img.logo {width: 390px;}
.container-header .mod-menu {color:var(--text-dark);}
.container-header {background-color: #fff; box-shadow: none; background-image: none;}
.mod-menu .current.active a {color:var(--terra-blue-base); text-shadow: 0 0 var(--terra-blue-base);}
.mod-menu .current.active {background-color: #e5e5e5;}
.navbar-toggler {background-color: var(--terra-blue-base);}
.container-banner .banner-overlay {height: var(--intro-img-height); background-size: auto; background-attachment:scroll; border: 0 solid #e5e5e5; background-position: center -137px;}
.container-banner .banner-overlay .overlay {background-color: transparent !important; display: block; padding: 20px 0 0 0; position: relative;}
.container-banner .price-stella {position: absolute;  left: calc(50vw - 394px); top: 202px; text-align: left !important;}
.container-banner .price-stella .gasoline-block {width: 68px; font-size: 12px}
.container-banner .price-stella .gasoline_specify {font-size: 80%; top: 0.93em; }
.container-banner .price-stella .gasoline_type.have_specify {margin-bottom: 0.5rem;}
.container-banner .price-stella .gasoline_item .gasoline_price {text-align: right;}
.container-banner.main-img {background: linear-gradient(0deg, rgba(217,234,254,1) 0%, rgba(255,255,255,1) 100%);}
.container-banner .main-service-line, .base-grid {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	color:var(--terra-blue-base);
}

.container-banner .main-service-line > div, .flex1 {display: flex; justify-content: center; font-family: RobotoCond-Regular,Roboto,Arial;}
.container-banner .main-service-line .support {font-size: 26px; flex-direction: column; line-height: 2.0rem; text-shadow: 0 1px 4px hsla(var(--terra-blue-base-h), var(--terra-blue-base-s), var(--terra-blue-base-l), calc(var(--terra-blue-base-a)/3));} 
.container-banner .main-service-line .support a:link, 
.container-banner .main-service-line .support a:visited,
.container-banner .main-service-line .support a:hover,
.container-banner .main-service-line .support a:active {color: var(--secondary);}
.container-banner .main-service-line .support a:hover {text-decoration: none;}

img.circle {border-radius: 50%;}
img.benefit {width: 190px; height: 190px;}
.base-grid.benefits {color:var(--text-dark); font-size: 1.5rem;}
.fd-column {flex-direction:column; align-items: center; justify-content: start; text-align: center; text-shadow: 0px 1px 2.85px rgba(17, 37, 88, 0.3);}
.font-regular {font-family: "RobotoCond-Regular"; font-weight: 400;}
.font-light {font-family: "RobotoCond-Light"; font-weight: 300;}
.mod-tagspopular-cloud span.tag {margin-right: 10px;}
/*NONE*/
.profile .com-users-profile__edit, .users-profile-custom-webauthn, .hide, .com-finder__results a.result__title-link .result__title-url, .com-finder__results .result__taxonomy, .com_tags #mod-custom134, .com-tags__items #adminForm, .menu-hint, .counter.float-end, .view-tag .welcome {display: none;}


button.fb_button {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(231, 165, 128);
  border-radius: 10px;
  background-image: -moz-linear-gradient( 0deg, rgb(250,225,141) 0%, rgb(236,176,127) 47%, rgb(221,126,113) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(250,225,141) 0%, rgb(236,176,127) 47%, rgb(221,126,113) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(250,225,141) 0%, rgb(236,176,127) 47%, rgb(221,126,113) 100%);
  box-shadow: 0px 10px 10px 0px rgba(123, 139, 252, 0.38);
  color: var(--terra-blue-base);
  line-height: 1.2;
  text-align: center;
  text-shadow: 0px 1px 4.5px rgba(17, 37, 88, 0.3);
  font-size: 30px;
  font-family: "RobotoCond-Regular";
  padding: 10px 30px;
}

.price-output1 .gasoline-block {background-color: #bed6f5; padding: 1rem; text-shadow: 0px 1px 2.85px rgba(17, 37, 88, 0.3);  width: 100%; max-width: 300px;}
.price-output1 .gasoline-block .gasoline_item {
  text-align: center;
  border-left: 1px solid var(--terra-blue-base);
  border-right: 1px solid var(--terra-blue-base);
  border-top: 1px solid var(--terra-blue-base);
  line-height: 4em ;
}
.price-output1 .gasoline-block .gasoline_item:last-child{border-bottom: 1px solid var(--terra-blue-base);}
.price-output1 .gasoline-block .gasoline_item .gasoline_specify {text-align: center;  position: absolute; top: 0.9em; /*left: 30%;*/ opacity: 0.7;}
/*.price-output1 .gasoline-block .gasoline_item .gasoline_type.have_specify {padding-bottom: 1em;}*/
.price-output1 .gasoline-block .gasoline_item .gasoline_type, .price-output1 .gasoline-block .gasoline_item .gasoline_price {display: flex; align-items: center; justify-content: center;}

.blog-item {display: flex; flex-direction: row; border: 1px solid #dfe3e7; border-radius: 0.25rem;}
.blog-item .item-image {max-width: 150px; float: none; margin:0.5rem 1rem 0 1rem;}
/*.blog-item .item-image img {max-width: 150px;}*/
.boxed .blog-item {box-shadow: none;}

.item-page .item-image {float: none; display: block; width: 100%;}
.item-page .item-image > img {float: none; display: block; width: 100%; margin-bottom: 1rem;}
.item-page  .page-header h2 {color: var(--terra-blue-base);}

.set-addr-block {border-bottom: 3px solid black; margin-bottom: 3rem;}
.set-addr-block ul {margin-bottom: 0;}
.item-page .tags.list-inline {margin-top: 0.5rem;}

.com-content-article__body .mod-speasyimagegallery {margin-top: 1em;}

.anchor { display: block; position: relative; top: -180px; visibility: hidden; }

footer a:link, footer a:visited {text-decoration: underline !important;}
footer a:hover, footer a:active {text-decoration: none !important;}

/* cookies_policy - начало */
#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px 4px rgba(0, 0, 0, 0.5);
}


#cookie_note p{
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
    color: black;
	width: 99%;
}

.cookie_accept{
    /* width:20%; */
    margin-top: 0.5em;
}

#cookie_note.show{
        display: block;
        text-align: left;
        bottom: 35px;
        width: 90%;
        z-index: 999;
    }
/* cookies_policy - конец */

@media (max-width: 767.98px) {
	:root { 
		--intro-img-height: 260px;
		}
  /*.navbar.navbar-expand-lg:after {content: "МЕНЮ";}*/
	.mod-menu.mod-menu_dropdown-metismenu { background-color: hsla(var(--terra-blue-base-h), var(--terra-blue-base-s), calc(var(--terra-blue-base-l)*2), var(--terra-blue-base-a)); } 
	.container-banner .banner-overlay {background-position: 50% -240px; height: var(--intro-img-height); background-color: #bed6f5 !important; background-image: none !important;}
	.com-tags-tags__filter.btn-group {flex-direction: column; flex-wrap: wrap;}

  footer .mod-menu.mod-menu_dropdown-metismenu {background-color: transparent;}
  footer .metismenu.mod-menu .metismenu-item  {font-size: 1rem;}
  
  .container-banner .price-stella {display: none;}
  .anchor { top: -100px; }

    .menu-hint {
      display: block;
      position: absolute;
      left: 47px;
      top: 3px;
      text-shadow: 0px 1px 2.85px rgba(17, 37, 88, 0.2)
    }

    .blog-items .blog-item {display: flex; flex-direction: column; padding: 0.5rem}
    .blog-item .item-image {margin: 0; width: 100%; max-width: 100%;}

    .container-banner .banner-overlay .overlay {padding-top: 0.75rem;}
    .container-banner {margin-bottom: 0;}
    .mod-breadcrumbs__wrapper {margin: 0 -2rem;}

    /*.price-output1 .gasoline-block {width: 100%;}*/
    /*.price-output1 .gasoline-block .gasoline_item .gasoline_specify {left: calc(13vw);}*/

}