body { margin: 0; padding: 0;  background: url(../imgs/bg.png) repeat-x center center fixed; font-family: 'Ubuntu', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Ubuntu', sans-serif;
}	
a { color:#990000; }
a:hover { color:#330000; }
.theme-dropdown .dropdown-menu { display: block; }

.header-branding { background: url(../imgs/bamboo-bg.png) repeat-x 0px 30px;}
.coverimg { background: url(../imgs/top-image1.png) no-repeat 10% 0%;}
.logotype img { margin: 35px 10px 33px 30%;}
.topline { position: relative; }

/* SOCIAL LINK */

.socialLinks { display:block; position: absolute; top: 30px; right: 20px; z-index: 9999;
background-color: #330000;
background-image: -webkit-gradient(linear,left 0,left 100%,from(#1b0000),to(#2f1210));
background-image: -webkit-linear-gradient(top,#1b0000 0,#2f1210 100%);
background-image: -moz-linear-gradient(top,#1b0000 0,#2f1210 100%);
background-image: linear-gradient(to bottom,#1b0000 0,#2f1210 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b0000',endColorstr='#2f1210',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-radius: 0 0 10px 10px;
}
.socialLinks ul { list-style: none; margin: 0; padding: 0;  float: left; }
.socialLinks li { float: left; }
a.socialButton { display: block; width: 30px; height: 30px; margin: 4px 5px; background: url(../imgs/social.png) 0 0; border: 0; }
a.socialButton:hover { background-color: #cc3333; }
a#twBtn { background-position: 0 0; }
a#okBtn { background-position: 0 -30px; }
a#vkBtn { background-position: 0 -60px; }
a#fbBtn { background-position: 0 -90px; }
a#ljBtn { background-position: 0 -210px; }
a#gpBtn { background-position: 0 -120px; }
a#youtubeBtn { background-position: 0 -150px; }
a#rutubeBtn  { background-position: 0 -180px;  }
#socialInMenu { display: none; }

/* SOCIAL LINK END */


/* SHOPBASKET LINK */

.shop-basket { margin: 85px 0 30px 0; padding: 10px 20px; overflow: hidden; }
.shop-basket  .basket-text { display: block; width: 150px; float: left; color: #fff; }
.shop-basket  .basket-text  a {  color: #fff; }
.shop-basket  h2 { color: #fff; font-size: 1.3em; font-style:italic; font-weight: normal; margin: 0; line-height: 1.3em; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); }
.shop-basket  p { color: #cc3333; font-size: 0.9em; margin: 5px 0 10px 0; line-height: 1em;  }
.shop-basket  .basket { float: left; padding: 0px 10px 10px 20px; }
.shop-basket  .basket a.emptybasket { display: block; border: 0; text-decoration: none;  width: 50px; height: 70px; background: url(../imgs/basket-empty.png); }
.shop-basket  .basket a.fullbasket{ display: block; border: 0; text-decoration: none;  width: 50px; height: 70px; background: url(../imgs/basket-full.png); }
.shop-basket .btn { font-size: 0.9em; padding: 2px 8px; }

/* SHOPBASKET END */

.shop-phones { margin: 85px 0 40px -20px; padding: 10px 0px; overflow: hidden; }
.shop-phones h2 { color: #fff; font-size: 1.3em; font-style:italic; font-weight: normal; margin: 0; line-height: 1em; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); }
.shop-phones span.phone { color: #cc3333; font-size: 1.4em; line-height: 1em; font-weight: bold; font-style:italic; margin: 0; line-height: 1.3em; text-shadow: 0 -1px 0;}
/*background: url(../imgs/phone.png) no-repeat right;  padding-right: 60px; */
.shop-phones .btn { font-size: 0.8em; padding: 2px 8px;  }

.navbar-inverse .navbar-nav > li > a { color: #fff; }
.navbar { border-radius: 0 0 10px 10px; margin-bottom: 20px;}
.navbar-nav > li > a { font-size: 1.1em; text-transform: uppercase; font-weight: bold; }
.navbar-inverse {
background-color: #330000;
background-image: -webkit-gradient(linear,left 0,left 100%,from(#1b0000),to(#2f1210));
background-image: -webkit-linear-gradient(top,#1b0000 0,#2f1210 100%);
background-image: -moz-linear-gradient(top,#1b0000 0,#2f1210 100%);
background-image: linear-gradient(to bottom,#1b0000 0,#2f1210 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b0000',endColorstr='#2f1210',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar-inverse .navbar-nav>.active>a {
color: #cc3333;
background-image: none;
background-repeat: repeat-x;
filter: none;
-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,0.25);
box-shadow: inset 0 3px 9px rgba(0,0,0,0.25);
background-color: #1d0402;
}
.navbar-inverse .navbar-nav > li > a:hover { color: #cc3333;}
.navbar-inverse .navbar-nav>.active>a:hover {
color: #cc3333;
background-image: none;
background-repeat: repeat-x;
filter: none;
-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,0.25);
box-shadow: inset 0 3px 9px rgba(0,0,0,0.25);
background-color: #1d0402;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #1d0402;
}
.navbar-inverse { border: none;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #cc3333; background-image: none; background-image: none; background-image: none; background-image: none; background-repeat: repeat-x; filter: none; }
#myModal .modal-dialog { margin-top: 50px; }
#myModal .modal-header { border-bottom: 1px solid #330000; }
#myModal .modal-content { background: url(../imgs/ornament-bg.png) center top #ffcc99;}

/* MAIN PAGE CONTENT */

.boxshadow {
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.69);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.69);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.69);
}
.mainpage-advslider  { background: #ffcc99; padding:5px; border-radius: 10px; }
.mainpage-advslider  img { border-radius: 10px;}
.mainpage-kotelok img { background: #ffcc99; padding:5px; border-radius: 10px; }

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.mainpage-menuslider { padding:5px; margin-top: 20px; background: url(../imgs/ornament-bg.png) center top #ffcc99; border-radius: 10px; }
.mainpage-menuslider  h2 { color: #996633; font-size: 1.2em; font-style:italic; font-weight: normal; margin: 0; line-height: 1em; margin: 20px 0 20px 20px; }

.mpmenu-element { text-align: center; overflow: hidden; margin-bottom: 30px;}

.mpmenu-element .dish-photo img { width: 150px; height: 150px; border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; }
.mpmenu-element .dish-photo  { padding: 6px; width: 162px; height: 162px; border-radius: 81px; -webkit-border-radius: 81px; -moz-border-radius: 81px; background: #cc9966; margin: 0 auto; }
.mpmenu-element a:hover .dish-photo  {background: #fff;}

.mpmenu-element .dish-text {  padding: 0;  text-transform: uppercase; font-size: 0.7em; }

.mpmenu-element h3 { font-size: 1.6em; margin: 10px 0;}
.mpmenu-element h3  {  text-decoration: underline; font-weight: normal; color: #990000; line-height: 1em; }
.mpmenu-element .dish-text p { font-size: 0.8em; line-height:0.8em; color: #777; }

.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { margin:0 ;} 



.content-area {  padding:20px 40px;  background: url(../imgs/ornament-bg.png) center top #ffcc99; border-radius: 10px; }
.content-area  h1, .content-area  h2, .content-area  h3, .content-area  h4 { color: #663300; }
.entry-title { color: #663300; }
.shop_table  { background: #fff; }
.product-name a { color:#663300; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 30%; }

.cart_totals  h2 {float: none; text-align: left; font-size:1.2em; color: #663300; }

.shop-col-item  { height: 380px; padding: 20px 10px; margin-bottom: 20px; border-radius: 10px;  background-color:rgba(255,255,255,0.5);}
.shop-col-item img { width: 150px; height: 150px; margin: 0 auto; border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; }
.shop-col-item  .dish-photo  { padding: 6px; width: 162px; height: 162px;  margin:0 auto; border-radius: 81px; -webkit-border-radius: 81px; -moz-border-radius: 81px; background: #cc9966; }
.shop-col-item  a:hover .dish-photo  { background: #fff;}
.shop-col-item  h3 { font-size: 1.4em; text-align: center; text-decoration: underline; font-weight: bold; color: #990000; line-height: 1.1em; }
.shop-col-item  a:hover h3 { color: #ff0000; }
.shop-col-item .description { font-size: 0.8em; line-height: 1em; text-align: center; }
.shop-col-item  .price {text-align: center; font-size: 1.2em; font-weight: bold; color: #990000;  }
.shop-col-item  .amount {text-align: center; color: #990000;  }
.shop-col-item  .bbutton  {text-align: center; font-size: 0.9em; }
.shop-col-item  .added_to_cart {color: #333;}


.type-product {padding-top:20px;}
.type-product .attachment-shop_single { background: #cc9966; padding: 5px; margin-bottom: 30px; border-radius: 10px; }
.price  .amount {text-align: center; font-size: 1.2em; font-weight: bold; color: #990000;  }
.posted_in a {color: #333; text-decoration: underline; }

.related { clear: both;}
.related h2 { font-size: 1.2em; }


/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe { 	display: block; 		max-width: 604px; 	width: 100%; }

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form { 	max-width: 1040px; 	padding-left: 60px; 	padding-right: 376px; }
.comment-list, .comment-list .children { 	list-style-type: none; 	padding: 0; }
.comment-list .children { 	margin-left: 20px; }
.comment-list > li:after, .comment-list .children > li:before {  	background-size: 4px 4px; 	content: ""; 	display: block; 	height: 1px; 	width: 100%; }
.comment-list > li:last-child:after { 	display: none; }
.comment-body { 	padding: 24px 0; 	position: relative; }
.comment-author { 	float: left; 	max-width: 74px; }
.comment-author .avatar { 	display: block; 	margin-bottom: 10px; }
.comment-author .fn { 	word-wrap: break-word; }

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login { 	color: #bc360a; 	font-size: 14px; 	font-style: normal; 	font-weight: normal; }
.says { 	display: none; }
.no-avatars .comment-author { 	margin: 0 0 5px; 	max-width: 100%; 	position: relative; }
.no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { 	width: 100%; }
.bypostauthor > .comment-body .fn:before { 	vertical-align: text-top; }
.comment-list .edit-link { 	margin-left: 20px; }
.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply { 	float: right; 	width: 79%; 	width: -webkit-calc(100% - 124px); 	width:         calc(100% - 124px); 	word-wrap: break-word; }
.comment-meta, .comment-meta a { 	color: #333; 	font-size: 13px; }
.comment-meta a:hover { 	color: #ea9629; } 
.comment-metadata { 	margin-bottom: 20px; }
.ping-meta {	color: #a2a2a2; 	font-size: 13px; 	line-height: 2; }
.comment-awaiting-moderation { 	color: #a2a2a2; }
.comment-awaiting-moderation:before {  	margin-right: 5px; 	position: relative; 	top: -2px; }
.comment-reply-link:before, .comment-reply-login:before { 		margin-right: 3px;}

/* Comment form */
.comment-respond { 	background-color: none; 	padding: 30px 0; }
.comment .comment-respond { 	margin-bottom: 20px; 	padding: 20px; }
.comment-reply-title small a { 	color: #131310; 	display: inline-block; 	float: right; 	height: 16px; 	overflow: hidden; 	width: 16px; }
.comment-reply-title small a:hover { 	color: #ed331c; 	text-decoration: none; }
.comment-reply-title small a:before {	 	vertical-align: top; }
.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form { 	padding: 0; }
.comment-form .comment-notes { 	margin-bottom: 15px; }
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url { 	margin-bottom: 20px; }

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] { 	float: left; 	padding: 5px 0; 	width: 120px; }

.comment-form .required { 	color: #ed331c; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { 	max-width: 270px; 	width: 60%; }
.comment-form textarea { 	width: 100%; }
.form-allowed-tags,
.form-allowed-tags code { 	color: #686758; 	font-size: 10px; }
.form-allowed-tags code { 	font-size: 8px; 	margin-left: 3px; }
.comment-list .pingback, .comment-list .trackback { 	padding-top: 24px; }
.comment-navigation { 	font-size: 20px; 	font-style: italic; 	font-weight: 300; 	margin: 0 auto; 	max-width: 604px; 	padding: 20px 0 30px; 	width: 100%; }
.no-comments { 	background-color: #f7f5e7; 	font-size: 20px; 	font-style: italic; 	font-weight: 300; 	margin: 0; 	padding: 40px 0; 	text-align: center; }
.sidebar .no-comments { 	padding-left: 60px; 	padding-right: 376px; }


.footer { margin: 20px 0 20px 0; font-size: 0.8em; }
.footer .copyright { color: #fff; text-transform: uppercase; margin: 0 20px 20px; letter-spacing:0.08em; }
.footer .endelea { color: #ffcccc; text-transform: uppercase; margin: 0 20px 20px;  letter-spacing:0.08em; float: right; }
.footer .endelea a { color: #fff; }

.action-item { margin: 20px auto 20px auto; text-align: center; }
.action-item  img { margin: 0 auto; }



/* DEVICES */

/* Large desktop */
@media (min-width: 1200px) {
}
 
/* Mid desktop */
@media screen and (min-width: 980px) and (max-width: 1200px) {
.coverimg { background: url(../imgs/top-image1.png) no-repeat -20% 0%;}
.logotype img { margin: 35px auto 43px auto;}

.navbar { margin-bottom: 20px; width: 100%;  }

.shop-basket { margin: 65px 0 0 0; padding: 10px 10px; overflow: hidden; }
.shop-basket  .basket-text { display: block; float: left; color: #fff; }
.shop-basket .btn { font-size: 1.2em; padding: 2px 8px; }

.shop-phones { margin: 65px 0 45px -20px; padding: 10px 0px; overflow: hidden; }
.shop-phones span.phone { color: #cc3333; font-size: 1em; line-height: 1em; font-weight: bold; font-style:italic; margin: 0; line-height: 1.3em; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);  background: url(../imgs/phone.png) no-repeat right;  padding-right: 60px; }
.shop-phones .btn { font-size: 1.2em; padding: 2px 8px;  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.coverimg { background: none;}
.logotype img { margin: 70px auto 10px auto;}
.navbar { margin-bottom: 20px; width: 100%; }

.shop-basket { margin: 70px 0 0 0; padding: 10px 10px; overflow: hidden; }
.shop-basket  .basket-text { display: block; float: left; color: #fff; }
.shop-basket .btn { font-size: 1.2em; padding: 2px 8px; }

.shop-phones { margin: 90px 0 38px 0; padding: 10px 10px; overflow: hidden; }
.shop-phones span.phone { color: #cc3333; font-size: 2.3em; line-height: 1em; font-weight: bold; font-style:italic; margin: 0; line-height: 1.3em; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);  background: url(../imgs/phone.png) no-repeat right;  padding-right: 60px; }
.shop-phones .btn { font-size: 1.2em; padding: 2px 8px;  }
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body {  background: none; background-color: #6a0100; }
.coverimg { background: none;}
.logotype img { margin: 43px auto 10px auto;}
.navbar { margin-bottom: 20px; width: 100%; }

.shop-basket { margin: 60px 0 0 0; padding: 10px 20px; overflow: hidden; 
background: url(../imgs/bamboo-bg.png) repeat-x center center;
border: 5px solid #2f1210;
border-radius: 10px;
}
.shop-phones { margin: 20px 0 0 0; padding: 10px 20px; overflow: hidden; 
background: url(../imgs/bamboo-bg.png) repeat-x center center;
border: 5px solid #2f1210;
border-radius: 10px;
}
.shop-basket .btn { font-size: 1.5em; padding: 2px 8px; }

.shop-phones span.phone { color: #cc3333; font-size: 2em; line-height: 1em; font-weight: bold; font-style:italic; margin: 0; line-height: 1.3em; text-shadow: 0 3px 3px rgba(0,0,0,0.3);  background: url(../imgs/phone.png) no-repeat right;  padding-right: 70px; }
.shop-phones .btn { font-size: 1.5em; padding: 2px 8px;  }

.mainpage-kotelok  { margin-top: 20px; }

.footer { margin: 20px 0 0; font-size: 0.8em; }
.footer .copyright { margin: 0 0 10px 20px; }
.footer .endelea { margin: 0 0 20px 20px;  float: none;}
}