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; 
 font-family: Arial,Helvetica,sans-serif;
}

a, a:visited, a:active, .blueH {
 text-decoration: none; 
 color: rgb(68,138,244);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

a:hover { color: rgb(50,50,50); }

.trans04, .subMenu a, .click2home, .boxOff, .boxOn, .langButton, .pageLink, .buttonLink, a.buttonLink, .dotOn, .dotOff, 
.activityInHome img, .mainMenu, .mainMenuOn, .fLink, a.fLink, .ytLink, a.ytLink, .stickTop, .mainActTop, .phoneMailTop, .hoverOn,
.hoverOn img, .otherDeyn img, .formSubmit input, .clientWho, #expandableTxt, .nextImg, .prevImg, .activHomeName, .empl {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

.mainFont { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: rgb(102,102,102);  }
.mainFont76 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: rgb(102,102,102);  }
@media screen and (max-width: 600px) { .mainFont76, .mainFont { font-size: 12px; } }

.fullW, .fullw {
 width: 1210px; 
 left: 50%; 
 margin-left: -605px; 
}

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

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

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

.color-back { background: rgb(68,138,244); }
/* .color-back { background: rgb(251,216,93); } */

.upcase {
 text-transform: uppercase; 
}

.click2home { 
 width: 240px; height: 76px; 
 margin-top: 30px; 
}

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

.next2logo { float: right; max-width: 960px; }

.whatDoLangs { 
 padding-bottom: 10px; 
 border-bottom: 1px solid rgb(235,235,235); 
}

.mainActTop { margin-top: 25px; font-size:  14px; margin-right: 20px; }
.phoneMailTop { margin-top: 25px; font-size:  14px; margin-right: 20px; color: rgb(51,51,51); }

.langButton {
 padding: 25px 12px 12px 12px; color: rgb(51,51,51); 
}
.langButton.color-back { background: rgb(229,229,229); }
.langButton:hover { background: rgb(68,138,244); color: white; }
.langButton:hover a, .langButton:hover a:visited, .langButton:hover a:hover { color: white; }
.langButton a, .langButton a:visited, .langButton a:hover { color: rgb(51,51,51); }

.trigMenu { display: none; }

.mainMenu, .mainMenuOn { float: right; margin-top: 15px; margin-bottom: 15px; }

.pageIn { border-bottom: 2px solid rgb(68,138,244); } 
.pageIn .flwA { padding: 10px 10px 12px 10px; }
.pageLink .flwA { padding: 10px 10px 14px 10px; } 
.pageLink:hover { background: rgb(68,138,244); color: white; }
.pageLink:hover a, .pageLink:hover a:hover, .pageLink:hover a:visited { color: white; }

.lupa { width: 40px; height: 26px; background: url('img/lupa.jpg') no-repeat center right; margin-top: 5px; }
.lupa::before {
 content: '';
 position: absolute; 
 width: 2px; 
 height: 14px; 
 top: 6px; 
 background: rgb(51,51,51); 
}

.txtSrchFld { display: none; 
 position: absolute; 
 top: 28px; 
 left: 100%; 
 width: 200px; 
 margin-left: -200px; 
 padding: 3px; 
 background: white; 
 border-left: 1px solid rgb(68,138,244);
 border-right: 1px solid rgb(68,138,244);
 border-bottom: 1px solid rgb(68,138,244);
 border-bottom-left-radius: 10px; 
 border-bottom-right-radius: 10px; 
 z-index: 15; 
}

.txtSrchFld input { width: 95%; margin-left: 2%; height: 30px; background: white; border-left: 1px solid white; border-right: 1px solid white; 
border-top: 1px solid white; border-bottom: 1px solid rgb(68,138,244); }
.txtSrchFld input:focus { border-bottom: 2px solid rgb(68,138,244); }

.stickHeighter  { height: 135px; display: none; }

.stickTop { position: fixed; width: 100%; top: 0px; left: 0px; z-index: 10; background: rgba(255,255,255,0.92); }

