html {
    min-height: 100%;
    height: 100%;
}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif;}
p{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
p.bxe-first-letter:first-letter{
	font-weight: bold;
	font-size: 56px;
	line-height: 56px;
	margin-right: 10px;
	float: left;
	vertical-align: top;

}
.lead {
	color: #757575;
  	margin-left: 40px;
  		padding:0 0 0 15px;
  	font-size: 13px;
  	font-weight: 300;
  	line-height: 1.4;
  	border-left: 3px solid #99cded;
}
@media (min-width: 768px){
	.lead {
	  	font-size: 16px;
  		margin-left: 20px;
	}
}

blockquote {
  	padding:0 0 0 15px;
  	margin: 0 0 20px 20px;
	border-left: 3px solid #c2c2c2;
}
blockquote p{
  	font-size: 20px;
  	font-style: italic;
	color: #757575;
  	font-family: Georgia, "Helvetica Neue", Arial,  Helvetica, sans-serif;
}
@media (max-width: 768px){
	blockquote p {
	  	font-size: 16px;
	}
}

blockquote.bxe-quote {
	position: relative;
	padding-left: 70px;
	padding-top: 8px;
	min-height: 50px;
	border-left: none;
}
blockquote.bxe-quote:after{
	content: "";
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzOS45OTYgMzcuOTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOS45OTYgMzcuOTk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I0Q2RDdENjsiIGQ9Ik0wLjAxLDM3Ljk5NXYtMTguMTFjLTAuMDc5LTIuNjA0LDAuMjk0LTUuMDQ5LDEuMTE4LTcuMzM4YzAuODI0LTIuMjg4LDEuOTgxLTQuMywzLjQ3Mi02LjAzNmMxLjQ5LTEuNzM1LDMuMjc2LTMuMTc2LDUuMzU2LTQuMzIxYzIuMDc4LTEuMTQzLDQuMzM1LTEuODczLDYuNzY4LTIuMTl2Ny44MTJjLTIuOTgzLDEuMDI3LTUuMDIzLDIuNTQ1LTYuMTIxLDQuNTU3Yy0xLjEsMi4wMTItMS42NDgsNC40NzktMS42NDgsNy4zOThoNy43Njl2MTguMjI4SDAuMDF6IE0yMy4yODEsMzcuOTk1di0xOC4xMWMtMC4wNzktMi42MDQsMC4yOTQtNS4wNDksMS4xMTgtNy4zMzhjMC44MjQtMi4yODgsMS45ODEtNC4zLDMuNDcyLTYuMDM2YzEuNDktMS43MzUsMy4yNzYtMy4xNzYsNS4zNTYtNC4zMjFjMi4wNzgtMS4xNDMsNC4zMzUtMS44NzMsNi43NjgtMi4xOXY3LjgxMmMtMi45ODMsMS4wMjctNS4wMjMsMi41NDUtNi4xMjEsNC41NTdjLTEuMSwyLjAxMi0xLjY0OCw0LjQ3OS0xLjY0OCw3LjM5OGg3Ljc2OXYxOC4yMjhIMjMuMjgxeiIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	left: 10px;
	top: 10px;
	-webkit-background-size: 40px;
			background-size: 40px;
	width: 40px;
	height:40px;
}

hr{
	border: none;
	border-bottom: 1px solid #ccc;
}
hr.bxe-bolder{
	border-bottom-width: 5px;
}
hr.bxe-dashed{
	border-bottom-style: dashed;
	border-bottom-width: 2px;
}
hr.bxe-normal{}
hr.bxe-light{
	border-bottom-color: #e5e5e5

}
hr.bxe-dotted{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
}

/**/
.bg-primary	{background: #60aadb!important;color: #fff;}
.bg-success	{background: #64ba4e!important;color: #fff;}
.bg-info	{background: #9bc6dd!important;color: #fff;}
.bg-warning	{background: #fec139!important;color: #fff;}
.bg-danger{}
/**/
img.pull-left{
	padding: 5px 15px 5px 0;
}
img.pull-right{
	padding: 5px 0 5px 15px;
}
/**/
.alert{
	border: none;
	border-radius: 1px;
	font-size: 14px;
}
.alert.alert-note{
	background: #f2f2f3;
}
.alert.alert-sys{
	background: #f5f2ec;
	color: #81641F;
}
.alert.bxe-icon{
	padding-left: 90px;
	min-height: 100px;
	position: relative;
}
.alert.bxe-icon:after{
	left:22px;
	top: 20px;
	position: absolute;
	content: " ";
	width:48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(images/editor_sprite.png);
	background-repeat: no-repeat;
}
.alert.bxe-icon.alert-success:after	{background-position:0 0}
.alert.bxe-icon.alert-info:after	{background-position:0 -50px}
.alert.bxe-icon.alert-warning:after	{background-position:0 -100px}
.alert.bxe-icon.alert-danger:after	{background-position:0 -200px}
.alert.bxe-icon.alert-note:after	{background-position:0 -150px}
.alert.bxe-icon.alert-sys:after		{background-position:0 -250px}

.bxe-aleft-title{
	font-weight: bold;
	padding-bottom: 5px;
}

.bx-panel-tooltip {
  z-index: 2210 !important;
  overflow: hidden !important;
  position: absolute !important;
  letter-spacing: normal !important;
  list-style: none !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  visibility: visible !important;
  white-space: normal !important;
  word-spacing: normal !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  padding: 15px !important;
  float: none !important;
  text-decoration: none !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  -webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0 12px 10px rgba(0,0,0,.25) !important;
  box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid;
  border-color: #f0f0f0;
  background: #fff;
  color: #35414e;
  font-size: 14px;
}

/**/
tab,
tabsection,
.bxe-tab-title{
	display: block;
	padding: 5px;
	border: 1px dashed #ccc;
}
/**/
.bxe-list,
.bxe-list ul{
	list-style: none;
	margin: 5px 0;
	padding-left: 15px;
}
.bxe-list-default,
.bxe-list-default ul{

 }
.bxe-list .fa{
	color: #9fb2bd;
	margin-right: 6px;
}
.bxe-lis-blue .fa{
	color: #0083d1;
}
span.webdebug-ruble-symbol{
    content: 'a'!important;
    display: inline!important;
    font-family: "WD_ALSRuble"!important;
    text-transform: lowercase!important;
}




/* Страница доставка */
.wrapper_tabs{
  min-height: 100%;
  position: relative;
  overflow: hidden;
  font-size: 16px;
}

.wrapper_tabs blockquote {
  font-size: 16px;

}

.red_delevery {
  font-size: 20px;
  color: #F34336;
}
.wrapper_tabs a:hover {
  color: #333;
}

.content{
  padding: 50px auto;
  max-width: 1000px;
  margin: 0px auto;
}
.tabs_delevery{
  margin: 0 0 50px 0;
}
.delevery_items{
  margin-top: 50px;
  background-color: #8BC53F;
  display: flex;

}
.delevery_item{
  flex: 0 1 33%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.delevery_items span{
  position: relative;
  z-index: 2;
}

.delevery_body{
  position: relative;
  top: -99px;

}

.delevery_block {
  position: relative;
  top: 0px;

  display: none;
}

.delevery_block:before {
  content: "";
  height: 49px;
  width: 33%;
  position: absolute;
  top: 50px;
  color: #fff;
}
.delevery_block:nth-child(1){
  padding: 100px 50px 50px 50px;
  border-bottom: 2px solid #1937ff;
  border-radius: 0 0 8px 8px;
}
.delevery_block:nth-child(2){
  padding: 100px 50px 50px 50px;
  border-bottom: 2px solid #1ab248;
  border-radius: 0 0 8px 8px;
}
.delevery_block:nth-child(3){
  padding: 100px 50px 50px 50px;
  border-bottom: 2px solid #ee1e57;
  border-radius: 0 0 8px 8px;
}



.delevery_block:nth-child(1):before{
  border-top: 3px solid #1937ff;
  left: 0;
}
.delevery_block:nth-child(2):before{
  border-top: 3px solid #1ab248;
  left: 33%;
}
.delevery_block:nth-child(3):before{
  border-top: 3px solid #ee1e57;
  left: 66%;
}

.delevery_block:target{
  display: block;
}

.delevery_text{
  top: 50px;
}

.modal_delevery {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5); /* фон */
    z-index: 1050;
    opacity: 0; /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: none; /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
}
/* При отображении модального окно */
.modal_delevery:target {
    opacity: 1; /* делаем окно видимым */
    pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
/* ширина модального окна и его отступы от экрана */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 100%;
      margin: 30px auto; /* отображение окна по центру */
  }
}
/* Стили для блока с контентом окна */
.modal-content {
    position: relative;
    margin: 0 auto;
    max-width: 1152px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}
.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
}
/* Стили кнопки "х" ("Закрыть")  */
.close_delevery {
    float: right;
    font-family: sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* Стили для закрывающей кнопки в фокусе или наведении */
.close_delevery:focus, .close_delevery:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
/* Стили блока основного содержимого окна */
.modal-body {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;


    padding: 15px;
    overflow: auto;
}
.modal-body div {
    width: 500px;
    position: relative;
    display: flex;

}
.modal-body div img {
    width: 100%;
}





@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
}
@media (max-width: 1152px) {
  .modal-body {
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .modal-body  div {
    width: 100%;

    padding-top: 30px;
  }
  .modal-content {
    width: 100%;
  }
  .modal-body div img {
      width: 100%;
  }
}
/* Стили заголовка окна */