div {
 float: left; 
 position: relative; 
 height: auto;
}

.flw100 {
 width: 100%; 
}

.flw50 {
 width: 50%; 
}

.flw15 {
 width: 15%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


.flw33 {
 width: 33%; 
}

.flw66 {
 width: 66%; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw66, .flw33 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint, .curspoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

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

.font-bold { font-weight: bold; }

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

.text-left {
 text-align: left; 
}
/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.overauto { overflow: auto; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 10; 
 background: white; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 11;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot60 { padding-bottom: 60px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 margin-bottom: 3px; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
}


/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }
body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
}

a, a:visited, a:active {
 text-decoration: none; 
 color: rgb(119,158,6);
}

a:hover { color: rgb(251,120,8); }

.mainFont { font-family: arial; font-size: 14px; color: rgb(51,51,51);  }
@media screen and (max-width: 600px) { .mainFont { font-size: 12px; } }

.fullW, .fullw {
 width: 1110px; 
 left: 50%; 
 margin-left: -555px; 
}

@media screen and (max-width: 1110px) {
	.fullW, .fullw{ 
	 width: 99%; 
	 left: 0px; 
	 margin-left: 0px; 
	 padding-left: 0.5%; 
	 padding-right: 0.5%; 
	}
}

header {
 width: 100%; 
 height: auto; 
 float: left; 
 position: relative; 
}

nav { width: auto; height: auto; float: left; position: relative; }

.upcase {
 text-transform: uppercase; 
}

.click2home {
 margin-top: 33px; 
 width: 232px; 
 height: 52px; 
}

.click2home  img { width: 100%; height: auto; }

.langAndontacts {
 float: right; 
 margin-top: 30px; 
 max-width: 700px; 
 text-align: right; 
 font: normal 14px arial; 
 color: rgb(102,102,102);
}

.langIn { font: normal 14px arial;  color: rgb(119,158,6); display: inline-block; padding-left: 7px; padding-right: 7px; }
.langLink { font: normal 14px arial; color: rgb(102,102,102); display: inline-block; padding-left: 7px; padding-right: 7px; }

.langSep { font: normal 14px arial;  color: rgb(102,102,102); display: inline-block; }

.langAndontacts  p { margin-top: 0px; padding: 0px; margin-bottom: 20px; }

.headPhone {
 display: inline-block; 
 margin-left: 14px; 
 color: rgb(251,120,8); 
 font: bold 20px arial;  
 background: url('img/phone.png') no-repeat center left; 
 height: 24px; padding-top: 2px; padding-left: 20px;  
}
.headPhoneWhich { display: inline-block; font-size: 12px; margin-left: 35px; }

.trigPhones { display: none; }

@media screen and (max-width: 935px) { 
 .langAndontacts { max-width: calc(100%-232px); } 
 .headPhone { margin-left: 2px; font: bold 14px arial;  }
 .headPhoneWhich { margin-left: 5px; }
}

.telRpt, .telRptOn { display: none; width: 100%;   -webkit-transition:  0.2s; /* Safari */ transition: 0.2s; }

@media screen and (max-width: 759px) { 
 .telRptOn { display: inline; font-family: arial; font-size: 14px; padding-top: 5px; padding-bottom: 3px; }
 .telRptOn .headPhone { width: 100%; margin-top: 4px; }

 .topQphones { display: none; }
 .trigPhones { 
  display: inline-block; 
  background: url('img/phone.png') no-repeat center center; 
  width: 30px; 
  height: 30px; 
  border: 1px solid rgb(251,120,8); 
 }
 .click2home { margin-top: 5px; }
 .langAndontacts { margin-top: 2px; }
 .langAndontacts  p { margin-top: 0px; padding: 0px; margin-bottom: 10px; }
}


@media screen and (max-width: 400px) { 
  .click2home { height: 26px; width: 116px; }
}

.buttonIn { padding-left: 20px; padding-right: 20px; padding-bottom: 11px; border-bottom: 8px solid rgb(119,158,6); 
 font: normal 14px arial; color: rgb(102,102,102); 
}

.buttonLink { 
 padding-left: 20px; padding-right: 20px; padding-bottom: 11px; font: normal 14px arial; color: rgb(102,102,102); 
 border-bottom: 8px solid rgba(255,255,255,0); 
}
.buttonLink:hover { padding-bottom: 11px; border-bottom: 8px solid rgb(251,120,8);  }

.buttonLink a, .buttonLink a:visited, .buttonLink a:active { color: rgb(102,102,102); }

.mainMenu, .mainMenuOn { 
 width: 100%; 
 margin-top: 15px; 
}

.gardenCenterLink, a.gardenCenterLink, a.gardenCenterLink:visited { color: rgb(119,158,6); font-weight: bold;  }

.menuSep { position: absolute; left: 100%; 
top: 50%; height: 16px; margin-top: -16px; width: 1px; background: rgb(102,102,102); }

.trigMenu { display: none; }

.subMenuOn {
 position: absolute; 
 top: 33px; 
 left: 0px; 
 background: rgb(229,229,229); 
 padding: 15px; 
 z-index: 2; 
 min-width: 160px; 
}

.subMenuOn a { display: inline-block; width: 100%; padding: 5px 3px 5px 3px; }
.subMenuOn a:hover { color: rgb(119,158,6); }

.neverOn { display: none; }

@media screen and (max-width: 1110px) { 
  .menuSep { display: none; }
  .mainMenu { display: none; }
  .trigMenu { 
   display: inline; 
   width: 100%; 
   color: white;
   border-left: 5px solid rgb(119,158,6); 
   background: rgb(119,158,6) url('img/3-lines.gif') no-repeat center left; 
   height: 36px; 
   padding-left: 36px; 
   margin-top: 6px;
   padding-top: 8px;    
   margin-bottom: 3px; 
   border-radius: 5px; 
   font: bold 16px arial; 
   color: white; 
  }
  .mainMenuOn .buttonIn, .mainMenuOn .buttonLink {  
   width: 100%; 
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
	padding-bottom: 5px; 	
	padding-top: 5px; 
  }
  
  .mainMenuOn .buttonIn .noDisplay, .mainMenuOn .buttonIn .subMenuOn, 
  .mainMenuOn .buttonLink .noDisplay, .mainMenuOn .buttonLink .subMenuOn  {
   display: inline; 
   margin-top: 3px; 
   float: left; 
   position: relative; 
   width: 100%; 
   top: 0px; 
   left: 0px; 
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
   background: rgb(229,229,229); 
   padding: 15px; 		  
  }
  .mainMenuOn .noDisplay a { display: inline-block; width: 100%; padding: 5px 3px 5px 3px; }
  .mainMenuOn .noDisplay a:hover { color: rgb(119,158,6); }
  
  .buttonIn .flwA, .buttonLink .flwA { width: 100%; }
  
  .mainMenuOn .buttonIn { border-bottom: 2px solid rgb(119,158,6); }
  .mainMenuOn .buttonLink { border-bottom: 1px solid rgb(102,102,102); }
  .mainMenuOn .buttonLink:hover { padding-bottom: 5px;  border-bottom: 1px solid rgb(251,120,8); }
}

.homeFrames { width: 100%; height: 430px; overflow: hidden; background: rgb(119,158,6);  }
.centerBanner { width: 100%; height: 334px; overflow: hidden; background: rgb(119,158,6); }
.portfolioFrame { width: 100%; height: 140px; overflow: hidden; background: rgb(119,158,6); }

.horeSep10, .horSep10 { width: 100%; height: 10px; font-size: 1px; }

.centerFrame {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -585px; 
 height: 334px; 
 width: 1170px; 
}

.homeFrame {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -585px; 
 height: 430px; 
 width: 1170px; 
}

.portfolioFrame .homeFrame { height: 140px; }

.homeFrame img, .centerFrame img { width: 100%; height: 100%; }

.homeFrameSign {
 position: absolute; 
 width: 66%; 
 left: 17%; 
 top: 50%; 
 text-align: center; 
 color: white; 
 font: normal 48px arial; 
}

.portfolioFrame .homeFrameSign { top: 30%; }

.homeFrameDots  {
 width: 100%; 
 height: 18px; 
 top: 100%; 
 margin-top: -30px; 
 text-align: center; 
}

.tireOn {
 display: inline-block; 
 width: 66px; 
 height: 10px; 
 background: rgb(119,158,6);
 margin-left: 4px; 
 margin-right: 4px;
 -webkit-transition:  0.2s; /* Safari */ 
 transition: 0.2s;  
}

.tireOff {
 display: inline-block; 
 cursor: pointer; 
 width: 66px; 
 height: 10px; 
 background: white;
 margin-left: 4px; 
 margin-right: 4px; 
 -webkit-transition:  0.2s; /* Safari */ 
 transition: 0.2s; 
}
.isWhite .tireOff { background: rgb(229,229,229); }
.tireOff:hover, .isWhite .tireOff:hover { background: rgb(251,120,8); }

@media screen and (max-width: 770px) { 
 .homeFrames, .homeFrame { height: 301px; }
 .centerFrame, .centerBanner { height: 243px; }
 .homeFrame, .centerFrame { width: 819px; margin-left: -410px; } 
 .homeFrameSign { font-size: 36px; }
}

@media screen and (max-width: 540px) { 
 .homeFrames, .homeFrame { height: 215px; }
 .centerFrame, .centerBanner { height: 167px; }
 .homeFrame, .centerFrame { width: 585px; margin-left: -292px; } 
 .homeFrameSign { font-size: 24px; top: 45%;  }
 .tireOn, .tireOff { width: 40px; }
}

@media screen and (max-width: 390px) { 
 .homeFrames, .homeFrame { height: 150px; }
 .centerFrame, .centerBanner { height: 116px; }
 .homeFrame, .centerFrame { width: 409px; margin-left: -205px; } 
 .homeFrameSign { font-size: 18px; top: 45%;  }
}

.greyBack { 
 width: 100%; 
 background: rgb(242,242,242) url('img/grey-back-top.jpg') repeat-x top left; 
 padding-top: 30px; 
 padding-bottom: 20px;  
 border-bottom: 2px solid white; 
}

.greenH { 
 color: rgb(119,158,6); 
 font: normal 28px arial; 
 padding-top: 0px; 
 text-align: center; 
 padding-bottom: 5px; 
 margin: 0px; 
} 

.deepH  { 
 color: rgb(51,51,51); 
 font: normal 28px arial; 
 padding-top: 0px; 
 text-align: center; 
 padding-bottom: 5px; 
 margin: 0px; 
} 

.greenHbig { 
 color: rgb(119,158,6); 
 font: normal 36px arial; 
 padding-top: 0px; 
 text-align: center; 
 padding-bottom: 5px; 
 margin: 0px; 
} 

.tireSep {
 width: 66px; 
 height: 4px; 
 font-size: 1px; 
 background: rgb(119,158,6); 
 display: inline-block; 
 margin-bottom: 33px; 
}
.tireSepPad {
 width: 66px; 
 height: 4px; 
 font-size: 1px; 
 background: rgb(119,158,6); 
 display: inline-block; 
 margin-bottom: 10px; 
}
.tireSepPad51 {
 width: 66px; 
 height: 4px; 
 font-size: 1px; 
 background: rgb(51,51,51); 
 display: inline-block; 
 margin-bottom: 10px; 
}
@media screen and (max-width: 540px) { .tireSep, .tireSepPad, .tireSepPad51 { width: 40px; } }

.activitiesBelftContainer {
 width: 1060px; 
 left: 50%; 
 margin-left: -515px; 
 height: 330px; 
 overflow: hidden; 
 margin-bottom: 30px; 
}

.activitiesBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 height: 330px; 
 width: 5600px; 
} 

