/* Globals */
html,
body {
	height: 100%;
}
a{
  color: #D43545;
}
a:hover{
  color: #D72D3E;
}
.b{
    font-weight: bold;
}
.row-mb-15>div:not(.clearfix){margin-bottom: 15px}
.row-mb-30>div:not(.clearfix){margin-bottom: 30px}
.mb-0{margin-bottom: 0}
.mb-5{margin-bottom: 5px}
.mb-10{margin-bottom: 10px}
.mb-15{margin-bottom: 15px}
.mb-20{margin-bottom: 20px}
.mb-25{margin-bottom: 25px}
.mb-30{margin-bottom: 30px}
/* saw */
.saw{
	position: relative;
	background-color: #F7EFCE;
}
.saw:before,
.saw:after{
    content: "";
    display: block;
	height: 6px;
	position: absolute;
	width: 100%
	
}
.saw:before{
	background-image: url(../images/css/saw-before1.png);
	top: -6px;
}
.saw:after{
	background-image: url(../images/css/saw-after1.png);
	bottom: -6px;
}
.saw-1:before{
	background-image: url(../images/css/saw.png);
	top: -6px;
}
.saw-1:after{
	background-image: url(../images/css/saw.png);
	bottom: -6px;
}
/* pattern */
@media (min-width: 600px){
	.pattern:before,
	.pattern:after{
		content: " ";
		display: inline-block;
		height: 16px;
		width: 62px;
		background-repeat: no-repeat;

	}
	.pattern:before{
		margin-right:15px;
		background-image: url(../images/css/pattern-left.png);
	}
	.pattern:after{
		margin-left:15px;
		background-image: url(../images/css/pattern-right.png);
	}
}
.anchor:before {
	display: block;
	content: "";
	height: 50px;
	margin: -50px 0 0;
}
.btn-default{
    border-color: #DFCFA6;
}
.btn-default:hover{
    background-color: #F9F6E7;
    border-color: #CEBC8D;
}
.btn-light{
	color: #333;
    background-color: #E7E3CC;
    border-color: #BDB9A1;
}
.btn-light:hover{
    background-color: #DFDABD;
    border-color: #B0AC97;
}
.btn-dark{
	color: #333;
    background-color: #EFE5BE;
    border-color: #CEBC8D;
}
.btn-dark:hover{
	color: #333;
    background-color: #E3D6A4;
    border-color: #CEBC8D;
}

.navbar-inverse .navbar-brand {
	color: #F7EFCE;
	background: url(/images/logo.svg) no-repeat 15px 50%;
	background-size: 30px 30px;
	padding-left: 55px;
}
a.navbar-brand{
	
}
.navbar-brand span{
  color: #F5DB63;
}
.navbar-inverse .navbar-nav .dropdown-menu>li.active-offer>a {
	color: #fff;
}
@media (min-width: 992px){
	.dropdown-menu {
		min-width: 720px;
		padding: 20px 10px;
		background: #fefefe;
	}
	.dropdown-menu>li {
		float: left;
		width: 33.33333333%;
		padding: 0 10px;
	}
	.dropdown-menu>li>a {
		padding: 7px 10px;
		border-top: 1px solid #F3E6C5;
	}
	.dropdown-menu>li:nth-child(1)>a ,
	.dropdown-menu>li:nth-child(2)>a ,
	.dropdown-menu>li:nth-child(3)>a {
		border-top: none;
	}
	.dropdown-menu>li>a:before {
		content: "\25AA  ";
	}
	.dropdown-menu>li>a:hover {
		background-color: #F7EFCE;
	}
	.dropdown-menu>li>a.fake:before {
		content: "";
	}
	.dropdown-menu>li>a.fake:hover {
		background-color: #fff;
	}
	.navbar-inverse .navbar-nav .dropdown-menu>li.active-offer>a,
	.navbar-inverse .navbar-nav .dropdown-menu>li.active-offer>a:hover, 
	.navbar-inverse .navbar-nav .dropdown-menu>li.active-offer>a:focus {
		border-left: 3px solid #D43545;
		font-weight: bold;
		color: #333;
		background-color: #FAF8EF;
	}
	.dropdown-menu>li>a.fake{
		cursor: default;
		pointer-events: none;
		border-bottom: 1px solid #fff;
	}
}
/* header */
#header{
	width: 100%;
    height: 100%;
    min-height: 450px;
	background-position: 50%; 
	background-repeat: no-repeat; 
	background-color: #333; 
	background-size: cover;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,.5);
	box-shadow: inset 0 0 100px rgba(0,0,0,.5);
	margin-bottom: 30px;
	position: relative;
}
#header a,
#header a:focus,
#header a:hover {
  color: #fff;
}
#header .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
}
#header .table{
	display: table;
	width: 100%;
    height: 100%;
/*    min-width: 100%; */
    min-height: 100%;

/*    margin: 0; 
    padding: 0; */
}
#header .table-cell{
	display: table-cell;
	vertical-align: middle;
/*    width: 100%; */