.stickTop .mainActTop, .stickTop .phoneMailTop { display: none; }
.stickTop .click2home { width: 144px; height: 46px; margin-top: 7px; margin-bottom: 5px; }
.stickTop .mainMenu, .stickTop .mainMenuOn { margin-bottom: 0px; }
.stickTop .lupa { margin-right: 5px; }
.stickTop .whatDoLangs { padding-bottom: 4px; }

.subLevel {
 position: absolute; 
 top: 40px; 
 display: none; 
 width: 300px; 
 padding-top: 10px; 
 z-index: 12; 
}
.subLevel a, .subLevel a:visited, .subLevel a:active {
 display: inline-block; 
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  padding: 4px 10px; 
  border-bottom: 1px solid rgb(129,129,129); 
  color: white!important; 
}
.subLevel a:hover { color: rgb(129,129,129)!important; background: white;  }
.subLevel span {
 display: inline-block; 
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  padding: 4px 10px; 
  border-bottom: 1px solid rgb(129,129,129); 
  color: rgb(129,129,129); background: white;  
}

@media screen and (max-width: 1210px){ 
 .subLevel {
 position: relative; 
 top: 0px; 
 display: none; 
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 10px; 
 padding-top: 10px; 
 z-index: 12; 
}

 .stickHeighter  { height: 90px; }
 .mainMenu { display: none; }
 .trigMenu { display: inline; width: 55px; height: 52px; background-image: url('img/3-lines.gif'); margin-left: 10px; 
  background-repeat: no-repeat; 
  background-position: center center; 
 }
 .mainMenuOn { display: inline; width: 100%; height: auto; margin-top: 3px; margin-bottom: 3px; }
 
 .pageIn, .pageLink { 
  width: 100%; 
  }
  .pageIn .flwA, .pageLink .flwA{ 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
	padding: 4px 10px; 
	width: 100%; 
 }
 
 .phoneMailTop { max-width: 20%;  margin-top: 15px; }
 .mainActTop { max-width: 28%; padding-left: 2%; margin-top: 15px; }
 
 .pageLink { border-bottom: 1px solid rgb(68,138,244); }
 .pageIn { border-bottom: 1px solid rgb(235,235,235); }
 
 .next2logo { max-width: calc(100% - 240px);  }
 .click2home { margin-top: 5px; margin-bottom: 5px; }
 .whatDoLangs { margin-top: 10px; border-bottom: 0px; }
 
 .txtSrchFld { float: left; position: relative; top: 0px; }
 
}

@media screen and (max-width: 940px){ 
 .phoneMailTop, .mainActTop { font-size: 12px; margin-right: 5px; }
}

@media screen and (max-width: 800px){ 
 .mainActTop { max-width: calc(100% - 180px); text-align: right; }
 .phoneMailTop { display: none; }
}
@media screen and (max-width: 600px){ 
 .mainActTop { display: none;  }
}


@media screen and (max-width: 420px){  
 .click2home { width: 144px; height: 46px; }
 .stickHeighter  { height: 60px; }
 .next2logo { max-width: calc(100% - 150px);  }
 .langButton { padding: 12px; }
 .trigMenu { width: 40px; height: 40px; }
}


.HRmain { height: 10px; }

.homeFrames { width: 100%; height: 520px; overflow: hidden; }

.homeFrameText { position: absolute; color: white; font-size: 36px; top: 43%; left: 0%; width: 100%; text-align: center; }
.homeFrameText h1 { font-size: 36px; font-weight: normal; margin: 0px; padding: 0px; }

@media screen and (min-width: 1210px) and (max-height: 780px) { 
 .homeFrames { height: 400px; }
 .homeFrameText { top: 30%; }
}

@media screen and (min-width: 1210px) and (max-height: 640px) { 
 .homeFrames { height: 360px; }
 .homeFrameText { top: 25%; }
}

.homeFrame {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -775px; 
 width: 1550px; 
}

.homeFrameHD { width: 1920px; left: 50%; margin-left: -960px; position: absolute; 
 top: 0px; 
 left: 50%; 
}



@media screen and (max-width: 1550px) { .homeFrameHD { display: none; } }

@media screen and (max-width: 1200px) { 
	.homeFrames { height: 410px; }
	.homeFrame { width: 1240px; margin-left: -620px; }
}

