@import url('https://fonts.googleapis.com/css?family=Exo+2:400,500,700,800i&subset=cyrillic');
* {
	font-family: 'Exo 2', Tahoma, Verdana, Arial, Helvetica, sans-serif;	
}
.animated.standby {
	-webkit-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
	visibility: hidden;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.o-hidden {
 overflow:hidden;
}
body {
	color:#493b35;
}
.row {
 	margin:0;
}
hr {
 	background:url(images/line.png) repeat-x bottom left;
	border: 0px;
	height: 1px;
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
}
a {
 	color:#b76433;
}
a:hover {
 	color:#735a52;
	text-decoration:none;
}
b, strong {
	font-weight:700;
}
.normal {
	font-weight:400;
}
.medium {
	font-weight:500;
}
.extrabold {
	font-weight:800;
}
.textshadow {
	text-shadow:1px 1px 0px rgba(0,0,0,0.3);
}
.thumbnail {
	display:block;
	width:100%;
	height:164px;
	background:url(images/thumbnail.png) no-repeat center center;
	border: 1px solid #e2e2e2;
}
#page li {
  list-style-image: url(images/li.png);
}
.pointer {
  cursor:pointer;
}
.contoverallup, .contoverallupinside {
  background:url(images/up.jpg) no-repeat top center;
  background-size:cover;
  min-height:650px;
}
.contoverallupinside {
  min-height:400px;
}
.cup3 {
 position:absolute;
 width:785px;
 bottom:0;
 right:100px;
 display:block;
}
.contoverallupinside .cup3 {
 width:600px;
}
.cup2 {
 position:absolute;
 width:404px;
 bottom:100px;
 right:0;
 display:block;
}
.contoverallupinside .cup2 {
 width:252px;
}
.cup1 {
 position:absolute;
 width:427px;
 bottom:0;
 right:80px;
 display:block;
}
.contoverallupinside .cup1 {
 width:270px;
 right:80px;
}
.sugar {
 position:absolute;
 width:205px;
 bottom:-50px;
 left:30%;
 display:block;
}
@media only screen and (min-width: 480px) and (max-width: 991px) {
    .contoverallup {
      min-height:500px;
    }
    .cup3 {
     width:628px;
     bottom:0;
     right:0;
    }
    .cup2 {
     width:300px;
     bottom:80px;
    }
    .cup1 {
     width:320px;
     bottom:0;
     right:50px;
    }
    .sugar {
     width:164px;
     bottom:-50px;
     left:20%;
    }
}
@media only screen and (max-width:479px) {
    .contoverallup {
      min-height:350px;
    }
    .cup3 {
     width:314px;
     bottom:0;
    }
    .cup2 {
     width:162px;
     bottom:50px;
    }
    .cup1 {
     width:170px;
     bottom:0;
     right:10px;
    }
    .sugar {
     width:90px;
     bottom:-20px;
     left:20%;
    }
}
.logo {
 width:auto;
  max-width:100%;
  height:auto;
}
.logotext {
	color:#735a52;
 font-size:12px;
 letter-spacing:1px;
 font-weight:500;
}
a.search, a.search:hover {
 	display:inline-block;
  height:25px;
  line-height:25px;
	padding-right:20px;
 margin-right:20px;
 border-right:1px solid #c5b092;
 font-size:20px;
}
.contoverallsearch {
	width:100% !important;
	min-height:100% !important;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:rgba(115,90,82, 0.8);
	z-index:10001;
	padding:20px;
}
#frmSearch {
	position: absolute;
	width:50%;
	top:50%;
    left:50%;
    border-bottom: 1px solid white;	
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);	
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.searchinput {
	width:70%;
	height:50px;
	display:inline;
	float:left;
	background:none;
}
.searchinput input {
	background:none;
	width:100%;
	height:30px;
	line-height:20px;
	font-size:16px;
	font-weight:600;
	padding:0;
	color:white;
	border:0;
}
.searchinput input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:white;
}
.searchinput input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:white;
   opacity:  1;
}
.searchinput input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:white;
   opacity:  1;
}
.searchinput input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:white;
}
.searchinput input:focus {
	border:0;
	outline: none;
}
a.searchbuton, a.searchbuton:hover {
	width:20%;
	height:30px;
	line-height:30px;
	display: inline;
	float:right;
 text-align:right;
 color:white;	
 font-size:24px;	
}
a.closebtn, a.closebtn:hover {
    position: absolute;
    top:20px;
    right:25px;
    width:24px;
    height:24px;
    background: url(images/close.png) no-repeat center center;
}
@media(max-width:991px){
    .navbar {
        background-color:rgba(183,156,129,0.5);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -o-border-radius:3px; 		
    }
}
.navbar-light .navbar-nav a.nav-link {
    color:black;
    font-size:18px;
    font-weight:500;
    text-transform:uppercase;
}
.navbar-light .navbar-nav a.nav-link:hover {
    color:#8f271f;
    font-size:18px;
    font-weight:500;
     text-transform:uppercase;
}
.contoverallhome {
 	background:#eee8e1;
}
h1.h1home {
 	color:#735a52;
  font-size:48px;
  font-style:italic;
  font-weight:800;
}
h1.h1home > span.text-muted {
 	width:100%;
  display:block;
 	color:#735a52!important;
  font-size:22px;
  font-style:normal;
  font-weight:700;
  text-transform:uppercase;
}
h2.h1homeorange, h1.h1homeorange {
 	color:#b76433;
  font-size:48px;
  font-style:italic;
  font-weight:800;
}
h2.h1homeorange > span.text-muted, h1.h1homeorange > span.text-muted {
 	width:100%;
  display:block;
 	color:#735a52!important;
  font-size:22px;
  font-style:normal;
  font-weight:400;
}
h2.h1homeorange > span.text-muted.orange, h1.h1homeorange > span.text-muted.orange {
	font-weight:800;
  font-style:italic;
 	color:#b76433!important;
}
h2.h1homewhite {
 	color:white;
  font-size:48px;
  font-style:italic;
  font-weight:800;
}
h2.h1homewhite > span.text-muted {
 	width:100%;
  margin-top:30px;
  display:block;
 	color:white!important;
  font-size:22px;
  font-style:normal;
  font-weight:400;
}
@media(max-width:991px){
    h1.h1home, h2.h1homeorange, h2.h1homewhite  {
        font-size:30px;	
    }
}
.contoverallsquares {
background: #a7b78d;
}
.homeicon {
 	background-color:rgba(255,255,255,0.8);
}
.homeiconbg {
 	width:100%;
  height:140px;
  display:block;
  text-align:center;
  background-repeat:no-repeat;
  background-position:center center;
}
.icon1 {
 	background-image:url(images/icon1.png);
}
.icon2 {
 	background-image:url(images/icon2.png);
}
.icon3 {
 	background-image:url(images/icon3.png);
}
.icon4 {
 	background-image:url(images/icon4.png);
}
.homeicontext {
 	width:100%;
  display:block;
  text-align:center;
  padding:0 20px 10px 20px;
}
.newstext {
 	width:100%;
  display:block;
  padding:20px 0;
}
.contoveralldown {
 	background:#eee8e1;
}
a.down, a.down:hover {
 	width:100%;
  display:block;
  line-height:20px;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(183,100,51,0.3);
  color:#424952;
}
a.down:hover {
	color:#b76433;
}
.downiconleft {
 	width:15%;
  display:inline;
  float:left;
 	line-height:26px;
  font-size:26px;
 	color:rgba(183,100,51,0.7);
 }