.activityCell { width: 470px; height: 330px; overflow: hidden; margin-right: 60px; }
.activityCell img { width: 100%; height: 100%; }
.activityCell:hover img { width: 101%; height: 101%; }

.activLinkOdd, .activLinkEven {
 position: absolute; 
 top: 36%; 
 left: 12%; 
 width: 76%; 
 padding: 30px 15px 15px 15px; 
 text-align: center; 
 color: white; 
 font: normal 12px arial; 
}
.activLinkOdd { background: rgb(119,158,6); }
.activLinkEven { background: rgb(251,120,8); }

.activLinkOdd a, .activLinkOdd a:visited, .activLinkOdd a:active, 
.activLinkEven a, .activLinkEven a:visited, .activLinkEven a:active { 
 color: white; 
}

.activLinkOdd strong, .activLinkEven strong { font: bold 24px arial; } 

@media screen and (max-width: 1060px) { 
 .activitiesBelftContainer { width: 980px; margin-left: -490px; } 
 .activityCell { margin-right: 20px; } 
}
@media screen and (max-width: 979px) { 
 .activitiesBelftContainer { width: 792px; height: 264px; margin-left: -396px;  } 
 .activitiesBelt { height: 264px; } 
 .activityCell { margin-right: 20px; width: 376px; height: 264px;  } 
}
@media screen and (max-width: 791px) { 
 .activitiesBelftContainer { width: 596px; height: 198px; margin-left: -298px;  margin-bottom: 20px; } 
 .activitiesBelt { height: 198px; } 
 .activityCell { margin-right: 16px; width: 282px; height: 198px;  } 
 .activLinkOdd, .activLinkEven { padding: 10px 7px 7px 7px; }
 .activLinkOdd strong, .activLinkEven strong { font: bold 18px arial; } 
}