@media screen and (max-width: 900px) { 
	.homeFrames { height: 310px; }
	.homeFrame { width: 930px; margin-left: -465px; }
	.homeFrameText, .homeFrameText h1 { font-size: 24px; }
	
}

@media screen and (max-width: 600px) { 
	.homeFrames { height: 205px; }
	.homeFrame { width: 620px; margin-left: -310px; }
	.homeFrameText, .homeFrameText h1 { font-size: 18px; }
}

@media screen and (max-width: 460px) { 
	.homeFrames { height: 170px; }
	.homeFrame { width: 510px; margin-left: -255px; }
	.homeFrameText, .homeFrameText h1 { font-size: 16px; }
}


.homeFrame img, .homeFrameHD img { width: 100%; height: auto; }
.imgBlur {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 100%; 
 background: rgba(0,0,0,0.3); 
}

@media screen and (min-width: 1550px) { .imgBlur { display: none; } .homeFrameHD .imgBlur  { display: inline; } }

.motoRpt {
 
}

.pointDown { 
  width: 110px; height: 110px; 
  background-image: url('img/point-down.gif'); 
  background-repeat: no-repeat; 
  background-position: center center;   
  margin-top: -55px; 
  left: 50%; margin-left: -55px; 
  background-size: 100% 100%; 
  z-index: 2; 
}

.margNegative { margin-top: -55px; }

@media screen and (max-width: 900px) {  
 .pointDown { 
  width: 80px; height: 80px; 
  margin-top: -40px; margin-left: -40px; 
 } 
 .margNegative { margin-top: -40px; }
}
@media screen and (max-width: 600px) {  
 .pointDown { 
  width: 40px; height: 40px; 
  margin-top: -20px; margin-left: -20px; 
 } 
 .margNegative { margin-top: -20px; }
}

.mainH { 
text-transform: uppercase; color: rgb(102,102,102); font-size: 24px; margin: 0px; padding: 0px 0px; 
display: inline-block; width: 100%; text-align: center; font-weight: normal; 
}

.max500 .mainH, .videoExplain .mainH { text-align: left; }

.mainH span::after {
 display: inline-block; 
 content: ''; 
 width: 55px; 
 height: 2px; 
 font-size: 1px; 
 background: rgb(102,102,102); 
}

@media screen and (max-width: 600px) {  .mainH { font-size: 18px; } }

.greyLine { background: rgb(229,229,229); }

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

.col90 { width: 90%; margin-left: 5%; margin-right: 5%; }
.col80 { width: 80%; margin-left: 10%; margin-right: 10%; }
.col70 { width: 70%; margin-left: 15%; margin-right: 15%; }
.col60 { width: 60%; margin-left: 20%; margin-right: 20%; }

.col660 {
 left: 50%; 
 margin-left: -330px; 
 width: 660px; 
}
@media screen and (max-width: 675px) { .col660 { width: 98%; margin-left: 1%; left: 0px; }}

.text2cols {
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
 
 -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
 -moz-column-gap: 30px; /* Firefox */
 column-gap: 30px;
}

@media screen and (max-width: 600px) { .text2cols { 
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
} 
}
@media screen and (max-width: 600px) {  
.col60 { width: 100%; margin-left: 0px; margin-right: 0px; }
}
@media screen and (max-width: 640px) {  
 .col70, .col80, .midCol { width: 90%; left: 0px; margin-left: 5%; }
}

.moreOverPic {
 width: 100%; height: 165px; background: rgb(189,189,189) url('img/more-button-home.jpg') no-repeat top center; 
}
.moreOverPicAbout { background: rgb(189,189,189) url('img/more-button-about.jpg') no-repeat top center; }

.HRpicProjects { width: 100%; height: 50px; background: rgb(189,189,189) url('img/HR-projects.jpg') no-repeat top center; }

.moreOverPic a { position: relative; top: 27%; }

.buttonLink { display: inline-block; padding: 25px 15px; min-width: 140px; font-size: 16px; }
a.buttonLink, a.buttonLink:visited { color: rgb(230,230,230); }
.buttonLink:hover, a.buttonLink:hover { background: rgb(24,40,118); color: white; }

