/*DEFAULT*/

@font-face {
    font-family: Calibrib; /* Гарнитура шрифта */
    src: url(calibrib.ttf); /* Путь к файлу со шрифтом */
   }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ul {list-style: none;}
a {
	text-decoration:none;
	color:black;
} 




a, a:visited, a {
cursor: pointer;
}
/*STYLES*/
/* main styles */

.patient {
width: 740px;
height: 192px;
display: inline-block;
padding-top: 30px;
position: relative;
}
.patient a {
display: block;
position: absolute;
left: 0px;
height: 222px;
width: 200px;
}
.patient a + a {
display: block;
position: absolute;
right: 0px;
height: 222px;
width: 200px;
left: auto;
}
#about {
width: auto;
height: 400px;
}
.patient span {
font-family: 'off_serif_boldcregular';
font-size: 73.14px;
line-height: 36.57px;
color: rgba(0,135,139,0.1);
position: absolute;
top: 18%;
left: 50%;
margin-left: -110px;
}

.patient h3 {
font-family: Fira Sans Regular;
font-size: 30px;
line-height: 36px;
position: relative;
color:black;
}
.patient h3:after {
content: "";
display: block;
position: absolute;
width: 70px;
height: 3px;
background-color: #cb006c;
bottom: -20px;
left: 50%;
margin-left: -35px;
}
.patient h3 + p {
color: #575757;
margin-top: 40px;
font-family: Fira Sans Regular;
font-size: 24px;
font-weight: 700;
}
.wrapp blockquote {
font-size: 24px;
position: relative;
margin-top: 35px;
font-style:italic;
font-family: Fira Sans Regular;
}
.wrapp  blockquote:before {
content: "";
display: block;
position: absolute;
width: 32px;
height: 32px;
background: url('../images/a.png') -245px 0 no-repeat;
top: -40px;
left: 50%;
margin-left: -16px;
}

.wrapp  figure.video {
width: 480px;
height: 300px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
position: relative;
}
.wrapp  figure.video a {
display: block;
width: 81px;
height: 81px;
position: absolute;
background: url('../images/a.png') -300px -29px no-repeat;
left: 50%;
margin-left: -40.5px;
top: 50%;
margin-top: -40.5px;
}
.wrapp  figure.video + figure {
width: 220px;
height: 300px;
display: inline-block;
vertical-align: top;
margin-left: 36px;
margin-top: 30px;
}
.wrapp  > .video + figure {
background-image: url('../images/6.jpg');
}
.shema{text-align:center;
position: relative;
margin: 0 0 80px;
}
.shema p{
font-family: Fira Sans Regular;
text-align: center;
position: absolute;
font-size: 14px;
line-height: 20px;

}
.p1{top:210px;left:100px;}
.p2{top:190px;left:435px;}
.p3{top: 400px;right: 105px;}
.p4{bottom: 20px;left: 145px;}
.p5{bottom: 0px;right: 170px;}
.wrapp {
text-align: center;
width: 960px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 0;
}
.wrapp:after {
content: '.';
width: 0;
height: 0;
visibility: hidden;
display: block;
clear: both;
position: relative;
font-size: 0px;
line-height: 0px;
}

.wrap {
	width: 950px;
	margin: 0 auto;
	font-family: "Fira Sans Regular";
}
/* header */
.header{
width:100%;
position:absolute;
top: 0%;
height: 72px;
background: rgba(255,255,256,0.7);
box-shadow: 0px -7px 18px black;
z-index:177;
}


.header  .wrap > div, .header .wrap > ul {
	display: inline-block;
}

.header  .wrap > ul li {
	padding: 27px 25px;
	float: left;
	font-family: 'Fira Sans Regular', sans-serif;
	font-size: 16px;
	font-weight:bold;
}
.header  .wrap > ul li:hover{
background:#689062;
cursor:pointer;
}

header .wrap > ul li:hover {
	background:#54945F;
	cursor:pointer;
}

header  .wrap > ul li:hover a {
	color: #fff;
}
.social2 {
position: relative;
top: -50px;
left: 980px;
}
.social2 img{
width:50px;}
img#facebb {
width: 33px;
position: relative;
top: -4px;
}
.knop{
float:right;
text-align:center;
margin-top:8px;
}
.knop input
{background: #ED2523;
border: none;
width: 160px;
height: 35px;
border-radius: 8px;
box-shadow: 0px 3px 0px #810617;
color: white;
font-size: 16px;
font-weight: 700;
}
.knop input:hover{cursor:pointer;}