@media screen and (max-width: 595px) { 
 .activitiesBelftContainer { width: 280px; height: 198px; margin-left: -140px; margin-bottom: 10px;   } 
 .activitiesBelt { height: 198px; } 
 .activityCell { margin-right: 0px; width: 280px; height: 198px;  } 
 .activLinkOdd, .activLinkEven { padding: 7px 5px 5px 5px; }
 .activLinkOdd strong, .activLinkEven strong { font: bold 16px arial; } 
}

.homeTufs {
 width: 100%; 
 background: white url('img/home-tufs.jpg') no-repeat center center; 
 min-height: 260px; 
 font-family: arial; 
 font-size: 14px; 
 color: rgb(51,51,51); 
 margin-top: 30px; 
 margin-bottom: 30px; 
}

.betweenTufs { width: 620px; left: 50%; margin-left: -310px; }

@media screen and (max-width: 620px) { 
 .homeTufs { margin-top: 10px; margin-bottom: 10px;  }
 .betweenTufs { width: 98%; left: 0px; margin-left: 1%; }
 }

.HRshadow {
 width: 100%; 
 height: 20px; 
 background: url('img/shad-on-white.jpg') repeat-x top left; 
}

.bigLink { font-size: 18px; }
.greenLink, a.greenLink:visited {
 display: inline-block; 
 padding: 12px; 
 min-width: 155px; 
 background: rgb(119,158,6); 
 color: white; 
 font: normal 18px arial; 
}