@media screen and (min-width: 1550px) {  
 .moreOverPic, .HRpicProjects { background-size: 100% auto; }
}
@media screen and (max-width: 799px) {  
 .moreOverPic, .HRpicProjects { background-size: 1000px auto; height: 105px; }
 .buttonLink { display: inline-block; padding: 15px 10px; min-width: 100px; font-size: 14px; }
}

.cliBeltContainer {
 width: 1085px; 
 height: 132px; 
 margin-bottom: 35px; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -531px; 
}

@media screen and (max-width: 1065px) {  .cliBeltContainer { width: 930px; margin-left: -445px; } }
@media screen and (max-width: 910px) {  .cliBeltContainer { width: 775px; margin-left: -367px; } }
@media screen and (max-width: 755px) {  .cliBeltContainer { width: 620px; margin-left: -290px; } }
@media screen and (max-width: 599px) {  .cliBeltContainer { width: 465px; margin-left: -212px; } }
@media screen and (max-width: 444px) {  .cliBeltContainer { width: 310px; margin-left: -135px; } }
@media screen and (max-width: 290px) {  .cliBeltContainer { width: 155px; margin-left: -66px; } }

.cliBelt {
 width: 10000px; 
 height: 132px; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
}

.cliLogo { width: 130px; height: 130px; border: 1px solid rgb(229,229,229); background: white; margin-right: 23px; text-align: center; line-height: 130px!important;}
.cliLogo img { max-width: 100%; height: auto; vertical-align: middle; }


.dotOn, .dotOff { display: inline-block; width: 20px; height: 20px; margin-left: 4px; margin-right: 4px; }
.dotOn { background: rgb(229,229,229); }
.greyLine .dotOn { background: white; }
.dotOff  { background: rgb(68,138,244); cursor: pointer; }
.dotOff:hover { background: rgb(24,40,118);}

.activityInHome { width: 450px; height: 325px; overflow: hidden; margin-bottom: 20px; }
.activityInHome a, .activityInHome a:hover, .activityInHome a:visited {color: rgb(240,240,240)!important; }
.activityInHome img { width: 100%; height: auto; }
.activityInHome:hover img { width: 101%; margin-left: -0.5%; margin-top: -0.5%; }

.activsContainer { width: 910px; left: 50%; margin-left: -455px; }

.activHomeName { position: absolute; top: 18%; padding: 30px 25px; min-height: 200px; left: 24%; width: 52%; }
.activityInHome:hover .activHomeName.color-back { background: rgb(24,40,118); }

@media screen and (max-width: 700px) {  
	.activHomeName { top: 10%; padding: 15px 10px; min-height: 200px; left: 24%; width: 52%; font-size: 12px; min-height: 120px; }
}

@media screen and (max-width: 910px) {  
 .activsContainer { width: 100%; margin-left: 0px; left: 0px; }
 .activityInHome { width: 49%; height: auto; }
 .activityInHome img, .activityInHome:hover img { width: 100%; height: auto; }
}

@media screen and (max-width: 460px) {  
 .activityInHome { width: 98%; height: auto; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; }	
 .activityInHome.divR { float: left; }
 .activHomeName { top: 18%; padding: 30px 25px; min-height: 200px; left: 24%; width: 52%; font-size: 14px; }
}
@media screen and (max-width: 350px) {  
 .activHomeName { top: 10%; padding: 15px 10px; min-height: 200px; left: 24%; width: 52%; font-size: 12px; min-height: 120px; }
}

.footLine { background: rgb(204,204,204); color: rgb(102,102,102); }
.footLine.whiteFoot { background: white; }
.footLine a, .footLine a:visited, .footLine a:active { color: rgb(102,102,102); }

.footCol1 { width: 22%; padding-right: 10px; }

.footCol1 strong, .footCol2 strong { font-weight: normal; 
display: inline-block; width: 100%; padding-bottom: 15px; 
}

.afterBold {
 display: inline-block; 
 top: -15px; 
 content: ''; 
 position: relative; 
 width: 30px; height: 1px; 
 background: rgb(102,102,102); 
}

.footCol2 { width: 31%; padding-right: 50px; }
.footCol2 a { display: inline-block; margin-bottom: 10px; }

