body {background-color: #000000; margin: 0; padding: 0; font-family: 'Khand';}

ul {margin: 0; padding: 0;}

.clearence {clear: both; padding: 0; margin: 0; height: 0px;}

.paddingR-25 {padding-right: 25px;}
.paddingR-30 {padding-right: 30px;}

.marginT-25 {margin-top: 25px;}

.textBold {font-weight: bold;}

.greenText {color: #007a2f;}

.fontSize14 {font-size: 14px;}

.displayNone {display: none;}
.displayBlock {display: block;}

A {text-decoration: underline; color: #003366;}
A:HOVER {text-decoration: none;}

h1 { font-family: 'Khand', Arial, serif; font-weight: 400; font-size: 60px; color: #007a2f; }

#topGreenLine {width: 100%; height: 10px; display: block; background: url('/layout/topGreenLine.jpg');}

#headerContainer {width: 100%; height: 44px; margin-top: 44px; background: none;}
#headerContainer .header {width: 1160px; height: 44px; margin: 0 auto; background: url('/layout/headerBg.png'); background-position: bottom; position: relative;}
#headerContainer .header .logoCycle {float: left; padding: 0 0 0 50px; width: 46px; height: 44px; display: block; position: relative;}
#headerContainer .header .logoCycle IMG {display: block; position: absolute; top: -100px; left: 50px;}
#headerContainer .header .logoText {float: left; margin: 1px 0 0 20px; display: block; position: relative;}
#headerContainer .header .logoText IMG {display: block; position: absolute; top: -100px; left: 0;}
#headerContainer .header .topMenu {float: right;}
#headerContainer .header .topMenu .on {font-weight: bold; color: #d3d4d3;}
#headerContainer .header .topMenu UL {float: left; list-style-type: none; font-size: 37px; color: #949696;}
#headerContainer .header .topMenu UL LI {float: left; padding: 0 0 0 16px;}
#headerContainer .header .topMenu UL LI A {color: #949696; text-decoration: none;}
#headerContainer .header .topMenu UL LI A:HOVER {color: #d3d4d3; font-weight: bold;}

#headerContainer .header .pro-zakazniky {position: absolute; bottom: -27px; right: 0; z-index: 10000;}
#headerContainer .header .pro-zakazniky A {width: 162px; height: 23px; display: block; background: url('/layout/pro-zakazniky-off.png');}
#headerContainer .header .pro-zakazniky A:HOVER {background: url('/layout/pro-zakazniky-on.png');}


#aboutUsContainer {width: 100%; height: 1011px; background: none;}
#aboutUsContainer .aboutUs {width: 1160px; height: 1011px; display: block; margin: 0 auto; background: url('/layout/aboutUsBg.jpg'); position: relative;}

#aboutUsContainer .aboutUs .textBox {width: 509px; height: auto; position: absolute; margin: 0 50px 50px 0; right: 0; bottom: 0; background: url('/layout/blackTransparency66.png');}
#aboutUsContainer .aboutUs .textBox .text {width: 449px; height: auto; padding: 21px 30px; font-size: 20px; font-weight: medium; color: #e2e4e2; position: relative;}
#aboutUsContainer .aboutUs .textBox .text .leftTopCorner {position: absolute; left: 0; top: 0; width: 30px; height: 30px; display: block; border-left: 3px solid #007a2f; border-top: 3px solid #007a2f;}
#aboutUsContainer .aboutUs .textBox .text .rightTopCorner {position: absolute; right: 0; top: 0; width: 30px; height: 30px; display: block; border-right: 3px solid #007a2f; border-top: 3px solid #007a2f;}
#aboutUsContainer .aboutUs .textBox .text .leftBottomCorner {position: absolute; left: 0; bottom: 0; width: 30px; height: 30px; display: block; border-left: 3px solid #007a2f; border-bottom: 3px solid #007a2f;}
#aboutUsContainer .aboutUs .textBox .text .rightBottomCorner {position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; display: block; border-right: 3px solid #007a2f; border-bottom: 3px solid #007a2f;}
#aboutUsContainer .aboutUs .actionMonitor {position: absolute; left: 139px; top: 99px; width: 98px; height: 91px;}
#aboutUsContainer .aboutUs .actionGlow {position: absolute; left: 71px; top: 398px; width: 509px; height: 477px;}
#aboutUsContainer .aboutUs .actionLightning {position: absolute; left: 349px; top: -61px; width: 714px; height: 651px; background: url('/layout/actionLightning/01.png'); display: none;}


#contactContainer {width: 100%; height: 967px; background: none;}
#contactContainer .contact {width: 1160px; height: 967px; display: block; margin: 0 auto; background: url('/layout/contactBg.jpg'); position: relative;}
/*
#contactContainer .contact .map01 {position: absolute; display: none; left: 181px; top: 167px; width: 586px; height: 484px; background: url('/layout/actionContact/map01.jpg');}
#contactContainer .contact .map02 {position: absolute; display: none; left: 181px; top: 167px; width: 586px; height: 484px; background: url('/layout/actionContact/map02.jpg');}
*/
#contactContainer .contact .topButton {position: absolute; display: block; left: 900px; top: 205px; width: 78px; height: 69px;}
#contactContainer .contact .topButtonOn {background: url('/layout/actionContact/topButtonOn.jpg');}
#contactContainer .contact .topButton:HOVER {background: url('/layout/actionContact/topButtonOn.jpg'); cursor: pointer;}
#contactContainer .contact .bottomButton {position: absolute; display: block; left: 900px; top: 365px; width: 78px; height: 69px;}
#contactContainer .contact .bottomButtonOn {background: url('/layout/actionContact/bottomButtonOn.jpg');}
#contactContainer .contact .bottomButton:HOVER {background: url('/layout/actionContact/bottomButtonOn.jpg'); cursor: pointer;}
#contactContainer .contact #map_canvas {position: absolute; top: 175px; left: 166px; width: 615px; height: 452px; margin: 0; padding: 0; float: left; background-color: #000000;}

#contactContainer .contact #map01 {position: absolute; top: 175px; left: 166px; width: 615px; height: 452px; margin: 0; padding: 0; float: left; background-color: #000000;}
#contactContainer .contact #map02 {position: absolute; top: 175px; left: 166px; width: 615px; height: 452px; margin: 0; padding: 0; float: left; background-color: #000000;}


#referenceContainer {width: 100%; height: 993px; background: none;}
#referenceContainer .reference {width: 1160px; height: 993px; display: block; margin: 0 auto; background: url('/layout/referenceBg.png'); position: relative; z-index: 1;}
#referenceContainer .reference .actionDust01 {position: absolute; display: block; z-index: 1; left: 374px; top: 509px; width: 602px; height: 228px; background: url('/layout/actionDust/01.png');}
#referenceContainer .reference .actionDust02 {position: absolute; display: block; z-index: 1; left: 374px; top: 509px; width: 602px; height: 228px; background: url('/layout/actionDust/02.png');}
#referenceContainer .reference .textBox {position: absolute; top: 96px; left: 90px; width: 338px; height: auto; background: url('/layout/blackTransparency60.png');}
#referenceContainer .reference .textBox .text {position: relative; width: 290px; padding: 24px 24px 44px 24px; height: auto; font-size: 20px; font-weight: medium; color: #e2e4e2; line-height: 1.3;}
#referenceContainer .reference .textBox .text .leftTopCorner {position: absolute; left: 0; top: 0; width: 27px; height: 27px; display: block; border-left: 3px solid #007a2f; border-top: 3px solid #007a2f;}
#referenceContainer .reference .textBox .text .rightTopCorner {position: absolute; right: 0; top: 0; width: 27px; height: 27px; display: block; border-right: 3px solid #007a2f; border-top: 3px solid #007a2f;}
#referenceContainer .reference .textBox .text .leftBottomCorner {position: absolute; left: 0; bottom: 0; width: 30px; height: 30px; display: block; border: 0;}
#referenceContainer .reference .textBox .text .bgPlus {background: url('/layout/buttonPlus.png'); cursor: pointer;}
#referenceContainer .reference .textBox .text .bgMinus {background: url('/layout/buttonMinus.png'); cursor: pointer;}
#referenceContainer .reference .textBox .text .leftBottomCorner A {width: 30px; height: 30px; display: block;}
#referenceContainer .reference .textBox .text .rightBottomCorner {position: absolute; right: 0; bottom: 0; width: 27px; height: 27px; display: block; border-right: 3px solid #007a2f; border-bottom: 3px solid #007a2f;}
#referenceContainer .reference .textBox .text P {padding: 0; margin: 0;}
#referenceContainer .reference .textBox .text UL {list-style-type: none; margin: 0; padding: 0;}

#referenceContainer .reference .slideboxContainer {width: 535px; height: 436px; /*margin: 98px 0 0 504px;*/ background: none; position: absolute; left: 504px; top: 98px; padding: 25px; overflow: hidden;}
#referenceContainer .reference .slideshowNext {position: absolute; left: 825px; top: 600px; width: 46px; height: 46px; display: block; background: url('/layout/buttonSlideshowRight.png'); z-index: 100000; cursor: pointer;}
#referenceContainer .reference .slideshowNext:HOVER {background: url('/layout/buttonSlideshowRightOn.png');}
#referenceContainer .reference .slideshowPrevious {position: absolute; left: 745px; top: 600px; width: 46px; height: 46px; display: block; background: url('/layout/buttonSlideshowLeft.png'); z-index: 100000; cursor: pointer;}
#referenceContainer .reference .slideshowPrevious:HOVER {background: url('/layout/buttonSlideshowLeftOn.png');}

@keyframes services-action-printer { 15% { opacity: 0; } 40% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 0; } }
@keyframes services-action-plotter1 { 15% { visibility: visible; } 25% { visibility: hidden; } }
@keyframes services-action-plotter2 { 45% { visibility: visible; } 55% { visibility: hidden; } }
@keyframes services-action-plotter3 { 65% { visibility: visible; } 85% { visibility: hidden; } }

#servicesContainer {width: 100%; height: 1028px; background: none; color: #e2e4e2; font-size: 20px; font-weight: medium; line-height: 1.3;}
#servicesContainer UL {list-style-type: none; margin: 0; padding: 0;}
#servicesContainer UL LI {color: #007a2f;}
#servicesContainer UL LI UL LI {list-style: none; background: url('/layout/greenPlus.png') no-repeat 1px 8px; margin: 0; padding: 0 0 0 14px; color: #e2e4e2;}
#servicesContainer .services {width: 1290px; height: 930px; display: block; margin: 0 auto; background: url('/layout/servicesBg.jpg'); position: relative;}
#servicesContainer .services .actionPlotter1 {position: absolute; left: 230px; top: 285px; width: 230px; height: 14px; display: block; visibility: hidden; background: url('/layout/actionPlotter2/1.png'); animation: services-action-plotter1 3s infinite step-end;}
#servicesContainer .services .actionPlotter2 {position: absolute; left: 230px; top: 285px; width: 237px; height: 14px; display: block; visibility: hidden; background: url('/layout/actionPlotter2/2.png'); animation: services-action-plotter2 3s infinite step-end;}
#servicesContainer .services .actionPlotter3 {position: absolute; left: 227px; top: 285px; width: 239px; height: 12px; display: block; visibility: hidden; background: url('/layout/actionPlotter2/3.png'); animation: services-action-plotter3 3s infinite step-end;}
#servicesContainer .services .actionPrinter {position: absolute; left: 946px; top: 288px; width: 292px; height: 179px; display: block; opacity: 0; background: url('/layout/actionPrinter2/1.png'); animation: services-action-printer 7s linear infinite;}

#servicesContainer .services .text01 {position: absolute; left: 82px; top: 58px; width: 240px; height: auto; background: url('/layout/blackTransparency60.png'); padding: 22px 25px;}
#servicesContainer .services .text02 {position: absolute; left: 800px; top: 60px; width: 240px; height: auto; background: url('/layout/blackTransparency60.png'); padding: 22px 25px;}
#servicesContainer .services .text03 {position: absolute; left: 82px; bottom: 100px; width: 474px; height: auto; background: url('/layout/blackTransparency60.png'); padding: 22px 25px;}
#servicesContainer .services .text03 .marginT-25 {margin-top: 25px;}
#servicesContainer .services .text04 {position: absolute; left: 680px; bottom: 100px; width: 400px; height: auto; background: url('/layout/blackTransparency60.png'); padding: 22px 25px;}

#servicesContainer .services .leftTopCorner {position: absolute; left: 0; top: 0; width: 30px; height: 30px; display: block; border-left: 3px solid #007a2f; border-top: 3px solid #007a2f;}
#servicesContainer .services .rightTopCorner {position: absolute; right: 0; top: 0; width: 30px; height: 30px; display: block; border-right: 3px solid #007a2f; border-top: 3px solid #007a2f;}
#servicesContainer .services .leftBottomCorner {position: absolute; left: 0; bottom: 0; width: 30px; height: 30px; display: block; border-left: 3px solid #007a2f; border-bottom: 3px solid #007a2f;}
#servicesContainer .services .rightBottomCorner {position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; display: block; border-right: 3px solid #007a2f; border-bottom: 3px solid #007a2f;}
/*
lightDesk, w 147 h 134, l 547 t 227

printer, w 39 h 20, l 327 t 311

plotter, w36 h20, l 709 t 369
*/


#footerTopContainer {width: 100%; height: auto; background: #00260b;}
#footerTopContainer .footer {width: 1160px; height: auto; margin: 0 auto; font-size: 33px; font-weight: bold; color: #204c2c;}
#footerTopContainer .footer .left {width: 155px; height: auto; float: left; padding: 0 0 0 50px;}
#footerTopContainer .footer .center {width: 545px; height: auto; float: left;}
#footerTopContainer .footer .right {width: 410px; height: auto; float: left;}


#footerContentContainer {width: 100%; height: auto; background: #003c11; padding: 0 0 20px 0;}
#footerContentContainer A {font-size: 20px; font-weight: bold; color: #51795c; text-decoration: none;}
#footerContentContainer A:HOVER {}
#footerContentContainer .footer {width: 1160px; height: auto; margin: 0 auto; padding: 15px 0 0 0; font-size: 18px; font-weight: medium; color: #51795c;}
#footerContentContainer .footer .left {width: 155px; height: auto; float: left; padding: 0 0 0 50px;}
#footerContentContainer .footer .left UL {list-style-type: none; margin: 0; padding: 0;}
#footerContentContainer .footer .left UL LI {}
#footerContentContainer .footer .center {width: 545px; height: auto; float: left;}
#footerContentContainer .footer .center P {float: left; margin-top: 0; padding-top: 0;}
#footerContentContainer .footer .right {width: 410px; height: auto; float: right;}
#footerContentContainer .footer .bottomLine {width: 700px; height: auto; float: left; padding: 0 0 0 50px; color: #3c5f46; font-size: 14px; font-weight: medium;}
#footerContentContainer .footer .bottomLine P {padding: 0; margin: 0; font-size: 14px;}
#footerContentContainer .footer .bottomLine P A {font-size: 14px; font-weight: normal; text-decoration: none;}
#footerContentContainer .footer .bottomLine P A:HOVER {text-decoration: underline;}

#footerContentContainer .footer .right .inputText {width: 356px; height: 28px; margin: 0 0 10px 0; padding: 3px; border: 1px solid #51795c; color: #51795c; background-color: #003c11; font-size: 18px; font-weight: medium; font-family: 'Khand';}
#footerContentContainer .footer .right .inputTextarea {width: 356px; height: 77px; margin: 0 0 10px 0; padding: 3px; border: 1px solid #51795c; color: #51795c; background-color: #003c11; font-size: 18px; font-weight: medium; font-family: 'Khand';}

#footerContentContainer .footer .right .captcha {width: 95px; height: auto; float: left; padding: 3px 0 0 0;}
#footerContentContainer .footer .right .captchaInput {float: left;}
#footerContentContainer .footer .right .captchaInput .captchaInputText {width: 167px; height: 28px; margin: 0; padding: 3px; border: 1px solid #51795c; color: #51795c; background-color: #003c11; font-size: 18px; font-weight: medium; font-family: 'Khand';}
#footerContentContainer .footer .right .submit {float: left;}
#footerContentContainer .footer .right .submit .inputSubmit {width: 84px; height: 28px; background-color: #51795c; color: #003d12; border: 0; font-size: 15px; font-weight: medium; margin: 0 0 0 10px; cursor: pointer;}
#footerContentContainer .footer .right .formInfo {width: 356px; padding: 0 0 20px 0; margin: 0; color: #f10000;}

.fucking-eu-cookies {/*position: relative; left: 0; top: 0;*/ width: 100%; height: 50px; color: white; background-color: #666; z-index: 1000; text-align: center;}
.fucking-eu-cookies p {margin: 0; padding: 12px 0 0 0;}
.fucking-eu-cookies a {background: none; color: white;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #51795c; font-family: 'Khand'; padding-top: 1px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #51795c; font-family: 'Khand'; padding-top: 1px;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #51795c; font-family: 'Khand'; padding-top: 1px;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #51795c; font-family: 'Khand'; padding-top: 1px;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #51795c; font-family: 'Khand'; padding-top: 1px;
}