.greenLinkLight, a.greenLinkLight:visited {
 display: inline-block; 
 padding: 12px; 
 min-width: 155px; 
 background: rgb(152,193,21); 
 color: white; 
 font: normal 18px arial; 
}

a.greenLink:active, a.greenLink:hover, a.greenLinkLight:active, a.greenLinkLight:hover { color: white; background: rgb(251,120,8); }

@media screen and (max-width: 600px) { .greenLink, .greenLinkLight { padding: 4px; min-width: 0px; } }

.centerBannerTxt {
 position: absolute; 
 top: 27%; 
 width: 100%; 
 text-align: center; 
 font: bold 18px arial; 
 color: white; 
}

.centerBannerTxt strong {
 font: normal 46px arial; 
 color: rgb(119,158,6); 
 display: inline-block; 
 padding-top: 5px; 
 padding-bottom: 10px; 
}


.footGrey { 
 width: 100%; 
 background: rgb(229,229,229) url('img/shad-foot.jpg') repeat-x top left; 
 padding-top: 50px; 
 padding-bottom: 40px; 
 min-height: 50px; 
}

.credits { 
 width: 100%; 
 padding-top: 16px;
 padding-bottom: 14px;
 background: rgb(116,144,33) url('img/shad-credits.jpg') repeat-x top left; 
 text-align: center; 
 font: normal 12px arial; 
 color: rgb(204,204,204); 
}
.credits a, .credits a:visited, .credits a:active { color: rgb(204,204,204); }
.credits a:hover { color: white; }

@media screen and (max-width: 770px) { 
 .centerBannerTxt { font-size: 16px; top: 20%; }
 .centerBannerTxt strong { font-size: 24px; }
}

@media screen and (max-width: 540px) { 
 .centerBannerTxt { font-size: 14px; top: 20px; }
 .centerBannerTxt strong { font-size: 18px; padding-bottom: 5px; }
}
@media screen and (max-width: 390px) { 
 .centerBannerTxt { font-size: 12px; top: 10px; }
}

.footCol1 {
 width: 30%; 
 padding-right: 10px; 
 font: bold 13px arial; 
 color: rgb(119,158,6);
}

.footCol1 a, .footCol1 a:visited, .footCol1 a:active { color: rgb(51,51,51); }
.footCol1 a:hover { color: rgb(119,158,6); }

.footColCont {
 width: 27%; 
 padding-right: 10px; 
 font: normal 13px arial; 
 color: rgb(51,51,51);
}

.footPhone { display: inline-block; font-weight: bold; background: url('img/foot-phone.png') no-repeat center left; padding-left: 30px; min-height: 33px; margin-top: 2px; padding-top: 7px; }