.lineBreath { line-height: 1.4em; }

@media screen and (max-width: 600px) {   
 .footCol1, .footCol2 { width: 100%; padding-bottom: 10px; padding-right: 5px; }
}

.credits {
 background: rgb(127,127,127); 
 padding-top: 15px; padding-bottom: 15px; 
 text-align: center; 
 color: rgb(178,178,178); 
 font-size: 12px; 
}

.credits a, .credits a:visited, .credits a:active { color: rgb(178,178,178); }
.credits a:hover { color: white; }

.fLink { width: 30px; height: 30px; margin-right: 10px; display: inline-block; background: white; 
  background-image: url('img/f-link.gif'); background-repeat: no-repeat; 
  background-position: center center;  cursor: pointer; 
  border-radius: 3px; 
  }
.fLink:hover { background: rgb(66,103,178); background-image: url('img/f-link-hover.gif');
 background-repeat: no-repeat; 
  background-position: center center;  
 }
.ytLink {
 width: 36px; 
 background: rgb(221,41,37); 
 height: 30px; display: inline-block;
 background-image: url('img/yt-link.gif'); background-repeat: no-repeat; 
 background-position: center center;  cursor: pointer; 
 border-radius: 3px; 
}
.ytLink:hover {
 background: rgb(255,41,37); 
 background-image: url('img/yt-link.gif'); background-repeat: no-repeat; 
 background-position: center center;  cursor: pointer; 
}

.emUp { font-size: 1.2em; }
.dBlock { display: inline-block; }
.imgMax img { max-width: 100%; height: auto; }

.backTeam { background: white url('img/team-BR.jpg') no-repeat bottom right;  }

.mid70 { width: 890px; left: 50%; margin-left: -435px; }

@media screen and (max-width: 890px) {   
 .mid70 { width: 100%; left: 0px; margin-left: 0px; }
}

.empl { width: 280px; float: none; display: inline-block; margin-right: 12px; height: 145px; overflow: hidden; margin-bottom: 20px; 
 font-size: 13px; text-align: left; 
 padding-top: 20px; 
}
.empl:hover { color: rgb(50,50,50)!important; background: rgba(232,232,232,0.6);}

@media screen and (max-width: 550px) {   .empl {  height: auto; padding-top: 0px; } }

@media screen and (max-width: 280px) {   .empl { width: 100%; height: auto; } }

.emplImg { width: 100%; height: 310px; overflow: hidden; margin-bottom: 20px; overflow: hidden; background: rgb(245,245,245); display: none; }
.hoverOn { position: absolute; top: 0px; left: 0px; width: 100%; height: 310px; overflow: hidden; }
.hoverOn img { display: none; }
.empl:hover .hoverOn  img{ display: inline; }
.empl strong { font-weight: normal; color: black; }

.padLR25 { padding-left: 25px; padding-right: 25px; }

@media screen and (max-width: 460px) { .padLR25 { padding-left: 10px; padding-right: 10px; } } 

.videoExplain { width: 43%; }

.videoIn {
 width: 51%; 
 min-height: 50px; 
 height: auto;
 float: right; 
}
.videoIn iframe, .videoIn video { max-width: 100%!important;  }

@media screen and (max-width: 600px) {   .videoIn { width: 100%; } .videoExplain { width: 100%; margin-bottom: 10px;} } 

.halfImg { overflow: hidden; }

.max500 { max-width: 500px; } 

.imgHalf { position: absolute; 
top: 0px; left: 100%; margin-left: -780px; text-align: right; width: 780px; }
.imgHalf img { width: 100%; height: auto; }

@media screen and (max-width: 600px) { 
 .imgHalf { float: left; position: relative; width: 100%; left: 0px; margin-left: 0px; }
}  

.otherDeyn {
 width: 325px; 
 height: 240px; 
 float: none; 
 display: inline-block; 
 margin-right: 8px; 
 margin-bottom: 10px; 
 overflow: hidden; 
}
.otherDeyn img { width: 100%; height: auto; }
.otherDeyn:hover img { width: 101%; margin-left: -0.5%; height: auto; margin-top: -0.5%; }