input[type="submit"]{
margin-top: 10px;
margin-bottom: 20px;
background: #ED2523;
border: none;
width: 180px;
height: 35px;
box-shadow: 0px 3px 0px #810617;
color: white;
font-size: 16px;
font-weight: 700;
}

.logo {
	vertical-align: top;
	margin-top: 5px;
	margin-right: 45px;
}






/* content */
#content {
	
}

#content #actions {
    margin-bottom: 30px;
    display: inline-block;
}

#content #actions .act-container {
	display: inline-block;
	margin-right: 20px;
	width: 300px;
	height: 120px;
	position: relative;
	vertical-align: top;
	font-family: "Fira Sans Regular";
	font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#content #actions .act-container.with-img {
	background: url(../images/main/act.png) no-repeat;
	margin-right: 20px;
	font-size: 23px;
	color: white;
}

#content #actions .act-container.with-img:first-child .text {
	position: absolute;
	top: 52px;
	*width: 100%;
	left: 0;
	text-align: center;
}

#content #actions .act-container.red {
	background: #ab1d1c;
	color: white;
	padding: 30px 20px;
	text-align: center;
}

#content #actions .act-container.red:hover {
	background: #c91f1e;
}

#content #actions .act-container.red .head-text {
	font-size: 34px;
	border-bottom: 3px dashed white;
	margin-bottom: 15px;
	display: inline-block;
	padding-bottom: 5px;
	
}

#content #actions .act-container.red .text {
	font-size: 15px;
	font-weight: normal;
}

#content #actions .opacity-block {
	background: #769c2b;
	opacity: 0.85;
	width: 90%;
	height: 50px;
	position: absolute;
	left: 30px;
	top: 40px;
}

#content #actions > a:first-child .opacity-block {
	right: 0!important;
	left: auto!important;
}

#content #actions > a:first-child .text {
	right: 25px!important;
	left: auto!important;
}

#content #actions > a:last-child .opacity-block {
	left: 0!important;
}

#content #actions > a:last-child .text {
	font-size: 34px!important;
	left: 65px!important;
	top: 45px!important;
}

h2 {
	font-size: 36px;
	color: #54945F;
	text-align: center;
	margin-bottom: -20px;
	font-weight: normal;
	font-family: 'Lobster', cursive;
}

h3 {
	font-size: 29px;
	color: #54945F;
	text-align: center;
	margin-bottom: 25px;
	font-family: 'Lobster', cursive;
	font-weight: normal;
}

#about .text {
    width:100%;
	font-size: 22px;
	color: #1c1c1c;
	font-family: "Fira Sans Regular";
	font-weight: lighter;
	line-height: 30px;
	margin-bottom: 30px;
}
.yabloko{
margin-top:40px;
background: url(../images/yabloko.png);
width:100%;
height:600px;
background-size:100%;
display: inline-block;
background-position: 0px -252px;
}
.yabloko1{
background: url(../images/main.jpg);
width:100%;
height:630px;
background-size:100%;
display: inline-block;
  background-position: 0px -271px;
}
.a1{background: #689062;
color:white;
font-family: 'Lobster', cursive;
font-size: 28px;
position: absolute;
width: 340px;
height: 65px;
padding: 10px;
text-align: center;
border-radius: 14px;
}
.a5{background: white;
color:#689062;
font-size: 43px;
position: absolute;
width: 305px;
height: 43px;
padding: 10px;
text-align: center;
margin:-90px 0px 0 20px;
font-family: 'Lobster', cursive;
border:3px solid #689062;
}
.a3{background: white;
color:#689062;
font-family: 'Lobster', cursive;
font-size: 43px;
position: absolute;
width: 690px;
height: 43px;
padding: 10px;
text-align: center;
border:3px solid #689062;
}
.a2{color:white;
margin-top:125px;
line-height:30px;
font-size:26px;
text-shadow: #689062 1px 0px, #689062 1px 1px, #689062 0px 1px, #689062 -1px 1px, #689062 -1px 0px, #689062 -1px -1px, #689062 0px -1px, #689062 1px -1px;
}
.forma{
width: 310px;
margin-bottom: 16px;
margin-top: 16px;
margin-right: 16px;
background: #F8F8F8;
float: right;
line-height: 20px;
border: solid 4px #EBDBAB;
text-align: center;
border-radius:20px;
}
.icon {
position: relative;
display: inline-block;
padding: 3px 3px 3px 33px;
margin: 10px 0 0;
border: 1px solid #689062;
background: #f5f3ef;
box-shadow: inset 0px 1px 2px 1px rgba(64, 64, 64, 0.15), 0px 1px 1px 0px #fff;
}
.icon input[type="text"] {
height:35px;
width: 255px;
background: none;
border: none;
outline: none;
font-size: 14px;
font-style:italic;
color: #614f44;
}