.footSocial { width: 16%; text-align: right; font: bold 13px arial; 
 color: rgb(51,51,51); }

.footSocial img { vertical-align: top; margin-bottom: 5px; }

@media screen and (max-width: 600px) {  
 .footCol1, .footColCont, .footSocial { width: 80%; padding-bottom: 10px; padding-left: 15%; text-align: left; }
}

.frameShadowLeft {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 64px; 
 height: 100%; 
 border-left: 20px solid rgb(119,158,6);
}

.frameShadowRight {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 64px; 
 height: 100%; 
 margin-left: -84px; 
 border-right: 20px solid rgb(119,158,6);
}

@media screen and (max-width: 540px) { 
 .frameShadowLeft { border-left: 0px; }
 .frameShadowRight { border-right: 0px; margin-left: -64px; }
}

.aboutUsLeft { 
 width: 226px; 
 background: url('img/about-us-left.jpg') no-repeat top left;  
 background-size: 100% auto;
 position: absolute; 
 top: 0px; 
 left: 0px; 
 height: 100%; 
}
.aboutUsRight { 
	width: 277px; 
	background: url('img/about-us-right.jpg') no-repeat bottom right; 
	background-size: 100% auto;
	position: absolute; 
	top: 0px; 
	height: 100%; 
	margin-left: -277px; 
	left: 100%; 
	}
.aboutUsTxt {
 width: 575px; 
 margin-left: 226px; 
 padding-left: 10px; 
 padding-right: 10px; 
 min-height: 360px; 
}

.interiorLeft {
 width: 364px; 
 background: url('img/interior-LR.jpg') no-repeat bottom center;  
 background-size: 100% auto;
 position: absolute; 
 top: 0px; 
 left: 0px; 
 height: 100%; 
}
.interiorRight {
 width: 364px; 
 background: url('img/interior-LR.jpg') no-repeat bottom center;  
 background-size: 100% auto;
 position: absolute; 
 top: 0px; 
 left: 100%; 
 height: 100%; 
 margin-left: -364px; 
}
.interiorTxt {
 width: 380px; 
 margin-left: 375px; 
 padding-left: 10px; 
 padding-right: 10px; 
 min-height: 310px; 
 padding-top: 80px; 
 font: normal 18px arial; 
 color: rgb(119,158,6);
 padding-bottom: 10px; 
}

.contInPortfolio {
 font: normal 18px arial; 
 color: rgb(119,158,6);
 padding-left: 25%; 
 text-align: center; 
 padding-right: 25%; 
}

	
@media screen and (max-width: 1110px) { 
  .aboutUsTxt { width: 55%; margin-left: 20%; min-height: 0px;  }
  .aboutUsLeft  { width: 20%; min-height: 100%; left: 0px; position: absolute; top: 0px; height: 100%; }
  .aboutUsRight { width: 25%; min-height: 100%; left: 75%; position: absolute; top: 0px; height: 100%; margin-left: 0px;  }  
  
  .interiorLeft { width: 35%; min-height: 100%; left: 0px; position: absolute; top: 0px; height: 100%; }
  .interiorRight { width: 35%; min-height: 100%; left: 65%; position: absolute; top: 0px; height: 100%; margin-left: 0px;  }  
  .interiorTxt { width: 30%; margin-left: 35%; min-height: 0px; padding-top: 10px; }
}

.greenLineCont { width: 100%; min-height: 430px; background: rgb(119,158,6);  }

.greyLineCont { width: 100%; min-height: 430px; background: rgb(240,240,240);  }
.greyLineCont .frameShadowRight { border-right: 20px solid rgb(240,240,240); }
.greyLineCont .frameShadowLeft { border-left: 20px solid rgb(240,240,240); }

.orangeLineCont { width: 100%; min-height: 430px; background: rgb(246,221,125);  }
.orangeLineCont .frameShadowRight { border-right: 20px solid rgb(246,221,125); }
.orangeLineCont .frameShadowLeft { border-left: 20px solid rgb(246,221,125); }

.deepgreenLineCont { width: 100%; min-height: 430px; background: rgb(63,132,1); color: white;  }
.deepgreenLineCont .mainFont { color: white; }
.deepgreenLineCont .frameShadowRight { border-right: 20px solid rgb(63,132,1); }
.deepgreenLineCont .frameShadowLeft { border-left: 20px solid rgb(63,132,1); }


.linePicLeft { 
 max-width: 650px; 
 height: auto; 
}
.linePicLeft img { width: 100%; height: auto; }