@media screen and (max-width: 340px) { 
 .otherDeyn { width: 100%; height: auto; }
}

.otheDeynA { position: absolute; 
 top: 30px; left: 30px; max-width: 160px; 
 text-align: left; 
 /*  */
}
.otheDeynA a, .otheDeynA a:visited { color: white; }
.otheDeynA a:hover { color: rgb(245,245,245); }

ul { margin-left: 0px; padding-left:0px; }

ul li {
 list-style-type: none;  
 margin-left: 2px; 
 font-size: inherit; 
 font-family: inherit; 
 display: inline-block; 
 list-style-position: outside;
 margin-bottom: 6px; 
 float: left; 
 width: 100%; 
 position: relative;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-left: 25px;  
 color: inherit; 
}

ul li::before { 
    content: ' ';
    background-color: rgb(153,153,153);
    display: inline-block; 	
    width: 18px; 
	height: 18px; 
	font-size: 1px; 
	position: absolute; 
	left: -1px; 
	top: 2px; 	
}

.office {
 width: 455px; height: auto; min-height: 540px; float: none; text-align: left; margin-right: 12px; display: inline-block; margin-bottom: 25px; 
}
.job {
 width: 30%; height: auto; min-height: 200px; text-align: left;  display: inline-block; margin-bottom: 25px; 
 margin-right: 3%; 
}

.job .flw100 { min-height: 120px; }
.job .buttonLink { padding: 15px 7px; }

@media screen and (max-width: 800px) { .job { width: 100%; margin-right: 0px; min-height: 50px; } }

@media screen and (max-width: 460px) { .office { width: 100%; min-height: 300px;  } .job { width: 100%; } }

.officeMap { width: 100%; height: 330px; margin-bottom: 25px; background: white; border: 1px solid rgb(240,240,240); }
@media screen and (max-width: 930px) { .officeMap { margin-bottom: 20px; } }

.formLeft { width: 48%; margin-right: 2%; }
.formLeft .flwA { width: 100%; }

.formLeft input, .formRight input { width: 100%; height: 55px; font-size: 24px; margin-top: 5px; margin-bottom: 20px; color: rgb(102,102,102); }
.formLeft .secureDiv input { max-width: 45%; position: relative; left: 4px; }
.secureDiv { text-align: right; }
.formLeft img { vertical-align: top; margin-top: 3px; }

.formRight { width: 50%; }
.formRight textarea { width: 99%; height: 365px; margin-top: 5px; margin-bottom: 20px; font-size: 16px; }
.formRight .smallTxtarea textarea { height: 165px; }

.alertsIn { color: red; font-weight: bold; padding-bottom: 20px; }

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

.formSubmit input { 
 padding: 20px 10px; min-width: 140px; font-size: 16px; color: rgb(230,230,230);  background: rgb(68,138,244); border: 1px solid rgba(255,255,255,0);
 text-transform: uppercase; cursor: pointer; 
}

.formSubmit input:hover { background: rgb(24,40,118); color: white; }

@media screen and (max-width: 599px) { 
 .formLeft, .formRight { width: 100%; margin-right: 0px; }
 .formLeft .secureDiv input { max-width: 120px; position: relative; left: 4px; }
 .secureDiv { text-align: left; } 
 .formLeft input { height: 40px; font-size: 24px;  }
 .formRight textarea { height: 200px; }
}

.certificate { width: 100%; min-height: 105px; padding: 25px 85px 20px 150px; background: rgb(238,238,238); margin-bottom: 8px; }
.certificate h3, .projInList h3 { font-size: 16px; text-transform: uppercase; font-weight: normal; padding: 0px; margin: 0px; }

.projInList  { width: 100%; min-height: 105px; padding: 25px 20px 20px 150px; background: rgb(238,238,238); margin-bottom: 8px; }
.greyLine .projInList { background: white; }

.certIcon { width: 125px; height: 90px; position: absolute; top: 6px; left: 2px; background: url('img/cert-icon.jpg') no-repeat top left; }
.projIcon { width: 125px; height: 90px; position: absolute; top: 6px; left: 2px; background: white; overflow: hidden; }
.projIcon img { width: 100%; height: auto; }