#podobrat {
margin: 40px 0 140px;
height:450px;
}


#content .cont p {
    font-size: 18px;
	color: #1c1c1c;
	margin: 0 100px;
	font-family: "Fira Sans Regular";
	font-weight: lighter;
	line-height: 30px;
	display: inline-block;
	margin-bottom: 30px;
}


#about ul.list-with-images {
	padding: 0 152px;
    margin-bottom: 25px;
}

#about ul.list-with-images li {
	margin-right: 26px;
	display: inline-block;
	width: 195px;
	text-align: center;
    vertical-align: top;
	
}

#about ul.list-with-images li img {
	margin-bottom: 20px;
}

#about ul.list-with-images li:last-child {
	margin-right: 0px;
}


.list-line {
	background: url(../images/main/list.png) center no-repeat;
	width: 100%;
	margin: 25px 0;
	height: 33px;
	position: relative;
}

.list-line.bordered {
	background: url(../images/main/border-list.png) center no-repeat;
	height: 40px;
}

#content .cont {
	padding-top: 35px;
	padding-bottom: 30px;
}

#content .cont.green {
	background: #689062;
	color: white;
}

#content .cont.dark {
	background: #383838;
	color: white;
}

.minus-top {
	position: relative;
	margin-top: -45px;
}

.minus-top25 {
	margin-top: -25px;
}

#content .cont h2,#content .cont h3{
	color: white;
}

#content .cont.white h2,#content .cont.yel h2, #content .cont.white h3, #content .cont.yel h3 {
	color: #689062;
	
}
/*
#content .cont.yel {
	background: #faffea;
}
*/
#content .cont .left-text h3 {
	text-align: left;
}

#content .cont .left-text {
	float: left;
	width: 50%;
	padding-top: 20px;
	vertical-align: top;
}

#content .cont .right-image {
	
	text-align: center;

}

#content .cont .right-text {
	float: right;
	width: 50%;
	padding-top: 20px;
	text-align: justify;
}

#content .cont .right-text h3 {
	text-align: left;
}

#content .cont .right-text .prices {
	float: right;
}

#content .cont .left-image {
	float: left;
	text-align: center;
}

#content .cont p {
	text-align: justify;
	color: white;
	margin: 0;
	display: inline-block;
	width: 100%;
}


.cont .prices .main-price, .cont .prices .day-price {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 505px;
	padding: 12px 35px;
	margin-bottom: 1px;
	font-size: 23px;
	height: 50px;
}
.cont .prices .main-price {
	background: url(../images/main/red-plash.png) no-repeat;
}

.cont .prices .day-price {
	background: url(../images/main/green-plash.png) no-repeat;
}

.cont .prices label {
	font-style: italic;
}

.cont .prices .price {
	font-family: "Fira Sans Regular";
	font-weight: lighter;
}

p.city-name {
	font-size: 23px;
	font-style: italic;
	padding: 15px 0;
	padding-right: 30px;
	box-sizing: border-box;
}

p.city-name img {
	float: left;
	margin-left: 30px;
}

p.city-name .c-left {
	float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.cont .prices .price {
		font-family: "Fira Sans Regular";
	}
}

.cont .red-circled {
	color: #ab1d1c;
	list-style-type: disc;
	font-size: 34px;
	margin-left: 32px;
}

.cont .red-circled li {
	
}

.cont .red-circled li span {
	font-family: "Fira Sans Regular";
	font-size: 16px;
	color: #1c1c1c;
	line-height: 27px;
	padding-top: 4px;
	vertical-align: top;
	display: inline-block;
}