.lineTxtRight { width: 41%; padding-top: 55px; padding-bottom: 10px; }

@media screen and (max-width: 1110px) { 
 .linePicLeft { width: 58%; max-width: 58%; }
}

@media screen and (max-width: 650px) { 
 .linePicLeft { width: 100%; max-width: 100%; min-width: 100%; }
 .lineTxtRight  { width: 100%; padding-top: 10px; }
  
}

.greenLineCont .greenH { color: white; }
.greenLineCont .tireSepPad, .greenLineCont .tireSep, .deepgreenLineCont .tireSep, .deepgreenLineCont .tireSepPad { background: white; }  
.deepgreenLineCont .greenH { color: white; }
.orangeLineCont .greenH { color: rgb(51,51,51); }
.orangeLineCont .tireSepPad, .orangeLineCont .tireSep { background: rgb(51,51,51); }

.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }

.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padBot50 { padding-bottom: 50px; }
.margTop30 { margin-top: 30px; }

.clientsBeltContainer {
 width: 100%; 
 height: 115px; 
 margin-bottom: 15px; 
 margin-top: 15px; 
 overflow: hidden; 
}
.clientsBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 height: 115px; 
 width: 9990px;
}

.clientCell { width: auto; height: 115px; margin-right: 20px; }
.colorImg { display: none; position: absolute; top: 0px; left: 0px;  -webkit-transition:  0.5s; /* Safari */ transition: 0.5s;  }
.clientCell:hover .colorImg { display: inline; z-index: 2;  -webkit-transition:  0.5s; /* Safari */ transition: 0.5s;  }

.text76prc {
 width: 76%; 
 margin-left: 12%; 
}

.buttonTufas {
 min-height: 85px;
 background: url('img/buttonTufas.jpg') no-repeat center center; 
}

.formLeft {
 width: 47%; 
 font: normal 13px arial; 
 color: rgb(127,127,127); 
}
.formLeft .flw100 .flwA { width: 100%; }
.formLeft input { 
 width: 87%; border: 1px solid rgb(119,158,6); margin-top: 10px; margin-bottom: 25px; height: 45px; 
 padding-left: 3%; 
}

.formRight {
 width: 52%; 
 float: right; 
 font: normal 13px arial; 
 color: rgb(127,127,127); 
}

.formRight input { 
 width: 96%; border: 1px solid rgb(119,158,6); margin-top: 10px; margin-bottom: 25px; height: 45px; 
 padding-left: 3%; 
}

.formRight textarea { 
 width: 99%; border: 1px solid rgb(119,158,6); margin-top: 10px; margin-bottom: 25px; height: 343px; 
}

.formSecure {
 width: 90%; 
 padding-right: 10%; 
 text-align: right; 
}
.formSecure input { width: 29%; border: 1px solid rgb(119,158,6); margin-top: 10px; margin-bottom: 25px; height: 45px; 
 padding-left: 1%; 
 }
.formSecure img { vertical-align: middle; }

.formAlerts { width: 100%; font: bold 14px arial; color: red; margin-top: 10px; margin-bottom: 10px; text-align: center; }

.formSubmit {
 min-height: 168px; 
 width: 100%; 
 text-align: center; 
 background: url('img/tufas-submit.jpg') no-repeat center right;
}

.formSubmit input {
 padding: 12px; 
 min-width: 155px; 
 background: rgb(119,158,6); 
 border: 1px solid white; 
 color: white; 
 font: normal 18px arial; 
 cursor: pointer; 
 margin-top: 40px; 
}
.formSubmit input:hover{ color: white; background: rgb(251,120,8); }

@media screen and (max-width: 600px) { 
.formLeft { width: 99%;}
.formRight { width: 89%; float: left; }
.formSubmit { width: 90%; }
}

.haveQuestion {
 color: rgb(119,158,6); font-weight: bold; font-family: arial; font-size: 16px; 
}

.tufas3 { 
 height: 120px; 
 background: url('img/tufas-3-sep.jpg') no-repeat top center;
 width: 100%; 
}

.landshaftTxt { 
 width: 58%; 
 padding-left: 21%; 
 padding-right: 21%; 
 background: url('img/tufas-landshaft-top.jpg') no-repeat top right;  
 background-size: 20% auto; 
}
@media screen and (max-width: 400px) { 
 .landshaftTxt { 
  width: 78%; 
  padding-left: 11%; 
  padding-right: 11%;  
  background: url('img/tufas-landshaft-top.jpg') no-repeat top right;  
  background-size: 10% auto; 
 }
}