@media screen and (max-width: 400px) {  
 .certIcon { display: none; }
 .certificate { width: 100%; min-height: 105px; padding: 25px 85px 20px 15px; background: rgb(238,238,238); }
}

.PDFlink { width: 60px; height: 63px; background: url('img/PDF-icon.gif') no-repeat center center; 
 position: absolute; top: 23px; left: 100%; margin-left: -75px; 
}

.clientInList { 
  display: inline-block; float: none; width: 320px; height: 235px; background-color: white; 
  background-repeat: no-repeat; 
  background-position: center center; 
  border: 1px solid rgb(229,229,229); 
  background-size: 80% auto; 
  margin-left: 5px; margin-right: 5px; margin-bottom: 10px; 
  text-align: center;
} 

.clientInList img { max-width: 80%; height: auto; margin-top: auto; margin-bottom: auto; display: inline-block; }

@media screen and (max-width: 330px) {  .clientInList {  width: 95%; } }

.clientWho {
 width: 100%; height: 100%; background: rgb(229,229,229); 
 padding: 20px 15px; 
 text-align: left; 
 display: none; 
}

.clientInList:hover .clientWho { display: inline; }

.clientWho  strong { font-weight: normal; font-size: 2em; }


.col660 h1 { font-weight: normal; font-size: 24px; margin-bottom: 30px; display: inline-block; max-width: 70%; margin-right: 30%; }
@media screen and (max-width: 600px) {  .col660 h1{font-size: 16px; max-width: 90%; margin-right: 10%; } }
.col660 img { max-width: 100%; height: auto; }

.pstatus { color: rgb(153,153,153); }

.divFloatMid { display: inline-block; float: none; }

.initTxt { overflow: hidden; max-height: 80px; margin-bottom: 10px; } 
.shadInitTxt {
 width: 100%; 
 top: 85px; 
 position: absolute; 
 left: 0px; 
 height: 0px; 
 -webkit-box-shadow: 0px -10px 18px 18px white;
 -moz-box-shadow: 0px -10px 18px 18px white;
 box-shadow: 0px -10px 18px 18px white;
 display: none; 
}

.greyLine .shadInitTxt { 
 -webkit-box-shadow: 0px -10px 18px 18px rgb(229,229,229);
 -moz-box-shadow: 0px -10px 18px 18px rgb(229,229,229);
 box-shadow: 0px -10px 18px 18px rgb(229,229,229);
 }
 
.initTxt .shadInitTxt { display: inline; }
 
.expandLink { display: inline-block; padding: 25px 15px; min-width: 140px; font-size: 16px; border: 2px solid rgb(161,161,161); }
a.expandLink, a.expandLink:visited { color: rgb(153,153,153); }

@media screen and (max-width: 799px) {  
 .expandLink { display: inline-block; padding: 15px 10px; min-width: 100px; font-size: 14px; }
}

.locLine { background: rgb(178,178,178); }
.locLine .mainH, .locLine.mainFont { color: rgb(229,229,229); }
.locLine .mainH span::after  { background: rgb(229,229,229); }
 
.mapIn { height: 390px; background: rgb(235,232,222); }

@media screen and (max-height: 600px) { .mapIn { height: 250px; } }

.flw90 { width: 100%; margin-left: 5%; }

.gallBeltContainer {
 width: 860px; 
 height: 122px; 
 margin-bottom: 35px; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -430px; 
}

.bigImgIn { width: 856px; left: 50%; 
 margin-left: -430px; 
 margin-bottom: 5px; 
 }
 
#loadImgIn { overflow: hidden; max-height: 100%; }
 
@media screen and (max-width: 860px) {  .bigImgIn { width: 100%; left: 0%; margin-left: 0px; }}
 
.bigImgIn img { max-width: 100%; height: auto; max-height: 580px; } 

@media screen and (max-width: 860px) {  .gallBeltContainer { width: 688px; margin-left: -342px; } }
@media screen and (max-width: 670px) {  .gallBeltContainer { width: 516px; margin-left: -256px; } }
@media screen and (max-width: 520px) {  .gallBeltContainer { width: 344px; margin-left: -170px; } }
@media screen and (max-width: 350px) {  .gallBeltContainer { width: 172px; margin-left: -85px; } }

