body {
	background-color: #FFF;
	font-family: 'Roboto';
	font-weight: normal;
	font-size: 16px;
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling: touch;
	color: #636363;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
/* заголовки на мобильной/планшетной версиях меньше, чем на других устройствах */
/* на xs */
h1 {
  font-size: 16px;
  font-weight: 400;
}
.mytable td, .mytable th {
	font-size: 8px;
}
@media (min-width: 375px) {
	.mytable td, .mytable th {
		font-size: 10px;
	}
}
@media (min-width: 425px) {
	.mytable td, .mytable th {
		font-size: 11px;
	}
}
/* на sm */
@media (min-width: 768px) {
  h1 {
    font-size: 18px;
  }
	.mytable td, .mytable th {
		font-size: 15px;
	}
}
/* на md */
@media (min-width: 992px) {
  h1 {
    font-size: 20px;
  }
	.mytable td, .mytable th {
		font-size: 16px;
	}
}
/* на lg */
@media (min-width: 1200px) {
  h1 {
    font-size: 26px;
    margin-bottom: 25px;
  }
	.mytable td, .mytable th {
		font-size: 16px;
	}
}
p {
	margin: 0 0 10px;
	line-height: 24px;
}
a {
	color:#F69D49;
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
}
#header {
	padding-top: 1%;
	padding-bottom: 1%;
}
.logo{
	text-align: center;
}
.navbar_bg {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	margin-bottom: 0;
background-color: transparent;
}
.nav_custom li {
	margin: 0 10px;
}
.navbar-inverse .nav_custom li a {
	color: #000;
	font-size: 16px;
	text-decoration: none;
}
.navbar-inverse .nav_custom li a:hover {
	background-color: #F28F0F;
}
.navbar-inverse .nav_custom li a.active {
	background-color: #F28F0F;
}
.center_h {
	text-align: center;
	font-size: 20px;
	color: #EF7F1B;
}
.block_left {
	padding: 2px 2px 5px 2px;
	margin-bottom: 4%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
#content {
	padding-top: 3px;
	padding-bottom: 1%;
}
.vert_menu {
	margin: 0;
	list-style: none;
	padding-left: 10px;
}
.vert_menu li {
	border-bottom: 1px #7F7F7F dashed;
}
.vert_menu ul li {
	border-bottom: 0;
}
.vert_menu ul li a {
	font-size: 14px;
}
.vert_menu a {
	color: #5f5f5f;
	text-decoration: none;
}
.vert_menu a:hover {
	color: #F69D49;
}
.block_left h4 {
	background-color: #D9534F;
	display: block;
	margin: 0;
	padding: 14px 10px;
	color: #fff;
}
.block_left h4 i {
	float: right;
}
.carousel-inner > .item > img {
	width: 100%;
}
.list_item {
	padding-top: 1%;
	padding-bottom: 1%;
}
.item_body_list {
	text-align: center;
	border: 1px #DEDEDE solid;
}
.item_body_list img {
	width: 100%;
}
.item_body_list p {
	background-color: #F69D49;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 0;
	font-size: 14px;
	display: block;
	color: #fff;
}
.item_body_list div {
	/*background-color: #F69D49;*/
	font-weight: bold;
	padding: 5px 2px;
	margin-bottom: 0;
	font-size: 14px;
	display: block;
	/*color: #fff;*/
	font-family: 'Days', arial;
}
.item_body_list div a{
	color: #F69D49;
}
.item_body_list a {
	color: #fff;
	text-decoration: none;
}
.text_in_main {
	padding-top: 1%;
	padding-bottom: 1%;
}
.navbar_bg_bottom {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	margin-bottom: 0;
	background-color: transparent;
}
.nav_custom_bottom li {
	margin: 0 0px;
}
.navbar-inverse .nav_custom_bottom li a {
	color: #000;
	font-size: 16px;
	text-decoration: none;
}
.navbar-inverse .nav_custom_bottom li a:hover {
	color: #000;
}
.navbar-inverse .nav_custom_bottom li a.active {
	font-weight: bold;
}
#footer {
	background-color: #EBEBEB;
	padding-top: 1%;
	padding-bottom: 1%;
}
.modal-body input {
	width: 100%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px 10px;
	outline: 0;
	margin-bottom: 10px;
}
.modal-body input[type="submit"], .modal-body input[type="button"] {
	border: 0;
	color: #fff;
	padding: 8px 40px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #F69D49;
	
}
.modal-body input[type="checkbox"] {
	width: 15px;
	float: left;
	margin-right: 5px;
}
.modal-body label {
	font-size: 12px;
}
.item_one {
	margin-top: 1%;
	margin-bottom: 1%;
}
.dev {
	text-align: right;
}
.item_name {
	padding: 5px;
	/*background-color: #F69D49;*/
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  height: 48px;
}
.body_image_item img {
	border: 1px #D4D4D4 solid;
	width: 100%;
}
.body_mini_image_item {
	padding-top: 5%;
	padding-bottom: 5%;
}
.zakaz {
	background-color: #F69D49;
	text-align: center;
	padding: 5px;
	border: 1px #000 solid;
}
.zakaz a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.deli {
	background-color: #71B137;
	text-align: center;
	padding: 5px;
	border: 1px #000 solid;
}
.deli a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.price_big {
	text-align: center;
	padding: 5px;
	border: 1px #F69D49 solid;
	color: #F69D49;
	font-weight: bold;
}
input,select,textarea  {		
		border:1px solid #ddd;
        -moz-border-radius:.3em;
	    -webkit-border-radius:.3em;
	    border-radius:.3em;		
		background:#fff;
		padding:3px;
		color:black;
}
.item_name_form {
	text-align: center;
    padding: 5px;
    display: inline-block;
    color: #242223;
    font-weight: bold;
    font-size: 18px;
}
.phone_in_form input {
	color:#242223;
	text-align:left;		
	padding:5px;
	font-size:24px;
}
#vk_groups,
#vk_groups iframe {
     width: 95% !important;
}
.vk_body {
	text-align: center;
	padding: 5% 0 5% 5%;
}
.tab {
	padding-top: 4%;
	padding-bottom: 4%;
}
.gog {
	margin-bottom: 0;
	height: 23px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: #F69D49 !important;
}
.dropdown a.gog b.caret {
	color: #fff;
	display: inline-block;
}
.dropdown a.gog {
	display: inline-block !important;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
}
.nav > li > a {
	display: inline-block !important;
}
.navbar_bg_blue {
	background-color: #F69D49 !important;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* Top Level Menu */
.nestedsidemenu {
	position: relative;
    width: 100%;
}

.nestedsidemenu ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

/* Top level list items */
.nestedsidemenu ul li {
    position: relative;
border-top: 1px #EEEEEE solid;
}

/* Top level menu items link style */
.nestedsidemenu ul li a, .nestedsidemenu ul li span {
    display: block;
    position: relative;
    padding: 14px 10px;
    color: #333;
    text-decoration: none;
}


.nestedsidemenu ul li a:link, .nestedsidemenu ul li a:visited {
    color: #333
}

/* Top level menu items link style on hover and when active */
.nestedsidemenu ul li:hover > a {
    color: #F69D49;
    background: #F4F4F4;
}

/* Sub ULs style */
.nestedsidemenu ul li ul {
    position: absolute;
    left: -5000px;
		top: 0;
    opacity: 0;
    width: 230px;
    visibility: hidden;
    box-shadow: 2px 2px 5px gray;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}

/* First Sub Levels UL style on hover */
.nestedsidemenu ul li:hover > ul {
    visibility: visible;
    left: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

/* Sub level Menu list items (alters style from Top level List Items) */
.nestedsidemenu ul li ul li {
    display: list-item;
    float: none;
}

/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu */
.nestedsidemenu ul li ul li ul {
    top: 0;
    left: 100%;
}

/* Sub Levels link style on hover and when active */
.nestedsidemenu ul ul li:hover > a {
    color: #F69D49;
}

/* Sub Levels UL style on hover */
.nestedsidemenu ul ul li:hover > ul {
    left: 100%;
}

/* Sub level menu links style */
.nestedsidemenu ul li ul li a {
    padding: 10px;
    margin: 0;
    background: #FFFFFF;
    border-right: none;
    border-top-width: 0;
}

/* LIs with a sub UL style */
.nestedsidemenu ul li > a {
    /* add padding to accomodate arrow inside LIs */
    padding-right: 25px;
}

/* LIs with NO sub UL style */
.nestedsidemenu ul li > a:only-child {
    /* undo padding for non submenu LIs */
    padding-right: 10px;
}

/* LIs with a sub UL pseudo class */
.nestedsidemenu ul li > a:after {
    /* add arrow inside LIs */
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-left-color: #333;
    top: 40%;
    right: 8px;
}

/* LIs with NO sub UL pseudo class */
.nestedsidemenu ul li > a:only-child:after {
    /* undo arrow for non submenu LIs */
    display: none;
}
/* ####### responsive layout CSS ####### */

@media (max-width: 923px) {
    /* FIRST breaking point
			Last top menu items' sub ULs should drop to the left (instead of right)
			Change 1 to a different number to exclude/include more top menu items based on menu and max-width setting above
		*/

		.nestedsidemenu ul li:nth-last-of-type(-n+1) ul li:hover > ul {
        left: -100%;
    }
}

@media (max-width: 500px) {
    /* SECOND breaking point 
			For mobile and screen browser windows
			Get Sub ULs to expand entire width of document and drop down
			Changes menu reveal type from "visibility" to "display" to overcome bug. See comments below
		*/
    .nestedsidemenu{
        width: 100%;
    }
    
    .nestedsidemenu ul li > a:after {
        /* add arrow inside LIs */
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        border: 5px solid transparent;
        border-left-color: transparent;
        border-top-color: #333;
        top: 40%;
        right: 8px;
    }

	.nestedsidemenu ul li {
        position: static;
    }

    .nestedsidemenu ul li ul {
        width: 100%;
        border-top: 2px solid rgba(0,0,0,.6);
		/* change menu reveal type from "visibility" to "display". Former seems to cause browser to jump to top of page sometimes when menu header is tapped on */
		display: none;
    }

    .nestedsidemenu ul li:hover > ul {
		display: block;
        left: 0 !important;
        top: auto;
        box-shadow: 0 0 12px gray;
    }


}
.nestedsidemenu ul li a.active_vert {
	color: #F69D49;
}


@media (min-width: 321px)
@media (min-width: 768px)
.g-recaptcha {
    margin: 0 -2em;
}
@media (min-width: 321px)
.g-recaptcha {
    margin: 0;
}
.g-recaptcha {
    margin: 0 -2em;
    padding-bottom: 1em;
}
.body_phone {
	margin-top:5px;
}
.body_phone p {
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
}
.body_phone img {
	width: 15px;
	margin-right: 10px;
	top: -3px;
	position: relative;
}
.body_link {
	margin-top:5px;
}
.body_link p {
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
}
.body_link img {
	width: 20px;
	margin-right: 5px;
	top: -3px;
	position: relative;
}

.body_seti img {
	margin: 1em;
}

@media (max-width: 425px)
{
	.body_seti img {
		max-width: 32px;
	}
}