.flw90 {
 width: 90%; 
 padding-left: 5%; 
 padding-right: 5%; 
}

.ladshLinkPortolio {
 width: 100%; 
 text-align: center; 
 min-height: 144px; 
 background: url('img/tufas-landshaft.jpg') no-repeat center center; 
}

.plantTypeLeft, .plantTypeRight { width: 545px; }
.plantTypeRight { float: right; }

@media screen and (max-width: 1110px) { .plantTypeLeft, .plantTypeRight { width: 49%; } }

.plantTypeLeft img, .plantTypeRight img { width: 100%; height: auto; margin-bottom: 10px; }
.plantTypeText { width: 80%; padding-left: 10%; padding-right: 10%; }
.plantTypeText h1, .plantTypeText h2, .plantTypeText h3, .plantTypeText h4, .plantTypeText h5 {
 font: bold 18px arial; 
 color: rgb(119,158,6); 
 margin-bottom: 12px; 
 padding: 0px; 
 display: inline-block; 
 text-align: center; 
 width: 100%; 
}
@media screen and (max-width: 800px) { .plantTypeLeft img, .plantTypeRight img { width: 100%; height: auto; margin-bottom: 5px; } }
@media screen and (max-width: 550px) { .plantTypeLeft, .plantTypeRight { width: 100%; float: left; margin-bottom: 10px; } }

.subPageOn { display: inline-bock; padding: 5px; background: rgb(229,229,229); color: rgb(153,153,153); font-weight: bold; }
.subPageOff { display: inline-bock; padding: 5px; background: white; color: rgb(153,153,153); cursor: pointer; font-weight: bold; }
.subPageOff:hover { color: white; background: rgb(119,158,6); }

.centerBannerTxt strong.beWhite { color: white; }

.officePlace {
 width: 32%; 
 margin-right: 1.3%; 
 height: auto; 
 min-height: 50px; 
 font-family: arial; font-size: 13px; color: rgb(51,51,51); 
 margin-bottom: 20px; 
}

.officeImg {
 width: 100%; 
 height: 240px; 
 margin-bottom: 20px; 
 background: rgb(178,178,178); 
}
@media screen and (max-width: 640px) { .officePlace { width: 48%; margin-right: 2%; margin-bottom: 30px;  } }
@media screen and (max-width: 400px) { .officePlace { width: 98%; margin-right: 2%; } }

.officePlace h3 {
 font: normal 18px arial; 
 padding: 0px; 
 margin-top: 0px;
 margin-bottom: 10px; 
}
.officePlace p { padding-bottom: 10px; margin: 0px; }

.phoneIcon { width: 100%; padding-left: 45px; min-height: 25px; background: url('img/phone-icon-cont.jpg') no-repeat center left; margin-bottom: 5px;  }
.mailIcon { width: 100%; padding-left: 45px; min-height: 25px; background: url('img/mail-icon-cont.jpg') no-repeat center left; margin-bottom: 5px; }

.portfolioWhat {
 display: inline-block; 
 position: relative; 
 width: 470px; 
 max-width: 470px; 
 height: 400px; 
 overflow: hidden; 	
 margin-right: 20px; 
 margin-left: 20px; 
 padding-bottom: 20px; 
 text-align: center; 
 cursor: pointer; 
}

.portfolioWhat img {
 width: 100%; 
 height: auto; 
 max-height: 330px; 
 min-height: 330px; 
 margin-bottom: 10px; 
 -webkit-transition:  0.2s; /* Safari */ 
 transition: 0.2s; 
}

.portfolioWhat:hover {  color: rgb(119,158,6); }
.portfolioWhat:hover img { width: 100.5%; }

@media screen and (max-width: 510px) { .portfolioWhat { margin-left: 0px; margin-right: 0px; }} 
@media screen and (max-width: 470px) { 
 .portfolioWhat { width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-right: 0px; }
 .portfolioWhat img { width: 100%; height: auto; max-height: auto; min-height: 0px; }
}

.portfolioObject {
 width: 100%; 
 margin-top: -100px; 
}

.objTitle {
 width: 100%; 
 background: rgba(131,167,27,0.6);
 padding-top: 30px; 
 padding-bottom: 20px; 
 color: white; 
 min-height: 100px; 
 font: normal 14px arial; 
}
.objTitle strong { font-size: 24px;  }

