div {
 float: left; 
 position: relative; 
 height: auto; 
 width: auto; 
}
.flw10 { width: 10%; }
.flw15 { width: 15%; }
.flw20 { width: 20%; }
.flw25 { width: 25%; }
.flw30 { width: 30%; }
.flw33 { width: 33%; }
.flw40 { width: 40%; }
.flw50 { width: 50%; }
.flw60 { width: 60%; }
.flw66 { width: 66%; }
.flw67 { width: 67%; }
.flw70 { width: 70%; }
.flw80 { width: 80%; }
.flw85 { width: 85%; }
.flw90 { width: 90%; }
.flw100 { width: 100%; }

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85 {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.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 { 
 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); }

.doc_user_row.doc_paid_row .docCell { background: rgba(100,255,100,0.4); }
.doc_user_row.doc_unpaid_row .docCell { background: rgba(255,100,100,0.4); }

@media screen and (max-width: 440px) {	
 .docCell { width: 100%; min-height: 10px; border-bottom: 2px solid white; }
 .doc_user_row { margin-top: 10px; }
 .doc_user_head_row { display: none; }
}

.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!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 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; }
.padTop60 { padding-top: 60px; }
.padTop70 { padding-top: 70px; }
.padTop80 { padding-top: 80px; }
.padTop90 { padding-top: 90px; }
.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; }
.padBot70 { padding-bottom: 70px; }
.padBot80 { padding-bottom: 80px; }
.padBot90 { padding-bottom: 90px; }
.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;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.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; 
 color: rgb(30,30,30); 
 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; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* 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; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}

.bord20prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 min-height: 3px; 
}

.bord80prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 min-height: 3px; 
}

.invalid, input.invalid, select.invalid, textarea.invalid {
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -webkit-transition:  0.3s; /* Safari */
 transition: 0.3s;
}

.alertBlur {
 width: 100%; 
 height: 100%; 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 display: none; 
 background: rgba(0,0,0,0.7); 
 z-index: 999999; 
}

.alertInBlur {
 left: 50%; 
 margin-left: -220px; 
 width: 400px; 
 top: 50%;
 margin-top: -100px; 
 position: fixed; 
 padding: 20px; 
 background: white; 
 color: red; 
 border: 1px solid rgb(51,51,51); 
 border-radius: 10px; 
 z-index: 1000000; 
}

.alertClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px;
 margin-top: -10px; 
 width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
.alertClose:hover { background: rgb(127,127,127); }

.posAbs100 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

@media screen and (max-width: 440px) {	
 .alertInBlur { left: 5%; width: 80%; padding: 10px 5%; margin-left: 0px; margin-top: -130px; }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }

.loadAboveMain { 
 display: none; 
 position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; Z-INDEX: 9999999;
 background: rgba(0,0,0,0.4); 
 text-align: center; 
 z-index: 99999; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 20px); height: calc(100% - 10px); margin-top: 5px; 
 z-index: 99999;
 max-width: 1300px; 
 background: white url('javascript/ajax-loader.gif') no-repeat center center; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 border-radius: 10px; 		  
 -webkit-box-shadow: 0px 0px 3px 3px rgb(0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);	  
 -webkit-overflow-scrolling: touch;  
}

.loadAboveIn.loadAboveWhite {
 background-color: white; 
 background-image: none!important; 
 overflow-y: auto!important; 
 padding: 10px; 
}

.loadAboveIn iframe {
 -webkit-overflow-scrolling: touch!important;  
 overflow: scroll!important; 
 width: 100%; height: 100%; 
 border: none; 
}

.loadAboveClose {
 position: fixed; top: 3px; left: 100%; margin-left: -35px; width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 999999; 
}

.loadAboveClose:hover { background: rgb(127,127,127); }

@media screen and (min-width: 1310px) {	
 .loadAboveClose {left: 50%; margin-left: 615px;}
}

.econt_reg_select, .econt_reg_select_input, .econt_city_select, .econt_city_select_input, .econt_quarter_select, 
.econt_quarter_select_input, .econt_other_select, .econt_other_select_input, .econt_street_block, .econt_delivery_radios, 
.econt_office_fld, .econt_office_select, .econt_office_select_input, .econt_office_info, 
.econt_address_flds {
 width: 100%; 
}

.econt_street_select, .econt_street_select_input { width: 70%; }
.econt_streetnum_select, .econt_streetnum_select_input { width: 28%; padding-left: 2%; }

.datalist_def {
 background-image: url('img/img-common/point-bot-grey.gif'); 
 background-position: center right; 
 background-repeat: no-repeat; 
 background-size: 7px 30%; 
}

.datalist-clear {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white; 
 width: 14px!important; height: 14px; border-radius: 5px; 
 border: 1px solid rgb(160,160,160); 
 color: rgb(160,160,160); 
 text-align: center; 
 margin-top: -8px; margin-left: -36px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 14px;
 transition: 0.2s;
 cursor: pointer; 
}
.datalist-clear:hover { color: rgb(30,30,30); border: 1px solid rgb(30,30,30)!important; }

