* {margin:0; padding:0;}
body, html {height:100%; min-width:320px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-align:center;}
body {background:url('/images/loading.svg') no-repeat -5000px -5000px;}

a {color:#c31209; text-decoration:underline;}
a:hover {text-decoration:none;}
ul {margin:10px 30px;}
p {margin:10px 0 0 0;}
:focus {outline:none;}
img {width:auto; height:auto; max-width:100%;}

.clr {clear:both;}
@font-face {
  src:url('/fonts/trebuchetms.ttf');
  font-family:'Trebuchet';
}

@media screen and (min-width:320px), screen and (max-width:320px) {

  .w1200 {text-align:left; width:100%; margin:0;}
  #slider-wrapp, .nivo-controlNav, .fcol1 {display:none;}
  #main-wrapp {margin:0 auto;}
  #head .w1200 {text-align:center;} #hdbl1 {display:inline-block;}
/* top menu */
  #tMenu {-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.3); text-align:left;}
  #tmenuBtn {background:#6bab19; display:block; line-height:55px; height:55px; text-align:center; cursor:pointer;}
  #tmenuBtn span {padding:0 0 0 24px; background:url('/images/icon-menu.png') no-repeat 0 50%; display:inline-block; text-transform:uppercase; color:#fff; font-size:17px;}
  #tmenuWrapp {position:relative; font-family:'Trebuchet';}
  #tmenuWrapp ul, #tmenuWrapp ul li ul {display:none;}
  #tmenuWrapp ul {background:#666; margin:0; padding:10px 0; position:absolute; z-index:100; width:100%;}
  #tmenuWrapp ul li ul {position:static; width:auto;}
  #tmenuWrapp ul li {list-style:none;}
  #tmenuWrapp ul li a {padding:7px 15px; display:block; color:#fff; text-transform:uppercase; font-weight:bold;}
  #tmenuWrapp ul li ul li a {text-transform:none; font-weight:normal; padding:5px 10px 5px 30px; background:url('/images/icon-marker3.png') no-repeat 16px 10px;}
  .open {background:url('/images/icon-arrowdown.png') no-repeat 95% 10px;}

  .smBlock, .lgBlock {display:none;}
/*  .smBlock {margin:10px 0 10px 5px; width:370px;}*/
  .content {text-align:justify; margin:15px 7px;}

  #footer-push {display:none;}
  #footer-wrapp {margin:0 auto;}
/*   #footer-wrapp .w1200 {padding:0;} */
  #footerMenu-wrapp .fcol2 {display:block; margin:15px 2% 10px 0;}
  .footer {position:relative; text-align:center;}
  #orderCall {margin:0 auto 10px auto;}
  .cc, .counter {display:none;}
  .copy, .counter {text-align:center;}

  #callbackForm {width:200px;}
  #leftcol {display:none; letter-spacing:normal;} #rightcol {letter-spacing:normal;}

  }

@media screen and (min-width:768px) {

  .w1200 {width:768px; margin:0 auto;}
  #slider-wrapp {display:block;} .nivo-controlNav {display:inline;}
  #head {height:120px; border-bottom:3px solid #6bab19;}
  #head .w1200 {position:relative; text-align:left;}
  /* top menu */
  #tmenuWrapp {position:absolute; top:0; right:0; height:100%;}
  #tmenuWrapp ul {width:360px; position:absolute; right:0; text-align:left;}
  #tmenuBtn {height:100%; line-height:100%; padding:0 20px;}
  #tmenuBtn span {height:120px; line-height:120px;}

  .smBlock {display:inline-block;} .lgBlock {display:block;}
  .smBlock {margin:10px 10px 10px 5px; width:360px;}

  #footer-wrapp {height:230px;}
  #footer-wrapp .w1200 {margin:0 auto;}
  .fcol1 {display:none;}
  #footerMenu-wrapp .fcol2 {width:98%; display:inline-block;}
  .footer {height:170px; overflow:hidden; background:url('/images/logo-grey.png') no-repeat 99.5% 12px; text-align:left;}
  #footerMenu-wrapp {margin:0 280px 0 0;}
  #orderCall {position:absolute; bottom:20px; right:5px; margin:auto;}
  .cc {display:inline;}
  .counter {display:block; width:39%; text-align:left;}
  .copy, .counter {float:left; height:60px;}
  .copy {text-align:right;width:59%;}

  #leftcol, #rightcol {display:inline-block; vertical-align:top;}
  #leftcol {width:25%;}
  #rightcol {width:75%;}
  #rightcol .content {margin:0 0 0 20px;}

}

@media screen and (min-width:1200px) {

  #main-wrapp {min-height:100%; height:auto !important; height:100%;}
  .w1200 {width:1200px; margin:0 auto;}
/*  top menu  */
  #tmenuBtn {display:none;}
  #tmenuWrapp {width:70%;}
  #tMenu {display:inline-block !important; -webkit-box-shadow:none; box-shadow:none;}
  #tmenuWrapp ul {margin:0; padding:0; width:auto; background:none;}
  #tmenuWrapp ul li {display:inline-block; letter-spacing:normal; position:relative;}
  #tmenuWrapp ul li a {color:#666; text-decoration:none; font-size:17px; display:block; font-weight:normal; line-height:120px; padding:0 12px; text-transform:uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
  #tmenuWrapp ul li a:hover, .act, .act2 {color:#fff !important; background:#6bab19 !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
  #tmenuWrapp ul li ul {position:absolute; right:auto; left:0; width:auto; z-index:100; background:#666; margin:0; padding:10px 15px; min-width:165%; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.3);}
  #tmenuWrapp ul li ul li {display:block; margin:7px 4px; background:url('/images/icon-marker.png') no-repeat 0 7px;}
  #tmenuWrapp ul li ul li a {line-height:normal; display:inline; text-transform:none; padding:0; margin:0 0 0 10px; color:#fff; text-decoration:none; background:none;}
  #tmenuWrapp ul li ul li:hover {}
  #tmenuWrapp ul li ul li a:hover {background:none !important; border-bottom:1px dashed #fff;}

  .smBlock {margin:5px 0 10px 2.65%; width:375px;}
  .bfirst {margin-left:5px;}
  .content {margin:15px auto;}

  #footer-push {display:block;}
  #footer-wrapp {margin-top:-230px;}
  .fcol1 {display:inline-block;}
  #footerMenu-wrapp .fcol2 {width:38%; margin:15px 2% 10px 0;}

}

#main-wrapp, #footer-wrapp {overflow:hidden;}
#main-wrapp {background:#fff; margin:0 auto;}
#footer-push {height:230px;}
#footer-wrapp {font-size:12px; background:#e8e8e8;}
#footerMenu-wrapp {letter-spacing:-0.3em;}
#footerMenu-wrapp .fcol1 {letter-spacing:normal; width:18%; margin:15px 2% 10px 0; vertical-align:top;}
#footerMenu-wrapp .fcol2 {letter-spacing:normal; vertical-align:top;}
.fcol1 h4, .fcol2 h4 {font-size:15px; margin:0 0 10px 0;}
.fcol1 p, .fcol2 p {margin:5px 0 0 0;}
.fcol1 p a, .fcol2 p a {color:#959595; text-decoration:none; font-size:13px;}
.fcol1 p a:hover, .fcol2 p a:hover {text-decoration:underline;}
#faddress {color:#c31209; font-size:17px;}

#ccw {background:#6bab19; height:60px; line-height:60px; width:100%; color:#225833;}
#ccw a {color:#225833;}
#ccw p {margin:0;}
.copy {font-size:13px; margin-left:2%;}
.copy, .counter {height:60px;}
.counter img {margin: 15px 0 0 0; opacity:0.8;}
.counter img:hover {opacity:1;}

#head {letter-spacing:-0.3em;}
#head * {letter-spacing:normal; vertical-align:middle;}
#hlogo {display:inline-block; height:120px; width:264px; margin:0 10px 0 0; background:url('/images/logo.jpg') no-repeat center;}

#langs {display:inline-block;}
#langs a {display:block; color:#666; padding:4px; margin:2px 0; border:2px solid transparent; font-family:'Trebuchet';}
#langs a.act {border:2px solid #6bab19;}

#slider-wrapp {padding:3px 0; border-bottom:3px solid #6bab19;}
#sliderbg {background:#f3f5e8;}

.content {text-align:justify;}
.content h1 {color:#c31209; font-size:23px; font-family:'Trebuchet'; font-weight:normal; margin:0 0 10px 0; text-align:left;}

.cntwrapp {letter-spacing:-0.3em; margin:15px auto;}

#leftcol ul {margin:0 0 10px 0; padding:0;}
#leftcol ul li {list-style:none;}
#leftcol ul li a {background:url('/images/icon-marker3.png') no-repeat 8px 11px #848484; display:block; color:#fff; margin:0 0 4px 0; padding:7px 14px 7px 20px; text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
#leftcol ul li a:hover, .sel {background-color:#6bab19 !important; -webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.3); box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.3); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}

/* index blocks */
#bwrapp {margin:20px 0; letter-spacing:-0.3em; text-align:left;}
.smBlock, .lgBlock {letter-spacing:normal; outline:5px solid #c8d629; vertical-align:top; background-color:#f3f5e8; background-position:100% 0; background-repeat:no-repeat; height:186px; position:relative; overflow:hidden;}
.lgBlock {width:auto; margin:17px 5px 0 5px; letter-spacing:-0.3em;}
.blContent {/*height:186px;*/ padding:5px 195px 5px 10px; text-align:left;}
.lgBlock h4, .smBlock h4 {font-size:23px; letter-spacing:normal; color:#6bab19; margin:5px 0 5px 10px; text-transform:uppercase; font-weight:normal; font-family:'Trebuchet';}
.blContent p, .lgBlock p {margin:0 0 2px 0;}
.blContent p a, .lgBlock p a {color:#595959; font-size:17px; background:url('/images/icon-marker2.png') no-repeat 0 6px; display:block; padding:0 0 0 12px;}
.bcoll {display:inline-block; letter-spacing:normal; width:49%; margin:0 1% 0 0; vertical-align:top;}

/* scrollblock script styles */
.scrollblock {padding-bottom:30px;}
.scrollblockWrapper {overflow:hidden; height:110px;}
.sbControlls {display:block; position:absolute; bottom:0px; right:195px; letter-spacing:-0.3em; line-height:20px;}
.sbBack, .sbForward {display:inline-block; width:30px; margin:0 2px; cursor:pointer; height:20px; letter-spacing:normal;}
.sbBack:hover, .sbForward:hover {background-color:#727272;}
.sbBack {background:url('/images/icon-arrow-l.png') no-repeat center #6bab19;}
.sbForward {background:url('/images/icon-arrow-r.png') no-repeat center #6bab19;}

#pwrapp, #photos {text-align:left; letter-spacing:-0.3em;}
.catwrapp {letter-spacing:normal; width:202px; margin:10px 18px 10px 0; outline:1px solid #6bab19; display:inline-block; vertical-align:top; text-align:center; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}
.catwrapp a {text-decoration:none; color:white; font-size:16px;}
.catwrapp span {display:block; background:#6bab19; padding:10px;}
.catwrapp:hover {outline-color:#666;}
.catwrapp:hover span {background:#666;}

.prodBlock {letter-spacing:normal; width:202px; margin:7px 18px 7px 0; display:inline-block; font-size:16px; vertical-align:top; text-align:center;}
.prodBlock img {border:1px solid #6bab19;}
.prodBlock span {display:block;}

#list {margin:20px 0 0 0;}

.navline {margin:-5px 0 10px 0; font-size:13px; color:#6bab19; text-align:left;}
.navline a {color:#000; background:url('/images/icon-marker2.png') no-repeat 100% 5px; display:inline-block; padding:0 12px 0 0;}

.pager {letter-spacing:normal; font-family:'Trebuchet'; margin:15px 0;}
.pager a {color:#575757; text-decoration:none; display:inline-block; padding:2px 6px;}
.pager a:hover {color:#acacac;}
.page-active {background:#ee6e73; color:#fff !important; -webkit-border-radius:2px; border-radius:2px;}

.pdTable {margin-top:20px; margin-bottom:20px; letter-spacing:normal; background:#f7f7f7; border-collapse:collapse; width:99%;}
.pdTable td {padding:4px 6px; border:2px solid #fff; color:#000; text-align:center;}
.pdHead {background:#c1c1c1; color:#fff !important; font-weight:bold;}

.art-wrapp {margin:10px 0; font-style:italic;}
.art-wrapp a {color:#6bab19; font-family:'Trebuchet'; font-size:17px; text-align:left; display:block;}
.art-wrapp p {margin:2px 0; color:#000;}
.date {font-weight:bold;}

#photos {margin:20px 0;}
.photo-wrapp, .portfolio-wrapp {letter-spacing:normal; display:inline-block; vertical-align:top; width:202px; position:relative; text-align:center; margin:10px 15px;}
.photo-wrapp .phname {display:none; color:#c31209; padding:15px 5px 0 5px;}
.portfolio-wrapp .phname {color:#c31209; margin:2px 0;}
.photo-wrapp img {border:1px solid #d9d9d9; padding:5px;}
.portfolio-wrapp .phinner-wrapp {display:inline-block; border:1px solid #808080; padding:2px;}
.dop img {border:1px solid #d9d9d9; padding:2px; vertical-align:top; margin:4px 0;}

.photo-wrapp:hover .phname {display:block;}
.photo-wrapp:hover .phinner-wrapp {position:absolute; top:-21px; left:-15px; z-index:10; width:202px; padding:20px; background:#fff; border:1px solid #6bab19; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4); box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);}
.photo-wrapp:hover img {border:none !important; padding:0;}

#mphoto {float:left; margin:0 7px 0 0; text-align:left;}
#gplus, #vk, #fb {width:33px; height:33px; display:inline-block; vertical-align:middle; margin:0 0 0 7px; opacity:0.8;}
#gplus:hover, #vk:hover, #fb:hover {opacity:1;}
#gplus {background:url('/images/social-gplus.png');}
#vk {background:url('/images/social-vk.png');}
#fb {background:url('/images/social-fb.png');}

#formWrapp {margin:20px 0; color:#6aab12; font-size:16px;}
#formWrapp p {color:#666; margin:0 0 10px 0;}
#formWrapp input {background:#e8e8e8; border:none; line-height:45px; height:45px; padding:0 15px; margin:4px 0; display:block; width:270px;}
#formWrapp button {background:#6aab12; line-height:45px; height:45px; padding:0 50px; border:none; cursor:pointer; color:#fff; font-weight:bold; font-size:16px; margin:10px 0 0 0;}
#formWrapp button:hover, .formWrapp button:focus {background:#656664;}
/* #textAfterForm {display:none;} */
.error {-webkit-box-shadow:inset 0 0 0 1px #ff0000; box-shadow:inset 0 0 0 1px #ff0000;}
.loading {background:url('/images/loading.svg') no-repeat; width:32px; height:32px; display:inline-block; margin:10px 50px;}

#orderCall {background:url('/images/icon-phone.png') no-repeat 24px 8px #656664; padding:0 30px 0 70px; font-size:18px; font-weight:bold; color:#fff; height:45px; line-height:45px; border:none; cursor:pointer;}
.orderCallUA {padding:0 17px 0 70px !important;}

#callbackWrapp {position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.4); text-align:center;}
#callbackForm {margin:10% auto 0 auto; background:#f9f9f9; padding:20px 40px 30px 40px; position:relative;}
#callbackForm p {text-align:left; font-size:18px; margin:0 0 10px 0; font-weight:bold; color:#000; text-transform:uppercase;}
#callbackForm input, #callbackForm button {line-height:30px; height:30px; padding:0 10px; border:1px solid silver; display:inline-block; vertical-align:middle;}
#callbackForm input {width:160px;}
#callbackForm button {cursor:pointer; background:#ddd;}
#callbackClose {background:url('/images/icon-close.png'); width:30px; height:30px; cursor:pointer; position:absolute; right:-10px; top:-10px;}

.facebook_logo {
  position: relative;
  display: table;
  margin: 0 auto;
}

#facebook {
  fill: none;
  padding: 4px;
  stroke: #006DF0;
  stroke-width: 4px;
	overflow: visible;
}

#facebook path {
	padding: 4px;
	display: table;
}

#facebook_rotated {
  position: absolute;
  padding: 4px;
  opacity: 0;
  transform: rotateY(180deg);
  top: 0;
  right: 0;
  stroke: #006DF0;
  fill: #006DF0;
	overflow: visible;
}