.portfolioMain {
 width: 100%; 
 background: rgb(131,167,27);
 padding-top: 20px; 
 padding-bottom: 30px; 
}

.bigPicObj {
 width: 780px; 
 height: 545px; 
 text-align: center; 
 background: rgb(119,158,6);
}
.bigPicObj img {
 max-height: 100%; 
 max-width: 100%; 
 width: auto; 
 height: auto; 
}

.objInfo {
 background: white; 
 padding: 50px 25px; 
 position: absolute; 
 width: 330px; 
 height: 545px; 
 left: 100%; 
 margin-left: -330px; 
 font: normal 13px arial; 
 color: black; 
}

@media screen and (max-width: 1110px) { .objInfo { background: rgba(255,255,255,0.8); } }
@media screen and (max-width: 800px) { 
 .objInfo { background: rgba(255,255,255,1); float: left; position: relative; left: 0px; margin-left: 0px; width: 100%; height: auto; 
 padding: 15px 10px; 
 } 
}
@media screen and (max-width: 780px) { 
 .bigPicObj { width: 100%; height: auto; }
}

.gallBeltContainer { width: 980px; margin-left: 65px; overflow: hidden;  }
.gallBeltContainer, .gallBelt { height: 90px; }
.gallBelt { width: 10000px; }
.gallBelt img { margin-right: 10px; }

.mapPlace {
 width: 100%; 
 height: 430px; 
}
@media screen and (max-width: 500px) { .mapPlace { height: 360px; } }
@media screen and (max-width: 380px) { .mapPlace { height: 240px; } }

.arrBeltL {
 position: absolute; 
 top: 50%; 
 left: 0px; 
 width: 38px; 
 height: 68px; 
 margin-top: -34px; 
 background: url('img/arrL.jpg') no-repeat center left;
}

.arrBeltR {
 position: absolute; 
 top: 50%; 
 left: 100%; 
 margin-left: -38px; 
 width: 38px; 
 height: 68px; 
 margin-top: -34px; 
 background: url('img/arrR.jpg') no-repeat center right;
}

@media screen and (max-width: 1100px) { 
	.gallBeltContainer { width: 840px; margin-left: -420px; left: 50%;  }
	.arrBeltL { width: 25px; height: 40px; margin-top: -20px; }
	.arrBeltR { width: 25px; height: 40px; margin-top: -20px; margin-left: -20px; }
}
@media screen and (max-width: 900px) { .gallBeltContainer { width: 700px; margin-left: -350px; left: 50%;  } }
@media screen and (max-width: 980px) { .gallBeltContainer { width: 560px; margin-left: -280px; left: 50%;  } }
@media screen and (max-width: 620px) { .gallBeltContainer { width: 420px; margin-left: -210px; left: 50%;  } }
@media screen and (max-width: 480px) { .gallBeltContainer { width: 290px; margin-left: -145px; left: 50%;  } }
@media screen and (max-width: 350px) { .gallBeltContainer { width: 150px; margin-left: -75px; left: 50%;  } }

.closeObj {
 position: absolute; 
 top:  10px; 
 left: 100%; 
 margin-left: -100px; 
 width: 100px; 
 text-align: right; 
 font: bold 14px arial; 
 color: white; 
 background: url('img/close.gif') no-repeat center right; 
 padding-right: 30px; 
 padding-top: 3px; 
 min-height: 22px; 
}
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(79,191,237);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(79,191,237);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(79,191,237); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}
div {
 float: left; 
 position: relative;
}

.realContText p, .realContText td {
 font-family: arial; font-size: 14px; color: rgb(51,51,51); 
}

a, a:visited,  a:active {
 text-decoration: none; 
  color: rgb(119,158,6);
 border: 0px; 
}

a:hover {
 text-decoration: none; 
 color: rgb(251,120,8); 
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 margin-top: 0px; 
 margin-bottom: 14px; 
}

.realContText h1, .realContText td h1 {
 color: rgb(85,178,227); 
 font: bold 18px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h2, .realContText td h2 {
 color: rgb(85,178,227); 
 font: bold 16px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h3, .realContText td h3 {
 color: rgb(85,178,227); 
 font: bold 18px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h4, .realContText td h4 {
 font: normal 13px arial; 
 margin-bottom: 0px;
 color: rgb(153,176,36); 
}

.realContText h5, .realContText td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
}


.realContText h6, .realContText td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

.realContText ul {
 margin-left: 5px; 
}

.realContText li {
 font: normal 13px arial;
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}