#content .cont ul.callories-list {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	color: white;
	font-size: 18px;
	margin-top: 15px;
}

ul.callories-list li {
    font-size: 26px;
	float: left;
	padding: 10px 41px;
	background-color: #689062;
	cursor: pointer;
	margin: 20px;
	border-radius:12px;
	border-right: 1px solid #fff;
	position: relative;
}

.apple {
	background: url(../images/main/apple.png) no-repeat;
}

ul.callories-list li .apple {
	position: absolute;
	right: -10px;
	right: -13px;
	width: 27px;
	height: 30px;
	z-index: 100;
	top: 6px;
}

ul.callories-list li.active,ul.callories-list li:hover {
	background: #ab1d1c;
	border-color: #ab1d1c;
}



ul.callories-list li.active .apple, ul.callories-list li:hover .apple {
	border-bottom: none;
}


ul.callories-list li:first-child {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

ul.callories-list li:last-child {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

/* scrolled container*/
.scrolled-overflow {
	width: 950px;
	overflow: hidden;
}
.scrolled-container {
	width: 5700px;
	float: left;
}

.scrolled-container .scrolled-data {
	width: 950px;
	vertical-align: top;
	float: left;
}

/* food blocks */
.food-blocks {
	width: 400px!important;
}

.food-blocks .food-block {
	padding: 15px 12px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
	border: 1px solid transparent;
}

.food-blocks .food-block:hover, .food-blocks .food-block.active {
	background-color: #f7f7f7;
	border: solid 1px #e4e4e4;
}

.food-block .f-time {
	font-size: 30px;
	color: #689062;
	margin-bottom: 10px;
	display: inline-block;
	
}

.food-block ul {
	list-style-type: disc;
	padding-left: 20px;
}

.food-block ul li {
	margin-bottom: 5px;	
}

.food-block ul li:last-child {
	margin-bottom: 0;
}

.food-block .f-time span {
	float:left;
}

.food-block .f-time .red {
	color: #E89745;
}

.food-block .f-time .green {
	font-size: 26px;
	margin-top: 3px;
}

.circle-gallery {
	width: 540px;
	overflow: hidden;
	position: relative;
}

.circle-gallery .gallery {
	
}

.circle-gallery .gallery img {
width: 540px;
margin-top: 133px;
border-radius: 50%;
float: left;
}

.center-align {
	text-align: center;
}

.nav {
	background: url(../images/nav-sprite.png) no-repeat;
	cursor: pointer;
}

.nav.prev {
	width: 40px;
	height: 63px;
	position: absolute;
	left: 130px;
	bottom: 65px;
}

.nav.next {
	width: 40px;
	height: 63px;
	position: absolute;
	right: 130px;
	bottom: 65px;
	background-position: -43px 0px;
}

.nav.next:hover {
	background-position: -43px -63px;
}

.nav.prev:hover {
	background-position: 0 -63px;
}

/* FORM */

.order-form {
	padding-top: 40px;
	z-index: 100;
	position: relative;
}

.order-form .big-check {
	ms-transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	margin-right: 15px;
}

.order-form .select-menu-block.inputs {
	vertical-align: top;
	padding: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "Fira Sans Regular";
	font-weight: lighter;
}

.order-form .select-menu-block.inputs label {
	font-size: 17px;
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}

.order-form .days-input {
	width: 37px;
	height: 37px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #2d6722;
	text-align: center;
	font-size: 22px;
	color: #454545;
}

.order-form .input-rage {
	display: inline-block;
}

.order-form .inputs-line input[type="text"],.order-form .inputs-line select, .order-form .inputs-line textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #2d6722;
	resize: none;
	font-family: "Fira Sans Regular";
	font-size: 16px;
	color: #454545;
	padding: 10px;	
}

.order-form .inputs-line .half {
	display: inline-block;
	width: 393px;
}

.form-inputs {
	padding: 20px 59px;
}

.order-form .inputs-line {
	margin-bottom: 20px;
}

.order-form .inputs-line .half:first-child {
	margin-right: 40px;
}

.order-form .inputs-line input[type="text"],.order-form .inputs-line select, .order-form .inputs-line textarea {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.order-form .inputs-line textarea {
	height: 120px;
}

.order-form .comment {
	font-family: "Fira Sans Regular";
	font-size: 15px;
	display: inline-block;
	width: 465px;
	padding: 15px;
	line-height: 24px;
	padding-top: 5px;
	margin-right: 10px;
}

.order-form .minus, .order-form .plus {
	margin: 0 10px;
	cursor: pointer;
}

.order-form .select-menu-block.inputs > div {
	font-size: 20px;
}

.order-form .select-menu-block {
	background: url(../images/main/inblock.png) no-repeat;
	display: inline-block;
	width: 460px;
	margin-bottom: 20px;
}

.order-form .select-menu-block.no-bg {
	background: none;
}

.order-form .select-menu-block:nth-child(odd) {
	margin-right: 20px;
}
.order-form .select-menu-block .select-menu-header {
	padding: 15px 45px;
	font-family: "Fira Sans Regular";
	font-size: 20px;
	font-style: italic;
}

.order-form .select-menu-block .select-menu-header label {
	cursor: pointer;
}

.order-form .select-menu-block .select-menu-header label:first-child {
	margin-right: 100px;	
}

.order-form .select-menu-block .select-menu-header .checkbox{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/main/checkbox.png) no-repeat;
	margin-right: 10px;
}

.order-form .select-menu-block .select-menu-header .text {
	vertical-align: top;
	padding-top: 2px;
	display: inline-block;
}

.order-form .select-menu-block .select-menu-header .checkbox.active{
	background-position: 0 -26px;
}

.order-form .select-menu-block .select-menu-content {
	padding: 15px 35px;
	line-height: 24px;
	font-size: 17px;
	min-height: 102px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.order-form .select-menu-block .select-menu-content div {

}

.button {
	width: 321px;
	height: 59px;
	background-color: #ab1d1c;
	font-size: 30px;
	color: #fff;
	font-family: "Fira Sans Regular";
	border: none;
	cursor: pointer;
	vertical-align: top;
	margin-top: 11px;
}

.b-orange {
	width: 320px;
	padding: 14px 0;
	font-size: 30px;
	background-color: #f05e0f;
	color: #fff;
	font-family: "Fira Sans Regular";
	border: none;
	cursor: pointer;
	margin-left: 35px;
	vertical-align: top;
	margin-top: 11px;
	display: inline-block;
	text-align: center;
}


.center {
	text-align: center;
	display: inherit;
	font-size: 21px;
}

.cont.with-images {
	position: relative;
	overflow: hidden;
}

.pizza {
	background: url(../images/main/pizza.png) no-repeat;
	width: 353px;
	height: 335px;
	position: absolute;
	top: -8px;
	left: -11px;
	z-index: 99;
}

.sup {
	background: url(../images/main/sup.png) no-repeat;	
}

.parallelogram {
	width: 150px;
	height: 100px;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	background: red;
}


/* inline-form */
.orange {
    background: #689062;
	margin-top:40px;
}

.orange .title {
    color: white;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    line-height: 35px;
    width: 100%;
    margin-bottom: 20px;
}

.upper {
    text-transform: uppercase;
}

form.inline {
    padding: 30px 0 50px 0;
}

ul.inline-inputs {
	width: 573px;
	margin: 0 auto;
}

.inline .inline-inputs li {
    display: inline-block;
    width: 275px;
    margin-right: 18px;
    border: 2px solid black;
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.inline .inline-inputs li:nth-child(even) {
	margin-right: 0;
}

.inline .inline-inputs li:last-child {
    margin-right: 0;
    vertical-align: top;
    width: 100%;
    margin-top: 3px;
}

.inline .inline-inputs input {
    outline: none;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 19px;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #454545;

}

.inline .inline-inputs select.select-programm {
	outline: none;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 19px;
	padding: 9px 20px;
	box-sizing: border-box;
	color: #454545;
}


::-webkit-input-placeholder {
    color: #454545;
}

:-moz-placeholder { /* Firefox 18- */
    color: #454545;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #454545;
}

:-ms-input-placeholder {
    color: #454545;
}

.inline .inline-inputs input[type="submit"] {

    color: white;
    cursor: pointer;
}

.btn-orange {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #dd743c;
    font-size: 22px;
    color: white;
    text-align: center;
    padding: 15px 73px;
}

.full {
    display: inline-block;
    margin-top: 25px;
}

.half {
    display: inline-block;
    width: 232px;
    vertical-align: top;
    margin-right: 30px;
}

.half > span {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.fs19 { font-size: 19px; }
.fs22 { font-size: 22px; }
/*blog*/
.blog-item {
	
}

.blog-item .blog-image {
	width: 160px;
	min-height: 100%;
	margin-right: 40px;
	display: inline-block;
	position: relative;
}

.blog-item .blog-image .arr{
	background: url(../images/arr.png) no-repeat;
	width: 60px;
	height: 62px;
	position: absolute;
	top: 50px;
	right: -27px;
	z-index: 1;
}

.blog-item .blog-image img {
	width: 150px;
	height: 160px;
	border-radius: 50%;
	border: 1px solid #cacaca;
	z-index: 2;
	position: relative;
}

.blog-item .blog-info {
	display: inline-block;
	color: #231f20;
	width: 745px;
	vertical-align: top;
	min-height: 150px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dedede;
}

.blog-item .title {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}
.blog-item .article-title {
	color: #3a9524;
	font-size: 19px;
	text-decoration: underline; 
}

.blog-item .author span ,.blog-item .date span {
	color: #777777;
	font-size: 14px;
}

.blog-item .black {
	color: #231f20!important;
}

.blog-item .date {
	display: inline-block;
}

.blog-item .author {
	display: inline-block;
	margin-right: 60px;
}

.blog-item p.text, .blog-item p.text > p {
	color: #231f20!important;
	padding-top: 20px!important;
	font-size: 14px!important;
}

.blog-item p.text > p:first-child {
	padding-top: 0px!important;
}
.fwtc {
	width: 100%;
	text-align: center;
}

#more-articles {
	color: #3a9524;
	font-size: 24px;
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 2px dashed #3a9524;
}

/* footer */
footer {
	background: #383838;
	color: #faffea;
	padding: 35px 0;
	margin-top:40px;
}

footer .footer-block {
	width: 225px;
	margin-right: 100px;
	display: inline-block;
}

footer .footer-block:last-child {
	margin-right: 0px;
}

footer .big {
	font-size: 24px;
}

footer .small {
	margin-bottom: 10px;
	font-size: 16px;
	display: inline-block;
	width: 100%;
}

footer .social img {
	margin-right: 15px;
}

/* other */
.hide {
	display: none;
}

.no-margin {
	margin-right: 0!important;
}

.mb0 {
	margin-bottom: 0;
}

.mbm12 {
	margin-bottom: -15px;
}

.pl32 {
	padding-left: 32px;
}

.clear {
	clear: both;
}

.order-success {
    padding: 73px 62px;
    color: white;
}

.order-success h3 {
    color: white;
}
.order-success p {
    color: white;
}
/* popups */
.popups {display: none;}


@media screen and (max-width: 1024px) {
	header {
		margin-bottom: -13%!important;
	}
}

        #slider_1 .container, #slider_1 .navi, #slider_1 .scrollable, #slider_1 .item{ width:800px; }
        #slider_1 .container, #slider_1 .scrollable{ height:360px; }
 
        #slider_1 a.disabled{ visibility:hidden !important; }
        #slider_1 .container{ margin:0 auto; clear:both; position:relative; }
        #slider_1 .scrollable{ float:left; position:relative; overflow:hidden; }
        #slider_1 .scrollable .items{ width:20000em; position:absolute; clear:both; }
        #slider_1 .items .item{ float:left; }
 
        #slider_1 a.browse{ cursor:pointer; margin:100px 0; width:39px; height:75px; position:absolute; top:20px; border:none; border-radius:0; background:url(../images/snav_1.png)0 0 no-repeat; }
        #slider_1 a.left{ left:-90px; }
        #slider_1 a.right{ background-position:-39px 0; right:-90px; }
 
        #slider_1 .items .img{  width:40%; float:left; margin:0; }
        #slider_1 .items .img img{ width:100%; display:block; margin:0 auto; border-radius:100%;  }
 
        #slider_1 .items .content{ width:55%; float:left; font-family:Fira Sans Regular;  margin:80px 0 0 38px; }
        #slider_1 .items .content .name{ font-size:22px; font-weight:bold; color:#689062;}
        #slider_1 .items .content .text{ font-size:18px; line-height:16px; margin:16px 0 13px 0; }
		
.f1{font-size: 58px;
margin-top:40px;
font-family: "Fira Sans Regular";
line-height: 32.69px;
color: #689062;
text-transform: uppercase}
#f2{line-height: 29.88px;
color: #000;
font-size:20px;
border-bottom: 1px dashed #000;
display: inline-block;
margin-top: 35px;}
.f2:hover{cursor:pointer;}

.calc1{width:45%;float:left;background: white;border:3px solid #689062;height: 400px;}
.calc2{width:45%;float:right;background: white;border:3px solid #689062;height: 400px;}
.form123{text-align: center;line-height: 30px;font-size: 20px;margin-top:10px;}
#kar img{height: 260px;margin: 0 auto;display: inherit}

#slider1_container{
margin:0 auto; overflow: hidden; margin-top: 32px;

}
#slider1_wrap{
margin:0 auto; overflow: hidden;
margin-top: -140px;

}
.jssora02r{
background:url(r.png);
}
.jssora02l{
background:url(l.png);
}
.a2 li {
font-weight: bold;
font-size: 30px;
text-shadow: black 3px 4px, black 1px 0px, black 0px 1px, black -2px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;
}
.myh1{
 font-family: Calibrib;
color: #6E5002;
font-size: 34px;
padding: 10px 0;
text-transform: uppercase;
}
.myicons{
background: url(pics.png) no-repeat;
background-size: 24px;
display: block;
height: 24px;
left: 7px;
position: absolute;
top: 9px;
width: 24px;
}
form .btnbtn{
background: url(bgbtns.png) repeat-x;
border: none;
color: white;
display: block;
cursor: pointer;
font-family: calibrib;
outline: none;
text-transform: uppercase;
background-position: 0 -36px;
font-size: 18px;
height: 39px;
margin: auto;
width: 290px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 10px;}
.myh12{
 font-family: Calibrib;
color: #6E5002;
font-size: 24px;
padding: 10px 0;
text-transform: uppercase;

}
.products {
position: absolute;
top: -38px;
left: -152px;
}
.books{
width:180px;
position: absolute;
top: 35px;
left: 533px;

}

body{
	background:#e4ebe9 url(../images/bg8.jpg) repeat top left;
	color:#000;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:12px;
	min-width: 1223px;
}

#zhasam{
position: absolute;
border: solid 5px #ebdbab;
height: 580px;
width: 700px;
z-index: 100;
left: 318px;
top: -42px;
}
#chernii{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 500px;
background: rgba(235, 219, 171, 0.5);
z-index: 5;
}
#chernii2{
position: absolute;
top: 0px;
left: 1022px;
width: 328px;
height: 500px;
background: rgba(235, 219, 171, 0.5);
z-index: 5;
}
.social img {
width: 50px;
}
.today {
position: absolute;
background: #689062;
color: #FBC349;
font-size: 30px;
right: 260px;
bottom: 138px;
padding: 0px 40px;
}
.todaya {
position: absolute;
background: #689062;
color: #FBC349;
font-size: 30px;
right: -45px;
bottom: 138px;
padding: 0px 60px;
}
.todaya1 {
position: absolute;
background: #689062;
color: #FF5A49;
font-size: 30px;
right: 260px;
bottom: 25px;
padding: 0px 60px;
}
.todaya2 {
position: absolute;
background: #689062;
color: #FF5A49;
font-size: 30px;
right: -45px;
bottom: 25px;
padding: 0px 60px;
}
.today2 {
position: absolute;
background: #383838;
color: #FBC349;
font-size: 30px;
right: 265px;
bottom: 138px;
padding: 0px 35px;
}

.today2a {
position: absolute;
background: #383838;
color: #FBC349;
font-size: 30px;
right: -6px;
bottom: 138px;
padding: 0px 35px;
}
.todaya1b {
position: absolute;
background: #383838;
color: #FF5A49;
font-size: 30px;
right: 242px;
bottom: 25px;
padding: 0px 60px;
}
.todaya2b {
position: absolute;
background: #383838;
color: #FF5A49;
font-size: 30px;
right: -45px;
bottom: 25px;
padding: 0px 60px;
}