.downiconright {
 	width:85%;
  display:inline;
  float:left;
}
.downiconclear {
  	width:100%;
  display:inline;
  float:left;
}
.contoverallbottom {
 	background:#d4c9bd;
  font-size:13px;
}
.contoverallproducts {
  background:white; /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,233,226,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(242,233,226,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(242,233,226,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e9e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;
}
.abouticon {
  width:100px;
  height:100px;
  line-height: 110px;
  text-align: center;
  border-radius: 50%;
  border-left:2px solid #a2b78c;
  display:block;
  float:left;
  -webkit-shape-outside:circle();
  shape-outside:circle();
}
.abouticon i {
  font-size: 40px;
  color:#a2b78c;
  margin-left:10px;
}
.pagesnimka {
  display:block;
  float:right;
  width:100%;
  max-width: 480px;
}
a.buton, a.buton:hover, a.butondark, a.butondark:hover, a.butoninline, a.butoninline:hover, a.butondarkinline, a.butondarkinline:hover {
  display:block;
 margin:10px auto 0 auto;
  width:120px;
 height:40px;
 line-height:38px;
 text-align:center;
  background:#7c5a51;
   color:white;
  font-size:18px;
    border-radius:5px;
}
a.buton:hover, a.butoninline:hover {
  background:#cf642c;
}
a.butoninline {
 display:inline-block;
 width:auto;
 padding:0 15px;
 margin-right:10px;
 margin-bottom: 10px;
}
a.butoninline:hover {
 display:inline-block;
 width:auto;
 padding:0 15px;
 margin-right:10px;
 margin-bottom: 10px;
}
a.pagesvideo, a.pagesvideo:hover {
	width:600px;
	max-width:100%;
	margin:20px auto 30px auto;
	display: inline-block;
	position:relative;
}
a.pagesvideo:after {
  position: absolute;
  top:0;
  left:0;
  content: '';
  display:block;
  width:100%;
  height:100%;
  background: url(images/playvideo.png) no-repeat center center;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #7c5a51;
  background-color: #f0eee8;
  border: 1px solid #7c5a51;
 }
 .page-item.disabled .page-link {
  color: #7c5a51;
  pointer-events: none;
  cursor: auto;
  background-color: white;
  border-color: #7c5a51;
 }
 .page-item.active .page-link {
  z-index: 1;
  color: white;
  background-color: #7c5a51;
  border-color: #7c5a51;
 }
 .page-link:focus, .page-link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #7c5a51;
  border-color: #7c5a51;
 }
 .leaf, .leafinside {
   width:100px;
   height:100px;
   line-height:110px;
   border-radius: 50%;
   border-right:1px solid #a2b78c;
   position:absolute;
   bottom:40%;
   right:0;
   font-size:60px;
   color:#a2b78c;
 }
 .leafinside {
  top:200px;
  bottom:auto;
}
.iso, .isoinside {
  width:200px;
  height:77px;
  background: url(images/iso.png) no-repeat;
  background-size: 100% 100%;
  position:absolute;
  bottom:30%;
  left:0;
}
.isoinside {
  top:300px;
  bottom:auto;
}
@media only screen and (max-width:479px) {
  .iso, .isoinside {
    width:100px;
    height:39px;
    top:150px;
  }
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color:#f7f3ef;
}
#page td {
  width:50%;
}
.contoverallcontacts {
  background:url(images/contacts.jpg) no-repeat bottom left #f2e9e2;
}
.loading {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
  left:0;
  text-align:center;
  color:#888;
	background-color:rgba(255,255,255,0.7);
}
.loading div {
  width:100px;
  height:100px;
  display: block;
  overflow:hidden;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);	
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
}
.btn-primary, .btn-primary:active, .btn-primary:visited {
  background-color: #7c5a51 !important;
  border-color: #7c5a51 !important;
}
.btn-primary:hover {
  background-color: #b76433 !important;
  border-color: #b76433 !important;
}
.form-control:focus, .custom-select:focus {
  border-color: #7c5a51 !important;
  box-shadow: 0 0 5px #7c5a51 !important;
}
.custom-control-label:before {
  box-shadow: 0 0 5px #7c5a51 !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color:#7c5a51;
  box-shadow: 0 0 5px #7c5a51 !important;
}
.custom-control-input:active~.custom-control-label::before {
  background-color:#7c5a51;
  box-shadow: 0 0 5px #7c5a51 !important;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color:#7c5a51;
  box-shadow: 0 0 5px #7c5a51 !important;
}
.form-group label.error {
	color:red;
  font-size: 14px;
  display: block;
  width:100%;
}