/*    padding: 0; */
}
#header .container{
/*	max-width: 700px; */
	padding-top: 40px;
	padding-bottom: 80px;
}
#header h1{
    color: #F5DB63;
    font-size: calc(1em + 4vw);
}
#header .lead{
	margin-bottom: 60px;
	color: #F7EFCE;
}
#header .lead a{
  color: #F5DB63;
}
#header .phone{
  padding: 10px 20px;
  font-weight: bold;
  background: #F8BC26;
  font-size: calc(1em + 1vw);
}
#header .more {
	position: absolute;
	bottom: 30px;
	width: 100%;
}
#header .more a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
#header .more a:hover {
	color: #F5DB63;
}
#header .more a:after {
	content: "\e134";
	font-family: 'Glyphicons Halflings';
	display: block;
	font-size: 20px;
	position: relative;
	animation: mydown 1.5s;
	animation-iteration-count: infinite;
	color: #F5DB63;
}
@keyframes mydown {
	0% {top:0px;opacity:.6;}
	15% {top:5px;opacity:.9;}
	40% {top:5px;opacity:.9;}
	100% {top:0px;opacity:.6;}
}
.admin{
	position: absolute;
	top: 65px;
	right: 15px;
	opacity: .75;
}
.admin:hover{
	opacity: .95;
}
/* categories */
.categories .content{
	text-align: center;
	margin-bottom: 30px;
}
.categories .content .image{
	margin-bottom: 15px;
}
.categories .content .image img{
	width: 100%;
	height: auto;
}
.categories .content .name a{
	font-size: 18px;
	color: #823332;
}
.categories .content .name.box{
	display: table;
	width: 100%;
}
.categories .content .name.box a{
	color: #333;
	display: table-cell;
	background: #eee;
	padding: 15px 30px;
	height: 80px;
	font-size: 14px;
    vertical-align: middle;
}
.categories .content .name.box a:hover{
	background: #ddd;
	text-decoration: none;
}
@media (min-width: 992px){
	.categories .items:hover .hidden{
		display: block !important;
	}
	.categories .items .more{
		margin-top: 10px;
	}
}
.categories .link-text{
	padding-top: 30px;
	margin-bottom: 15px;
	border-top: 1px solid #ddd;
}
.categories .link-text li{
	margin-bottom: 15px;
}
.categories .link-text li.lbl{
	display: block;
}
.categories .link-text li .btn{
	border-radius: 17px;
}
@media (min-width: 768px){
	.categories .link-text{
		padding-top: 45px;
		margin-bottom: 30px;
	}
	.categories .link-text li.lbl{
		display: inline-block;
	}
	.categories .link-text li .btn{
		border-radius: 21px;
		padding: 10px 20px;
	}
}
/* items */
.items{
	margin-bottom: 15px;
}
.items .content{
	text-align: center;
	margin-bottom: 30px;
}
.items .content .image img{
	width: 100%;
	height: auto;
}
/* text */
.text{
	background: #F3E6C4 url(../images/css/pattern.jpg) ;
}
.text .overlay{
	background: rgba(243, 230, 196, 0.97);
	padding: 45px 0 35px 0;
}
.text h2{
	margin-top: 0;
}
.text .image{
	margin-bottom: 10px;
}
.text .marker{
	border-radius: 1.0em;
    line-height: 1.0em;
    background: #823332;
    color: #F7EFCE;
	padding: 0.3em 0.6em;
	font-weight: normal;
	position: relative;
	bottom: 2px;
	margin-right: 5px;
}
.text ol{ 
	counter-reset: li; 
	padding-left: 0;
    list-style: none
}
.text ol li {
    margin: 0 0 10px;
}
.text ol li:before { 
	content: counter(li); 
	counter-increment: li; 
	border-radius: 1.0em;
    line-height: 1.0em;
    background: #823332;
    color: #F7EFCE;
	padding: 0.3em 0.6em;
	font-weight: normal;
	position: relative;
	bottom: 2px;
	margin-right: 8px;
}
/* price */
#price{
	margin-top: 15px;
}
.price{
	margin-top: 15px;
	margin-bottom: 25px;
}
.price h2{
	margin-top: 15px;
}
.price .reduce .h3{
	margin-top: 0;
}
.price .reduce{
	background: #fff;
	padding: 15px 0;
	margin: 40px 0;
}
.price .module{
	background: #F3E6C4 url(../images/css/pattern1.jpg) ;
	margin: 15px 0 30px 0;
	border-radius: 12px;
}
.price .module .overlay{
	background: rgba(249,246,232, 0.98);
	padding: 30px;
	border-radius: 10px;
}
.price .module .h3,
.price .module h3{
	margin-top: 0;
}
.price .module .phone{
	font-size: 18px;
	font-weight: bold;
	color: #823332;
	display: inline-block;
}
/* sketch */
.sketch{
	padding-top: 10px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
/* sketch */
@media (min-width: 992px){
	.sketch .container{
		background: url(../images/css/sketch-arrow.png)  no-repeat 20px 100%;
		background-size: 21%;
	}
}
.sketch ol{
	margin-bottom: 0;
}
.sketch li{
	margin-bottom: 10px;
}
.sketch .art{
	background: url(../images/css/lamp.png)  no-repeat 0 20px;
	background-size: 100%;
	height: 320px;
}
/* guarantee */
.guarantee{
	margin-bottom: 30px;
	text-align: center;
}
.guarantee .content{
	background: #F7EFCE;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.guarantee .content .h4{
	margin-top: 0;
}
/* gift */
.gift{
	background-image: url(/images/css/bg4.jpg);
	background-position: 50%; 
	background-repeat: no-repeat; 
	background-color: #333; 
	background-size: cover;
}
.gift .row>div{
	margin-bottom: 20px;
}
.gift .overlay{
	background: rgba(249,246,232, 0.94);
	padding: 60px 0 40px 0;
}
/* order */
.order{
	background-image: url(/images/css/pattern1.jpg);
	background-position: 50%; 
	background-color: #333;
	border-top: 1px solid #F8F3E3;
}
.order .row>div{
	margin-bottom: 20px;
}
.order .overlay{
    background: rgba(243, 230, 196, 0.95);
	padding: 40px 0 20px 0;
}
.order .phone{
	font-weight: bold;
	font-size: 16px;
}
/* other */
.other{
	border-top: 1px solid #F7EFCE;
	margin-bottom: 15px;
	padding-top: 15px;
}
.other a{
	margin-right: 15px;
	margin-bottom: 15px;
}
/* contacts */
@media (max-width: 992px){
	.contacts{
		text-align: center;
	}
}
.contacts{
	background: #F3E6C4 url(../images/css/pattern1.jpg) ;
}
.contacts .overlay{
	background: rgba(249,246,232, 0.98);
	padding: 15px 0 30px 0;
}
.contacts .phone{
	font-size: 16px;
	font-weight: bold;
}
/* post */
#title{
	padding: 90px 0 30px;
	margin-bottom: 30px;
	background: #F7EFCE;
}
#title .glyphicon{
	color: #B19B9B;
}
#text p,
#text ul,
#text ol{
	margin-bottom: 20px; /* 10px */
	font-size: 16px;
	line-height: 1.5; 
}
#post .posts .post .image a {
	content: ' ';
	background-size: cover;
	height: 200px;
	margin-bottom: 15px;
	display: block;
}
#post .share{
	font-size: 18px;
	margin: 30px 0;
}
#post .share i{
	margin-right: 15px;
}
#post .share .yashare-auto-init {
	display: inline-block;
}
@media (min-width: 400px){
	#post .posts .post .image a {
		height: 300px;
	}
}
@media (min-width: 600px){
	#post .posts .post .image a {
		height: 350px;
	}
}
@media (min-width: 768px){
	#post .posts .post .image a {
		height: 110px;
		margin-bottom: 30px
	}
}
#post .module {
	background: #F3E6C4 url(../images/css/pattern1.jpg);
	margin: 0 0 30px;
	border-radius: 12px;
	text-align: center;
}
#post .module .overlay {
	background: rgba(249,246,232, 0.98);
	padding: 30px 30px 20px;
	border-radius: 10px;
}
#post .module .h3 {
	margin: 0 0 20px;
}
#post .module .phone {
	font-size: 16px;
	font-weight: bold;
	color: #823332;
}
#post-affix.affix {
	top: 75px;
	position: fixed !important;
}
@media (min-width: 992px){
	#post-affix {
		width: 212px;
	}
	#post-affix .h3 {
		font-size: 20px;
	}
}
@media (min-width: 1200px){
	#post-affix {
		width: 262px;
	}
	#post-affix .h3 {
		font-size: 24px;
	}
}
#posts{
	padding-top: 30px;
}
#posts .image a {
	content: ' ';
	background-size: cover;
	height: 100px;
	margin-bottom: 15px;
	display: block;
}
@media (min-width: 400px){
	#posts .image a {
		height: 150px;
	}
}
@media (min-width: 600px){
	#posts .image a {
		height: 170px;
	}
}
@media (min-width: 768px){
	#posts .image a {
		height: 220px;
	}
}
@media (min-width: 992px){
	#posts .image a {
		height: 140px;
	}
}
@media (min-width: 1200px){
	#posts .image a {
		height: 170px;
	}
}
#posts .title{
	line-height: 1.3;
	font-size: 16px;
	margin-bottom: 15px;
}
/* footer */
.footer{
	background: #333;
	color: #F7EFCE;
	padding:30px 0 20px 0;
	text-align: center;
}
.footer a{
	color: #F5DB63;
}
.footer a:hover{
	color: #F8BC26;
	text-decoration: none;
}
.footer .container div{
	display: inline-block;
	margin: 0 5px 5px 5px;
}
/* modal */
.modal-body{
	padding-bottom: 0;
}
.modal-text{
	padding: 20px 20px 0 20px;
}
.modal-security{
	border-top: 1px solid #d9edf7;
	background: #F0F7FB;
	padding: 10px 15px;
	font-size: 12px;
}
.modal-footer{
	border-top: 1px solid #d9edf7;
}