.datalist-dropdown {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white url('img/img-common/point-bot-grey.gif') no-repeat center center; 
 width: 20px!important; height: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 
 border: 1px solid rgb(180,180,180); 
 text-align: center; 
 margin-top: -10px; margin-left: -18px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 15px;
 cursor: pointer; 
}
.datalist-dropdown:hover {
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center center; 
}

.dateFlow .calContainer { display: inline-block; float: none; width: auto; }

.swiper-wrapper { float: none; box-sizing: content-box; width: 100%; height: 100%; display: flex; }
body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
 font-family: Arial,Helvetica,sans-serif;
 color: rgb(51,51,51);  
}

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

a:hover { color: rgb(46,151,196); }

.trans04, a, .mbPad, .whiteA, a.whiteA, .blueA, a.blueA, .trigMenu, .dotOff, .home4 img, 
.facebook, .initHeight, .flw100.initHeight, #mainTextContainer, 
.greyA, a.greyA, .gallExplain, .theBlur, #theAgree, .formSubmit input, .closeLabel span, .click2home, 
.pointDown, span.facebook, .facebook, .deliveryGall .dots150, .deliveryGall .theBlur, .aboutFeatures .baseFeature strong, .contImg img, 
.productPic img, .productName, a.transpA, .transpA {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

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

.fullW, .fullw {
 width: 1150px; 
 left: 50%; 
 margin-left: -575px; 
}

@media screen and (max-width: 1150px) {
	.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; }

.upcase {
 text-transform: uppercase; 
}

.click2home { 
 margin-top: 22px; 
 margin-left: 20px; 
 width: 175px; 
 height: 105px; 
 margin-bottom: 10px; 
 text-align: right; 
 font-weight: bold; 
 font-size: 18px; 
 line-height: 18px!important; 
 color: rgb(33,33,33); 
 text-align: right; 
 padding-top: 73px; 
 background: url('img/logo.gif') no-repeat top center; 
}
.click2home a, .click2home a:visited, .click2home a:active, .click2home a:hover { color: rgb(33,33,33); }
.click2home img {
 width: 100%; 
 height: 100%; 
}

.myHead {
  background: rgb(245,245,245); 
}

.stickTop .click2home { height: 50px; margin-top: 1px; margin-bottom: 2px; padding: 0px; width: 62px; background: url('img/logo-small.png') no-repeat top center; }
.stickTop .click2home a { display: none; }

.keepMenuLine { position: absolute; top: 100%; left: 0px; width: 100%; margin-top: -53px; height: 53px; }
.backMenuLine { height: 53px; background: rgb(76,76,76); float: right; width: 40%; }

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

.topMenus { float: right; width: 100%; max-width: calc(100% - 200px); }

.topMenu {
 width: 100%; 
 color: rgb(0,155,191); 
} 

.stickTop .topMenu nav { display: none; }
.stickTop { position: fixed; top: 0px; left: 0px; z-index: 2; width: 100%; }

.topMenu nav { width: auto; height: auto; font-size: 14px; float: right; position: relative; }

.topMenu a, .topMenu span, .topMenu a:visited {
 display: inline-block; 
 padding-top: 38px; 
 font-size: 15px; 
 padding-left: 10px; 
 padding-right: 10px; 
 padding-bottom: 30px; 
 line-height: 15px; 
 font-weight: bold; 
 color: rgb(0,155,191); 
 font-family: Arial, Helvetica, Sans-serif;
}
.topMenu a:hover { color: rgb(76,76,76); }

@media screen and (max-width: 799px) { 
 .click2home { width: 61px; height: 50px; margin-top: 5px; margin-left: 2px; margin-bottom: 5px; background: url('img/logo-small.png') no-repeat top center; padding: 0px; }
 .click2home a { display: none; }
 .topMenus { max-width: calc(100% - 65px); } 
 .topMenu a, .topMenu span, .topMenu a:visited {
  padding-top: 12px; 
 font-size: 14px; 
 padding-left: 7px; 
 padding-right: 7px; 
 padding-bottom: 7px; 
 line-height: 14px;  
 }
}
@media screen and (max-width: 359px) { 
 .topMenu a, .topMenu span, .topMenu a:visited {
  padding: 5px 5px 5px 5px; 
  }
}


.mbPad a, .mbPad a:visited, .mbPad a:active { color: white; }

.floatMid {
 display: inline-block; 
 float: none; 
 max-width: 100%; 
}

iframe { max-width: 100%; }

.imgMax100 img { max-width: 100%; height: auto; }

.mainMenu { width: 100%; height: 53px; margin-top: 2px; }
/*
.lupa { display: inline-block; width: 19px; height: 16px; background-image: url('img/lupa.gif');
background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
*/
.lupa, .mbPad:hover.lupa:hover { 
 background-image: url('img/lupa.gif'); 
 background-repeat: no-repeat; 
 background-position: center center; background-size: 19px 16px; 
 }

.txtSrchFld {
 display: none; 
 position: absolute; 
 top: 100%; 
 margin-top: -4px; 
 left: 100%; 
 margin-left: -200px; 
 height: 45px; 
 background: rgb(76,76,76);  
 z-index: 5; 
 width: 200px; 
 padding: 5px 3px 3px 3px; 
}
.txtSrchFld input { width: 99%; border-left: 1px solid rgb(76,76,76); 
 border-top: 1px solid rgb(76,76,76); 
 border-right: 1px solid rgb(76,76,76); 
 border-bottom: 2px solid white; 
 background: rgb(76,76,76); 
 color: white; 
 height: 33px; 
}

.mainMenuFon { 
 float: right; background: rgb(76,76,76); 
 text-transform: uppercase; 
 height: 53px; 
}

.mbPad { 
 padding: 20px 25px; font-size: 14px; 
 margin-left: 1px; margin-right: 1px; 
 line-height: 13px; 
 font-family: Arial, Helvetica, Sans-serif;
 font-weight: bold; 
}

.mbPad.cursPoint:hover { background: rgb(229,229,229); }
.mbPad.cursPoint:hover a, .mbPad.cursPoint:hover a:visited, .mbPad.cursPoint:hover a:active { color: rgb(76,76,76); }

.subMenu { 
 position: absolute; 
 top: 56px; 
 left: 0px; 
 padding: 5px 15px; 
 min-width: 280px;  
 display: none; 
 text-align: left; 
 font-size: 15px; 
 line-height: 15px; 
 font-family: Arial, Helvetica, Sans-serif;
 z-index: 10;
 background: rgb(76,76,76);
}

.subMenu a, .subMenu span {
 display: inline-block; width: 100%; padding-top: 12px; padding-bottom: 12px; 
}
.subMenu span { color: rgb(220,220,220);  }
.subMenu a, .subMenu a:visited { color: white; }
.subMenu a:hover {  color: rgb(121,181,215);}

.trigMenu { 
 display: none; 
 float: none; height: 30px; padding-left: 50px; background-image: url('img/3-lines.gif');
 background-repeat: no-repeat; background-position: center left; background-size: auto 100%; 
  margin-top: 14px; margin-bottom: 5px;
  padding-top: 6px; 
  font-size: 13px;
 margin-left: 5px;   
 color: rgb(62,133,161); 
 font-weight: bold; 
}

.trigMenu:hover {
 color: rgb(9,83,115); 
 background-image: url('img/3-lines-hover.gif');
}

.langIn { background: rgb(229,229,229); margin-left: -2px; color: white; }

@media screen and (max-width: 799px) {
 .keepMenuLine { display: none; }
 .trigMenu { display: inline-block; float: none; }
 .mainMenuFon  { display: none; width: 100%; height: auto; float: left; position: relative; }
 .mainMenu { height: auto; }
 .menuButton { width: 100%; }
 .mbPad { width: 100%; border-bottom: 1px solid white; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.subMenu { 
 float: left; 
 position: relative; 
 top: 0px; 
 left: 0px; 
 width: 100%;
 text-align: left; 
 font-size: 12px;  
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 background: rgb(); 
 background: rgb(); 
}
 .subMenu a, .subMenu span { border-bottom: 1px solid rgb(76,76,76);}
}

.homeFrames {
 width: 100%; 
 height: 640px; 
 overflow: hidden; 
 background: rgb(230,230,230);
}

.pageFrame {
 width: 100%; 
 height: 540px; 
 overflow: hidden; 
 background: rgb(230,230,230);
}

.frameH { height: 640px; }

.frameHD {
 position: absolute; 
 display: none; 
 width: 1920px; 
 height: 640px; 
 left: 50%; 
 margin-left: -960px; 
}
.frame1550 {
 position: absolute; 
 width: 1550px; 
 height: 640px; 
 left: 50%; 
 margin-left: -775px; 
}

.pageFrame .frameH, .frameH .frameHD, .pageFrame .frame1550 { height: 540px; }

.frameHD img, .frame1550 img { width: 100%; height: 100%; }

@media screen and (min-width: 1551px) {
 .frame1550 { display: none; }
 .frameHD { display: inline; }
}

.theBlur { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}

.frameLabel { 
 width: 740px; 
 left: 47%; 
 margin-left: -370px; 
 top: 50%; 
 color: white; 
 font-size: 24px; 
 font-weight: bold; 
 font-family: Arial, Helvetica, Sans-serif;
 position: absolute; 
}

.frameLabel h1, .frameLabel h2 {
 color: white; 
 font-size: 24px; 
 font-weight: bold; 
 font-family: Arial, Helvetica, Sans-serif;
 margin-top: 0px; 
 margin-bottom: 0px; 
 padding: 0px 0px; 
}

.frameLabel .blueA { margin-top: 75px; }
.contactCategory .frameLabel .blueA, .contactAbout .frameLabel .blueA { margin-top: -15px; }


.blueA, a.blueA, a.blueA:visited {
 display: inline-block; 
 padding: 18px 20px; 
 min-width: 100px; 
 background: rgb(62,133,161); 
 color: white; 
 font-size: 14px;
 font-weight: bold; 
}
.blueA:hover, a.blueA:hover { background: rgb(9,83,115); }

.greyA, a.greyA, a.greyA:visited {
 display: inline-block; 
 padding: 18px 20px; 
 min-width: 100px; 
 background: rgb(229,229,229); 
 color: rgb(62,133,161); 
 font-size: 14px;
 font-weight: bold; 
}
.blueLine .greyA:hover, .greyA:hover, a.greyA:hover { background: rgb(9,83,115); color: white!important; }

.blueLine .greyA, .blueLine  a.greyA, .blueLine  a.greyA:visited { color: rgb(62,133,161)!important;  }

.dots150 {
 position: absolute; 
 top: 15px; 
 left: 0px; 
 height: 152px; 
 width: 100%; 
 background: url('img/dots.gif') repeat-x top left;
}

.dots130 {
 position: absolute; 
 top: 15px; 
 left: 0px; 
 height: 130px; 
 width: 100%; 
 background: url('img/dots.gif') repeat-x top left;
}

.dots130 {
 position: absolute; 
 top: 15px; 
 left: 0px; 
 height: 80px; 
 width: 100%; 
 background: url('img/dots.gif') repeat-x top left;
}


.frameDots {
 position: absolute; 
 top: 100%; 
 left: 0px; 
 width: 100%;
 margin-top: -34px; 
 text-align: center; 
}

.dotOn {
 display: inline-block; 
 width: 70px; 
 height: 10px; 
 margin-left: 7px; 
 margin-right: 7px; 
 background: rgb(62,133,161); 
}


.dotOff {
 display: inline-block; 
  width: 70px; 
 height: 10px; 
 margin-left: 7px; 
 margin-right: 7px; 
 background: rgb(76,76,76); 
 cursor: pointer; 
}
.dotOff:hover { background: white;}


@media screen and (max-width: 1370px) and (min-width: 1150px) and (max-height: 720px) {
 .homeFrames, .frameH, .frameHD, .frame1550 { height: 560px; }
 .pageFrame, .pageFrame .frameH, .frameH .frameHD, .pageFrame .frame1550 { height: 470px; }
 .frame1550 { width: 1360px; margin-left: -680px; }
}

@media screen and (max-width: 1150px) {
 .homeFrames, .frameH, .frameHD, .frame1550 { height: 474px; }
 .pageFrame, .pageFrame .frameH, .frameH .frameHD, .pageFrame .frame1550 { height: 400px; }
 .frame1550 { width: 1150px; margin-left: -575px; }
 .frameLabel { width: 600px; margin-left: -300px; font-size: 24px; top: 40%; }
 .frameLabel h1, .frameLabel h2 { font-size: 24px; }
 .frameLabel .whiteA { margin-top: 20px; }
 .frameLabel .blueA { margin-top: 50px; }
 .dots150 { height: 130px; }
 .dots130 { height: 100px; }
}

@media screen and (max-width: 800px) {
 .homeFrames, .frameH, .frameHD, .frame1550 { height: 330px; }
 .pageFrame, .pageFrame .frameH, .frameH .frameHD, .pageFrame .frame1550 { height: 278px; }
 .frame1550 { width: 800px; margin-left: -400px; }
 .frameLabel .blueA { margin-top: 40px; }
 .dots150 { height: 100px; }
 .dots130 { height: 75px; }
}
@media screen and (max-width: 599px) {
 .homeFrames, .frameH, .frameHD, .frame1550 { height: 245px; }
 .pageFrame, .pageFrame .frameH, .frameH .frameHD, .pageFrame .frame1550 { height: 209px; }
 .frame1550 { width: 600px; margin-left: -300px; }
 .frameLabel { width: 240px; margin-left: -120px; font-size: 18px; top: 20%; }
 .frameLabel h1, .frameLabel h2 { font-size: 18px; }
 .frameLabel .whiteA { margin-top: 10px; }
 .whiteA, a.whiteA, a.whiteA:visited {
  font-size: 13px; 
  padding: 7px 10px; 
 }
 .dotOn, .dotOff {
 width: 50px; 
 }
 .frameLabel .blueA { margin-top: 20px; }
 .dots150 { height: 60px; }
 .dots130 { height: 40px; }
}
.padTop60 { padding-top: 60px; }
.padTop90 { padding-top: 90px; }
@media screen and (max-width: 599px) { .padTop90 { padding-top: 30px; } }


h1, h2, h3 {
 display: inline-block; 
 width: 100%; 
 text-align: center; 
 color: rgb(62,133,161); 
 text-transform: uppercase; 
 font-size: 24px; 
 line-height: 24px;
 font-weight: bold; 
 margin-top: 0px; 
 padding-top: 0px;  
 padding-bottom: 0px; 
 margin-bottom: 20px; 
}

h1 strong, h2 strong, h3 strong { font-weight: normal; text-transform: uppercase; font-size: 14px!important; color: rgb(76,76,76); }
.blueLine h2 strong { color: rgb(230,230,230); }

@media screen and (max-width: 599px) {  
 h1, h2, h3 { font-size: 18px; }
}

.corners {
 float: none; 
 display: inline-block; 
 width: 100%; 
 max-width: 1550px; 
 padding-left: 120px; 
 padding-right: 120px;
 padding-top: 30px;
 min-height: 260px;  
 padding-bottom: 60px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 text-align: left; 
}

.stickCornersTop { top: -30px; }

.TLcorner, .TRcorner, .BLcorner, .BRcorner {
 width: 100px; height: 100px; position: absolute; 
 background-size: 100% 100%; 
}

.TLcorner { top: 30px; left: 20px; background-image: url('img/top-left.gif'); }
.TRcorner { top: 30px; left: 100%; margin-left: -120px; background-image: url('img/top-right.gif'); }
.BLcorner { top: 100%; margin-top: -130px; left: 20px; background-image: url('img/bot-left.gif'); }
.BRcorner { top: 100%; margin-top: -130px; left: 100%; margin-left: -120px; background-image: url('img/bot-right.gif'); }

@media screen and (max-width: 800px) {  
 .corners { padding: 30px 60px 30px 60px; }
 .TLcorner, .TRcorner, .BLcorner, .BRcorner { width: 50px; height: 50px; }
 
 .TLcorner { top: 15px; left: 10px; }
 .TRcorner { top: 15px; margin-left: -60px; }
 .BLcorner { margin-top: -65px; left: 10px;  }
 .BRcorner { margin-top: -65px; margin-left: -60px; }
}

@media screen and (max-width: 600px) {  
 .corners { padding: 15px 30px 15px 30px; }
 .stickCornersTop { top: -15px; }
 .TLcorner, .TRcorner, .BLcorner, .BRcorner { width: 25px; height: 25px; }
 
 .TLcorner { top: 7px; left: 5px; }
 .TRcorner { top: 7px; margin-left: -30px; }
 .BLcorner { margin-top: -32px; left: 5px;  }
 .BRcorner { margin-top: -32px; margin-left: -30px; }
}

.home4 {
 width: 455px; 
 height: 415px; 
 float: none; 
 display: inline-block; 
 overflow: hidden; 
 margin-left: 5px; 
 margin-right: 5px; 
 margin-bottom: 10px; 
}

.home4 img { width: 100%; height: auto; min-height: 100%; }
.home4:hover img { width: 102%; margin-left: -4px; margin-top: -3px; }

.home4 a, .home4 a:visited, .home4 a:active { 
 color: white; 
 display: inline-block; 
 position: absolute; 
 width: 60%; 
 left: 20%; 
 font-weight: bold; 
 font-size: 16px; 
 text-transform: uppercase; 
 top: 48%; 
}

.offset40 { top: 40px; position: relative; }

.pointDown { display: inline-block; 
 width: 100px; height: 50px; float: none; 
 background-image: url('img/point-down.gif');
 background-repeat: no-repeat; 
 background-position: center center; 
 background-size: 100% 100%; 
}
.blueLine .pointDown { background-image: url('img/point-down-white.gif');}
.pointDown:hover { background-image: url('img/point-down-hover.gif');}
.blueLine .pointDown:hover { background-image: url('img/point-down-dark.gif');}

.blueLine a, .blueLine a:visited { color: rgb(180,180,180); }

@media screen and (max-width: 700px) { 
 .pointDown { width: 50px; height: 25px; }
 .pointDown.offset40 { top: 10px; }
}

@media screen and (max-width: 520px) { 
 .home4 { width: 100%; height: auto; } 
 .home4 img { width: 100%; height: auto; }
 .home4:hover img { width: 100%; height: auto; margin-left: 0px; margin-top: 0px; }
}

.blueLine { background: rgb(62,133,161); color: white }
.blueLine .mainFont, .blueLine h1, .blueLine h2, .blueLine h3, .blueLine h4, .blueLine h5, .blueLine h6 { color: white; }

.max430 { max-width: 430px; width: 100%; }
.max720 { max-width: 720px; width: 100%; }
.max670 { max-width: 670px; width: 100%; }
.max960 { max-width: 960px; width: 100%; }
.max1125 { max-width: 1125px; width: 100%; }
.max1150 { max-width: 1150px; width: 100%; }

.padTop80 { padding-top: 80px; }

.contactLocation ul { display: inline-block; float: left; position: relative; margin: 0px; padding: 0px; width: 100%; 
 margin-bottom: 10px; margin-top: 20px;  
}
.contactLocation h2 { min-height: 60px; }
@media screen and (max-width: 1160px) { .contactLocation h2 { min-height: 10px; } }

.contactLocation ul li { 
 display: inline-block; 
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 list-style-type: square;  
 padding-left: 40px; 
 padding-right: 5px; 
 font-size: inherit;
 color: inherit;  
 margin-bottom: 5px; 
 font-family: inherit; 
 position: relative;
 text-align: left; 
 float: left; 
 list-style-position: outside; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-bottom: 7px; 
}

.contactLocation ul li p { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 10px;  }

.contactLocation ul li::before {
 content: '';
 position: absolute; 
 top: 0px; 
 left: 16px; 
 width: 16px; height: 16px; 
 background: rgb(62,133,161); 
}

@media screen and (max-width: 460px) { 
 .contactLocation ul li {  width: 90%; margin-left: 10%; }
}

.theBase {
 margin-top: -420px; 
}
.theBase h2 { color: white; }

.baseFeature { 
 display: inline-block; 
 float: none; 
 width: 215px; height: 215px; 
 padding: 70px 20px 20px 20px; 
 margin-left: 10px; 
 margin-right: 10px; 
 margin-bottom: 10px; 
 font-size: 13px; 
 color: rgb(76,76,76); 
 background: rgb(229,229,229); 
 text-transform: uppercase; 
}
.baseFeature strong { 
font-size: 28px; color: rgb(62,133,161); text-transform: none; display: inline-block; padding-bottom: 20px; 
width: 100%; 
min-height: 50px; 
float: left; position: relative; 
}

.baseSpan { display: inline-block; width: 100%; min-height: 55px;  float: left; position: relative;  }

.aboutFeatures { margin-bottom: -30px; }

.aboutFeatures .baseFeature {
 width: 160px; height: 200px; margin-left: 35px; margin-right: 35px; padding: 0px; 
}
.aboutFeatures .baseFeature strong { border: 1px solid rgb(62,133,161); font-size: 24px; padding-top: 40px; margin-bottom: 10px; }
.aboutFeatures .baseFeature strong:hover { background: white; }
.aboutFeatures .baseSpan { font-size: 14px; color: rgb(62,133,161); text-align: center; font-weight: bold; }

@media screen and (max-width: 800px) { 
 .theBase {
 margin-top: 20px; 
}
.theBase h2 { color: rgb(62,133,161);  }
.baseFeature { float: none;  }
}

.theFooter {
 padding-top: 80px; 
 background: white;
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 12px; 
}

.credits { 
 padding-top: 20px; 
 padding-bottom: 15px; 
 font-size: 11px; 
 color: rgb(204,204,204);
 background: rgb(51,51,51); 
 font-weight: normal; 
 font-family: Arial, Helvetica, Sans-serif;
}
.credits a, .credits a:visited, .credits a:active { color: rgb(204,204,204);}
.credits a:hover { color: white; }

@media screen and (max-width: 600px) { 
 .theFooter { padding-top: 30px; }
 .credits {
  padding-top: 20px; 
  padding-bottom: 20px; 
  font-weight: normal; 
 }
}

.footCol123 {
 width: 23%; 
 padding-left: 5px; 
 padding-right: 25px; 
 color: rgb(127,127,127); 
 font-size: 13px; 
 font-weight: bold; 
 min-height: 180px; 
 padding-bottom: 20px; 
}

.footCol4 {
 float: right; 
 width: 31%; 
 padding-left: 5px; 
 padding-right: 5px; 
 color: rgb(127,127,127); 
 min-height: 180px; 
 padding-bottom: 20px; 
 font-size: 12px; 
 font-weight: bold; 
}

.footCol4 nav { width: 100%; }

.footCol4 strong { color: rgb(51,51,51); }
.footCol4 a, .footCol4 a:visited, .footCol4 a:active { color: rgb(127,127,127); font-size: 12px; }
.footCol4 a:hover { color: rgb(62,133,161); }

.facebook { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background-image: url('img/img-common/facebook.gif');
 background-repeat: no-repeat; background-size: 100% 100%; 
}
a:hover span.facebook { background-image: url('img/img-common/facebook-bw-light.gif'); }

.padLR { padding-left: 30px; padding-right: 30px; }

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


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


.dispBlock { display: inline-block; }

.footCol123 ul { display: inline-block; float: left; position: relative; margin: 0px; padding: 0px; width: 100%; 
 margin-bottom: 30px; margin-top: 20px; 
}
.footCol123  ul  li { 
 display: inline-block; 
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 list-style-type: square;  
 padding-left: 24px; 
 font-size: 12px; 
 font-weight: bold; 
 color: rgb(51,51,51); 
 font-family: inherit; 
 position: relative;
 text-align: left; 
 float: left; 
 list-style-position: outside; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-bottom: 10px; 
}

.footCol123 ul  li::before, .dotA::before {
 content: '';
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 16px; height: 16px; 
 background: rgb(62,133,161); 
}

.blueLine a.dotA::before { background: rgb(229,229,229); }
.blueLine a.dotA, .blueLine .dotA { color: rgb(229,229,229); }

.dotA { display: inline-block; padding-left: 24px; text-transform: uppercase; font-weight: bold; }

.footCol4 p { margin-top: 0px; padding-top: 0px; padding-bottom: 15px; margin-bottom: 0px; }

@media screen and (max-width: 800px) {
 .footCol123, .footCol4 { width: 100%; padding-left: 20px; min-height: 20px; padding-bottom: 10px; }
} 

.flw60 { width: 60%; }
.flw40 { width: 40%; }

.formCol {
 width: 48.5%; 
 line-height: 16px; 
}

.formCol input, .formCol textarea {
 width: 99%; 
 background: white; 
 border: 1px solid white; 
 margin-top: 7px; 
 margin-bottom: 16px; 
}

.deliveryGall:hover .theBlur { background: rgba(0,0,0,0); }
.deliveryGall:hover .dots150 { background: rgba(0,0,0,0); }

.formCol input { height: 38px; }
.formCol textarea { height: 285px; }

.formCol img { margin-top: 7px; margin-right: 10px; }

@media screen and (max-width: 600px) { 
 .formCol { width: 96%; margin-left: 2%; margin-right: 2%; margin-bottom: 5px; }
}

.agreesIn { text-align: center; padding-top: 20px; }

.agreesIn .flwA { max-width: calc(100% - 38px); }

.agreeOff { width: 20px; height: 20px; display: inline-block; background: white;  cursor: pointer; border: 4px solid white; }
.agreeOn { width: 20px; height: 20px; display: inline-block; border: 4px solid white; background: rgb(9,83,115); cursor: pointer; }
.agreeOff, .agreeOn { margin-left: 5px; margin-right: 5px; }

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

.formSubmit input  {
 padding: 12px 20px; 
 min-width: 60px; 
 background: rgb(229,229,229); 
 color: rgb(62,133,161); 
 font-size: 14px;
 font-weight: bold; 
 border: 1px solid rgb(229,229,229); 
 text-transform: uppercase; 
 cursor: pointer; 
}
.formSubmit input:hover {
 background: rgb(46,151,196); 
 color: white; 
 border: 1px solid rgb(62,133,161); 
}

.closeLabel { padding-right: 10px; }
.closeLabel span { color: rgb(47,148,190); text-transform: uppercase; font-size: 12px; display: inline-block; cursor: pointer; font-weight: bold; }
.closeLabel span:hover { color: rgb(9,83,115); }

.mapInside { width: 100%; max-width: 980px; height: 410px; background: rgb(160,160,160); margin-bottom: 40px; }
@media screen and (max-width: 480px) { 
 .mapInside { height: 240px; }
}


.flw100plus { width: 1180px; text-align: center; }
@media screen and (max-width: 1153px) { .flw100plus { width: 100%; } }

.pagination a, .pagination span { display: inline-block; padding: 5px 10px; margin-left: 2px; margin-right: 2px; font-size: 13px; }
.pagination a:hover { background: rgb(9,83,115); color: white; }
.pagination span  { background: rgb(204,204,204);  color: rgb(62,133,161); }

.o2left  {
 width: 56%; 
}
.o2left  h1, .o2left  h2, .o2left  h3 { text-align: left; font-size: 18px;  }

.o2right {
 width: 38%; float: right; 
}

@media screen and (max-width: 560px) {  }

.deliveryGall {
 width: 670px; 
 float: right; 
}

.deliveryText { max-width: calc(100% - 670px); width: 370px; padding-left: 100px; padding-right: 60px; padding-top: 75px; }

@media screen and (max-width: 1150px) {
.o2left, .o2right { width: 100%; padding-bottom: 10px;  } 
.deliveryText { padding-left: 10px; padding-right: 10px; padding-top: 50px; max-width: 100%; padding-bottom: 20px; }
.deliveryGall { max-width: 100%; }
 }

.deliveryText h1, .deliveryText h2, .deliveryText h3 { text-align: left; font-size: 18px; }

.orderO2 {
 background-image: url('img/order-o2.jpg');
 background-repeat: no-repeat;
 background-size: 100% auto; 
 min-height: 165px; 
}

.raznosC02 {
 background-image: url('img/raznos-CO2.jpg');
 background-repeat: no-repeat;
 background-size: 100% auto; 
 min-height: 333px; 
}

.raznosGases {
 background-image: url('img/raznos-Gases.jpg');
 background-repeat: no-repeat;
 background-size: 100% auto; 
 min-height: 333px; 
}

.raznosLikeIce {
 background-image: url('img/raznos-like-ice.jpg');
 background-repeat: no-repeat;
 background-size: 100% auto; 
 min-height: 165px; 
}

.contactAbout {
  background-image: url('img/raznos-like-ice.jpg');
 background-repeat: no-repeat;
 background-size: 100% auto; 
 min-height: 260px; 
}

.contactCategory {
 background-repeat: no-repeat;
 background-size: 100% auto; 
 min-height: 260px; 
}

@media screen and (max-width: 1550px) {
 .raznosLikeIce, .orderO2, .raznosC02, .raznosGases, .contactAbout, .contactCategory {  background-size: 1550px auto;  }
}

@media screen and (max-width: 600px) {
 .raznosC02, .raznosGases, .contactAbout, .contactCategory { min-height: 160px; background-size: auto 100%; }
}

.silverWdots { background: rgb(229,229,229) url('img/dots-white.gif'); }

.techGas { display: inline-block; float: none; 
 background: rgb(62,133,161); 
 color: white; 
 margin-left: 4px; 
 margin-right: 4px; 
 margin-bottom: 8px; 
 width: 178px; 
 height: 178px; 
 font-size: 14px; 
 cursor: pointer; 
}

.techGas:hover { color: rgb(230,230,230); }

.gasFormula { display: inline-block; width: 100%; padding-top: 60px; font-size: 48px; padding-bottom: 20px; min-height: 60px; }
.gasFormula sub { font-size: 24px; }

.gasSelected { background: rgb(0,155,191); }

.normCase { text-transform: none!important;}

.leftGall { float: left!important; }

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

.hideBlur:hover .theBlur, .hideBlur:hover .dots150 { background: rgba(0,0,0,0); }

.contactLocation { 
 width: 445px; 
 margin-left: 6px; 
 margin-right: 6px; 
 float: none; 
 display: inline-block;
}

.contImg {
 width: 100%; 
 height: 360px; 
 overflow: hidden; 
 margin-bottom: 30px; 
}
.contImg img { width: 100%; height: auto; }
.contactLocation:hover .contImg img { width: 102%; height: auto; margin-left: -1%; margin-top: -4px; }
.contactLocation:hover .theBlur { background: rgba(0,0,0,0); }

@media screen and (max-width: 480px) { 
 .contactLocation { width: 100%; }
 .contImg { height: auto; }
 .contactLocation ul li { padding-bottom: 5px; }
}

.backEls { background-image: url('img/electrodes.png');
 background-repeat: no-repeat; 
 background-position: bottom center; 
 }
 
@media screen and (max-width: 1000px) { .backEls { background-size: 100% auto; } }
 
.productIn {
 display: inline-block; 
 float: none; 
 width: 340px; 
 margin-left: 7px; 
 margin-right: 7px; 
 height: 370px; 
 margin-bottom: 10px; 
 cursor: pointer; 
}

.productInFire {
 display: inline-block; 
 float: none; 
 width: 255px; 
 margin-left: 6px; 
 margin-right: 6px; 
 height: 280px; 
 margin-bottom: 10px; 
 cursor: pointer; 
}

.productPic { width: 100%; height: 300px; overflow: hidden; background: white; }
.productInFire .productPic { height: 230px; }
.productPic img { width: 100%; height: auto; }
.productIn:hover .productPic img { width: 102%; margin-left: -4px; margin-top: -3px; }

.productName { width: 100%; text-align: center; padding-top: 20px; font-weight: bold; font-size: 14px; color: rgb(62,133,161); text-transform: uppercase; }
.productIn:hover .productName { color: rgb(46,151,196); }

@media screen and (max-width: 355px) {
 .productIn, .productPic { width: 100%; height: auto; }
 .productIn:hover .productPic img { width: 100%; height: auto; margin-left: 0px; margin-top: 0px;  }
}
@media screen and (max-width: 280px) {
 .productInFire { width: 100%; height: auto; }
}
.transpA, a.transpA, a.transpA:visited { display: inline-block; padding: 20px; border: 1px solid white; color: white; text-transform: uppercase; font-weight: bold; }
a.transpA:hover { background: rgb(46,151,196); color: white!important; }

.minH10 { min-height: 10px; }

.blur4load {
 position: fixed; 
 top: 0px; 
 left: 0px; 
 background: rgba(0,0,0,0.4); 
 width: 100%; 
 min-height: 100%; 
 padding-top: 10px; 
 padding-bottom: 30px; 
 z-index: 20; 
}

.closeAbove {
 width: 100%; max-width: 1200px; text-align: right; color: white; 
 display: inline-block; float: none; 
 padding-bottom: 10px; 
}
.closeAbove span { font-weight: bold; font-size: 13px;  }
.closeAbove span:hover { color: rgb(53,144,194); }
.closeAbove.text-center { text-align: center!important; }

.flw49 { width: 49%; }
@media screen and (max-width: 460px) { .flw49 { width: 100%; } .flw49.divR { float: left; } }

.gtcLoad {
 background: white; 
 color: rgb(51,51,51)!important;  
 text-align: left; 
 padding: 15px 20px; 
 overflow: auto; 
 max-height: 100%; 	
}

@media screen and (max-height: 1200px) { .gtcLoad { max-height: 1000px; } }
@media screen and (max-height: 1000px) { .gtcLoad { max-height: 800px; } }
@media screen and (max-height: 800px) { .gtcLoad { max-height: 600px; } }
@media screen and (max-height: 600px) { .gtcLoad { max-height: 450px; } }
@media screen and (max-height: 450px) { .gtcLoad { max-height: 300px; } }
@media screen and (max-height: 300px) { .gtcLoad { max-height: 200px; } }

.below120 { position: absolute; top: 150px; left: 0px; width: 2px; height: 2px; }

.scrollUp { 
 width: 40px; height: 40px; 
 background: rgb(32,33,37) url('img/scroll-up.png') no-repeat center center; 
 position: fixed; top: 100%; 
 left: 100%; 
 margin-top: -40px; 
 margin-left: -60px; 
 -moz-opacity: 0.80;  
 opacity: 0.80; 
 filter:alpha(opacity=80);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 9999999; 
}
.scrollUp:hover { 
 -moz-opacity: 1.0;  
 opacity: 1.0; 
 filter:alpha(opacity=100);
}
@media screen and (max-width: 1090px) { .scrollUp { left: 100%; margin-left: -44px; } } 

.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(78,190,212);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(78,190,212);
}

.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(78,190,212); 
 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(78,190,212);
}

.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(78,190,212);
}
.realContText p, .realContText td
{
font-family: Arial,Helvetica,Sans-serif; font-size: 14px; color: rgb(51,51,51); 
}

a, a:visited,  a:active {
 text-decoration: none; 
 color: rgb(53,144,194);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

a:hover {
 color: rgb(46,151,196); 
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 margin-top: 2px; 
 margin-bottom: 12px; 
}

.realContText h1, .realContText table h1 { color: rgb(53,144,194); font-weight: normal; font-size: 24px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 16px;  }
.realContText h2, .realContText table h2, .realContText h3, .realContText table h3 { color: rgb(53,144,194); font-weight: normal; font-size: 18px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 12px;  }
.realContText h4, .realContText table h4 { color: rgb(53,144,194); font-weight: normal; font-size: 14px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 12px;  }
.realContText h1, .realContText h2, .realContText h3, .realContText h4, .realContText h5, .realContText h6 { text-align: center; }

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

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

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