.gallThumb { width: 168px; height: 122px; background-color: white; margin-right: 4px; }

.nextImg { width: 70px; height: 70px; background: rgba(255,255,255,0.4) url('img/point-right.gif') no-repeat center center; 
 background-size: 100% 100%; 
 position: absolute; 
 top: 50%; left: 100%; margin-top: -35px; margin-left: 2px; 
}
.nextImg:hover {background: rgba(255,255,255,1) url('img/point-right.gif') no-repeat center center; background-size: 100% 100%;  }

.prevImg { width: 70px; height: 70px; background: rgba(255,255,255,0.4) url('img/point-left.gif') no-repeat center center; 
 background-size: 100% 100%; 
 position: absolute; 
 top: 50%; left: 0px; margin-top: -35px; margin-left: -72px; 
}
.prevImg:hover {background: rgba(255,255,255,1) url('img/point-left.gif') no-repeat center center; background-size: 100% 100%;  }

@media screen and (max-width: 900px) {
 .nextImg { margin-left: -70px;}
 .prevImg { margin-left: 0px; }
}

@media screen and (max-width: 460px) {
 .prevImg { width: 40px; height: 40px; background: rgba(255,255,255,0.4) url('img/point-left.gif') no-repeat center center; 
 background-size: 100% 100%; 
 position: absolute; 
 top: 50%; left: 0px; margin-top: -20px; 
}
.nextImg { width: 40px; height: 40px; background: rgba(255,255,255,0.4) url('img/point-right.gif') no-repeat center center; 
 background-size: 100% 100%; 
 margin-top: -20px; margin-left: -40px; 
}
}
.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,Helvetica,sans-serif; font-size: 14px; color: rgb(102,102,102); 
}

a, a:visited, a:active, .blueH {
 text-decoration: none; 
 color: rgb(112,112,112);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 border: 0px; 
}

a:hover { color: rgb(50,50,50); }

a img {
 border: 0; 
}

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

.realContText h1, .realContText td h1 {
 text-transform: uppercase; color: rgb(102,102,102); font-size: 24px; margin: 0px; padding: 0px 0px; 
 display: inline-block; width: 100%; text-align: center; font-weight: normal; 
}

.realContText h2, .realContText td h2 {
 text-transform: uppercase; color: rgb(102,102,102); font-size: 18px; margin: 0px; padding: 0px 0px; 
 display: inline-block; width: 100%; text-align: center; font-weight: normal; 
}

.realContText h3, .realContText td h3 {
 text-transform: uppercase; color: rgb(102,102,102); font-size: 18px; margin: 0px; padding: 0px 0px; 
 display: inline-block; width: 100%; text-align: center; font-weight: normal; 
}

.realContText h4, .realContText td h4 {
 text-transform: uppercase; color: rgb(102,102,102); font-size: 16px; margin: 0px; padding: 0px 0px; 
 display: inline-block; width: 100%; text-align: center; font-weight: normal; 
}

.realContText h5, .realContText td h5 {
 text-transform: uppercase; color: rgb(102,102,102); font-size: 16px; margin: 0px; padding: 0px 0px; 
 display: inline-block; width: 100%; text-align: center; font-weight: normal; 
}


.realContText h6, .realContText td h6 {
 text-transform: uppercase; color: rgb(102,102,102); font-size: 16px; margin: 0px; padding: 0px 0px; 
 display: inline-block; width: 100%; text-align: center; font-weight: normal; 
}

.realContText ul { margin-left: 0px; padding-left:0px; }

.realContText li {
 list-style-type: none;  
 margin-left: 2px; 
 font-size: inherit; 
 font-family: inherit; 
 display: inline-block; 
 list-style-position: outside;
 margin-bottom: 6px; 
 float: left; 
 width: 100%; 
 position: relative;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-left: 25px;  
 color: inherit; 
}

ul li::before { 
    content: ' ';
    background-color: rgb(153,153,153);
    display: inline-block; 	
    width: 18px; 
	height: 18px; 
	font-size: 1px; 
	position: absolute; 
	left: -1px; 
	top: 2px; 	
}


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