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

.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: 'Alegreya Sans', sans-serif, Arial, Helvetica;
 color: rgb(76,76,76);  
}

/* 
font-family: 'Istok Web', sans-serif, Arial, Helvetica;
*/

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

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

a, .trans04, .weHave img, a.moreA, .contForm50 input, .contForm50 textarea, .submitForm input, .gallSlidePic, 
.objinfo, .objinfo.noDisplay {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

.mainFont { 
 font-family: 'Alegreya Sans', sans-serif, Arial, Helvetica; font-size: 14px; color: rgb(51,51,51); line-height: 16px;   
}
.iFont, .mainFont.iFont { font-family: 'Istok Web', sans-serif, Arial, Helvetica; letter-spacing: 0px; }
@media screen and (max-width: 600px) { .mainFont { font-size: 13px; line-height: 14px; } }

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

.click2home { 
 width: 330px; height: 51px; margin-top: 40px; margin-left: 3px; 
}
.click2home img { width: 100%; height: 100%; }

.max1420 { width: 100%; max-width: 1420px; padding-left: 5px; padding-right: 5px; }
.max1120 { width: 100%; max-width: 1120px; }
.max1150 { width: 100%; max-width: 1150px; }
.max965 { width: 100%; max-width: 975px; }
.max920 { width: 100%; max-width: 930px; }
.max780 { width: 100%; max-width: 790px; }
.max850 { width: 100%; max-width: 860px; }
.max820 { width: 100%; max-width: 830px; }
.padLR { padding-left: 5px; padding-right: 5px; }

.subMenuUl { display: none; }

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

.langsIn { width: 100%; text-align: right; font-size: 14px; text-transform: uppercase; font-weight: bold; }
.langsIn span, .langsIn a {
 display: inline-block; padding: 28px 15px 10px 15px; 
}
.langsIn span { color: rgb(229,229,229); background: rgb(18,21,31); }
.langsIn a, .langsIn a:visited, .langsIn a:active { color: rgb(18,21,31); }
.langsIn a:hover { background: rgb(238,23,69); color: white; }

.allMenu { width: 100%; text-align: right; font-weight: bold; }
.allMenu nav { width: auto; display: inline-block; }
ul.mainMenuUL { display: inline-block; float: none; margin-top: 0px; margin-bottom: 0px; }
ul.mainMenuUL li { display: inline-block; font-size: 18px; line-height: 18px; float: left; position: relative; width: auto; height: auto; }

ul.mainMenuUL li span, ul.mainMenuUL li a { display: inline-block; padding: 20px 10px 10px 10px;}
ul.mainMenuUL li span { background: rgb(186,183,186); }

ul.mainMenuUL a, ul.mainMenuUL a:visited { color: rgb(76,76,76); }
ul.mainMenuUL a:hover { background: rgb(18,21,31); color: white; }

ul.mainMenuUL li span.lupa { display: inline-block; width: 32px; height: 42px; background: url('img/lupa.png') no-repeat top left; padding: 0px;  }

.trig_menu { display: none; float: right; position: relative;  width: 40px; height: 40px; text-align: center; line-height: 8px; cursor: pointer; 
 margin-top: 15px; margin-right: 5px; 
}
.trig_menu span { display:inline-block; width: 30px; height: 3px; background: black; border-radius: 3px; }
.trig_menu:hover span { background: rgb(238,23,69);}

li.rptLangs { display: none!important; }

ul.mainMenuUL li.mobileOnly { display: none; }

@media screen and (max-width: 980px) { 
.trig_menu { display: inline; } 
ul.mainMenuUL li.mobileOnly { display: inline-block; }
.click2home { margin-top: 10px; }
.headMenus { width: 100%; display: none; max-width: 100%; }
.mobileOn { display: inline!important; }
.mobileOn .allMenu { text-align: center; background: white; }
.langsIn { display: none; }
li.rptLangs { display: inline-block!important; }
}

@media screen and (max-width: 399px) { 
 .click2home { margin-top: 5px; width: 264px; height: 40px; }
 .trig_menu { margin-top: 5px; }
}
@media screen and (max-width: 315px) { 
 .click2home { margin-top: 5px; width: 198px; height: 30px; }
}

.stickHeighter { width: 100%; height: 145px; display: none; }

.stickTop { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10; background: rgba(255,255,255,0.97); 
 -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);  

}
.stickTop .click2home { margin-top: 5px; }
.stickTop .langsIn { display: none; }

.homeFrames { width: 100%; height: 600px; overflow: hidden; 
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
 -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
 box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);  
}

.shadBot {
 -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
 -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
 box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);  
}

.homeFrame { position: absolute; top: 0px; left: 50%; width: 1920px; margin-left: -960px; height: 100%; }
.homeFrame img { width: 100%; height: auto; min-height: 100%; }

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

.frameLabel {
 position: absolute; 
 width: 900px;  
 left: 50%;
 margin-left: -450px; 
 top: 40%;
 font-size: 40px; 
 color: white; 
 font-weight: bold; 
 line-height: 50px; 
 text-shadow: 1px 1px 2px rgba(0,0,0,0.9); 
}
.frameLabel strong { font-size: 66px; color: rgb(183,183,183); text-shadow: 1px 1px 2px rgba(0,0,0,0.9); }
.frameLabel h1 { text-align: center; display: inline-block; margin-top: 0px; margin-bottom: 0px; width: 100%; line-height: 60px; 
 text-shadow: 1px 1px 1px rgba(0,0,0,1); 
}

.frameLabel p { text-align: center; }
.frameLabel a, .frameLabel a:visited { display: inline-block; padding: 18px 15px; min-width: 90px; background: rgb(18,21,31); color: white; 
 font-size: 16px; line-height: 16px; 
 text-shadow: 0px 0px 5px rgba(0,0,0,0); 
}
.frameLabel a:hover, a.moreA:hover { background: rgb(238,23,69);}

@media screen and (max-width: 1460px) { .homeFrame { width: 1450px; margin-left: -725px; }}
@media screen and (max-width: 1260px) { .homeFrame { width: 1260px; margin-left: -630px; } .homeFrames { height: 520px; } 
 .frameLabel { font-size: 30px; line-height: 40px; } .frameLabel strong { font-size: 50px; }
}
@media screen and (max-width: 980px) { .homeFrame { width: 1000px; margin-left: -500px; } .homeFrames { height: 410px; } 
	.frameLabel { width: 600px; margin-left: -300px; font-size: 24px; line-height: 30px; } .frameLabel strong { font-size: 36px; }
}
@media screen and (max-width: 600px) { .homeFrame { width: 620px; margin-left: -310px; } .homeFrames { height: 250px; } 
	.frameLabel { top: 25%; width: 240px; margin-left: -120px; font-size: 18px; line-height: 24px; } .frameLabel strong { font-size: 24px; }
	.frameLabel a, .frameLabel a:visited { padding: 15px 10px; }
	.frameLabel h1 { line-height: 40px; }
}

h1 { display: inline-block; text-align: center; color: rgb(76,76,76); 
 font-size: 28px; 
 line-height: 30px; 
}
span.Hund { display: inline-block; width: 64px; height: 1px; background: rgb(120,120,120); border-top: 1px solid rgb(190,190,190); 
 position: relative; top: -5px; 
}

h1 strong, h2 strong  { font-weight: bold; font-size: 18px; line-height: 20px;  }

#formInside h2 { line-height: 24px; }

.whatWeHaveWrapper {
 display: inline-block; float: none; width: 1680px; height: 500px; overflow: hidden; 
}

.whatWeHaveAll { display: inline-block; float: none; width: 1680px; text-align: center; }

.galleryWrapper {
 display: inline-block; float: none; width: 1260px; height: 310px; overflow: hidden; 
 margin-top: 30px; margin-bottom: 30px; 
}
.gallSlidePic { 
 display: inline-block; width: 235px; margin-left: 5px; margin-right: 5px; height: 235px; margin-bottom: 5px; 
 padding: 35px; 
 background: rgb(186,183,186); 
 float: none; 
}
@media screen and (max-width: 1260px) { .galleryWrapper { width: 945px; } }
@media screen and (max-width: 945px) { .galleryWrapper { width: 630px; } }
@media screen and (max-width: 630px) { .galleryWrapper { width: 315px; } }

.gallSlidePic:hover { background: rgb(163,38,48); }
.gallSlidePic img { width: 100%; height: 100%; }

.weHave { display: inline-block; width: 400px; margin-left: 10px; margin-right: 10px; height: 495px; margin-bottom: 5px;  }
.weHave img { width: 300px; height: 300px; border: 50px solid rgb(185,185,185); }
.weHave:hover img { border: 50px solid rgb(18,20,32); }

.weHave a, .weHave a:visited { color: rgb(76,76,76); font-size: 20px;  }

@media screen and (max-width: 1680px) { .whatWeHaveWrapper { width: 1260px; } .whatWeHaveAll  { width: 840px; }}
@media screen and (max-width: 1260px) { .whatWeHaveWrapper { width: 840px; } }
@media screen and (max-width: 840px) { .whatWeHaveWrapper, .whatWeHaveAll { width: 420px; } }
@media screen and (max-width: 419px) { .whatWeHaveWrapper, .whatWeHaveAll { width: 300px; } 
 .weHave  { width: 300px; margin-left: 0px; margin-right: 0px; } 
 .weHave img { border-left: 0px; border-right: 0px; border-top: 50px solid rgb(185,185,185); border-bottom: 50px solid rgb(185,185,185);}
 .weHave:hover img { border-top: 50px solid rgb(18,20,32); border-bottom: 50px solid rgb(18,20,32); border-left: 0px; border-right: 0px;}
}

.shadTop {
-webkit-box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.4);
 -moz-box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.4);
 box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.4);  
} 

.fonHomeIntro {
 background-color: rgb(133,138,159); 
 background-image: url('img/fons/home-intro-text.jpg'); 
 background-repeat: no-repeat; 
 background-position: top center; 
 background-size: 1920px auto; 
 color: rgb(229,229,229)!important; 
 padding-top: 75px; 
 padding-bottom: 25px; 
}

.backScale {
 background-repeat: no-repeat; 
 background-position: top center; 
 background-size: 1920px auto; 
}

@media screen and (max-width: 1680px) { .fonHomeIntro, .backScale { background-size: 1680px auto; }}
@media screen and (max-width: 1450px) { .fonHomeIntro, .backScale { background-size: 1450px auto; }}

.fonHomeIntro h1, .fonHomeIntro h2, .fonHomeIntro h3, .fonHomeIntro h4 { color: white!important; }

.fontUp { font-size: 22px; line-height: 24px; }
@media screen and (max-width: 799px) { .fontUp { font-size: 18px; line-height: 20px; } }

.point-down {
 display: inline-block; width: 280px; height: 40px; background-image: url('img/point-down.png');
 background-repeat: no-repeat; 
 background-position: top center;
 background-size: 100% 100%; 
}
@media screen and (max-width: 360px) { 
 .point-down { width: 168px; height: 24px; }
}

.back211 { background: rgb(211,211,211); padding-top: 30px; padding-bottom: 30px; }
.back222 { background: rgb(222,222,222); padding-top: 30px; padding-bottom: 30px; }
.back237 { background: rgb(237,237,237); padding-top: 30px; padding-bottom: 30px; }

.specUL ul li {
 display: inline-block; font-size: 18px; 
 padding-left: 50px; 
 min-height: 35px; 
 padding-top: 7px; 
 min-width: 51%; 
 background: url('img/greyLi.jpg') no-repeat center left; 
 background-size: 40px 32px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 font-size: 18px; 
}

.color-white.specUL ul li { background: url('img/liWhite.png') no-repeat center left; background-size: 35px 35px; }

a.moreA, a.moreA:visited { 
 display: inline-block; padding: 18px 15px; min-width: 90px; 
 background: rgb(186,186,186); 
 color: rgb(51,51,51); 
 font-size: 16px; line-height: 16px; 
 font-weight: bold; 
}
 
.darkLine { 
 background: rgb(18,21,31); 
 padding-top: 75px; 
 padding-bottom: 25px;
}

.blackLine { 
 background: black; 
 padding-top: 75px; 
 padding-bottom: 25px;
 color: rgb(206,206,206); 
}

.backLuk {
 width: 100%; 
 max-width: 1450px; 
 background-image: url('img/fons/luk-on-dark.png');
 background-repeat: no-repeat; 
 background-position: center left;
 background-size: auto auto; 
 margin-bottom: 30px; 
 min-height: 452px; 
}

.frameIn { padding: 40px; background: rgb(237,237,237); display: inline-block; float: none; }

@media screen and (max-width: 600px) { .backLuk { min-height: 100px;  } }

.backLuk iframe { max-width: 100%; }
.backLuk video { 
 max-width: 100%!important; height: auto; display: inline-block; float: none; 
 margin-bottom: 30px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

.blackA, a.blackA:visited, a.blackA {
 display: inline-block; 
 color: white;
 padding: 15px 20px; 
 border: 1px solid rgb(111,113,119); 
 font-weight: bold; 
 background: black; 
}

.redA, a.redA:visited, a.redA {
 display: inline-block; 
 color: white;
 padding: 15px 20px; 
 border: 1px solid rgb(163,38,48); 
 font-weight: bold; 
 background: rgb(163,38,48); 
}
.redA:hover, a.redA:hover { background: black; color: white!important;  }

.darkLine .blackA { margin-top: 10px; }
.blackA:hover, a.blackA:hover { background: rgb(238,23,69); }

.mapIn {
 display: inline-block; 
 float: none; 
 width: 100%; 
 max-width: 1080px; 
 background: rgb(200,200,200); 
 height: 460px; 
 margin-bottom: 35px; 
}

.footLine { background: rgb(186,183,186); padding-top: 70px; padding-bottom: 10px; font-size: 17px;  font-weight: bold; }

.footCols { width: 100%; max-width: 1070px; }

.footCols a, .footCols a:visited, .footCols a:active { color: black; display: inline-block; margin-bottom: 10px; }
.footCols span { display: inline-block; margin-bottom: 10px; }
.footCols p { margin-top: 0px; padding-top: 0px; }

.footCols a:hover {  color: rgb(238,23,69); }

.footCol1 { width: 32%; text-align: left; padding-right: 20px; min-height: 10px; padding-left: 10px; }
.footColM { width: 20%; text-align: left; padding-right: 20px; min-height: 10px; padding-left: 10px; }

.footColL { width: 28%; text-align: center; padding-right: 0px; min-height: 290px; 
 background-image: url('img/fons/luk-in-foot.png'); 
 background-repeat: no-repeat; 
 background-position: top center; 
 background-size: 100% auto; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-top: 130px; 
 padding-left: 20px; 
}
@media screen and (max-width: 1100px) { .footColL { padding-top: 120px;  } }
@media screen and (max-width: 900px) { .footColL { padding-top: 100px; font-size: 16px;  } }
@media screen and (max-width: 790px) { .footColL { padding-top: 90px; font-size: 16px;  font-size: 14px!important; } }
@media screen and (max-width: 679px) { .footColL { padding-top: 140px; background-size: 334px 321px; padding-left: 10px; min-height: 321px;  font-size: 16px!important;   } 
 .footCol1, .footColM, .footColL { width: 100%; margin-bottom: 10px; }  
}

@media screen and (max-width: 334px) { .footColL { background-size: 100% auto; } }

.credits { font-size: 0.9em; color: black; }
.credits .Hund {border-top: 1px solid rgb(0,0,0);}
.credits a, .credits a:visited, .credits a:active { color: rgb(50,50,50); }
.credits a:hover {  color: rgb(238,23,69); }

.fonWhite { 
 background-image: url('img/fons/luk-light.png');
 background-repeat: no-repeat;
 background-position: top left; 
}

@media screen and (max-width: 799px) {
.fonWhite { min-height: 200px; background-size: auto 100%; }
}

.backAbout  { background-image: url('img/fons/about.jpg'); }
.backBoats { background-image: url('img/fons/boats.jpg'); }
.backAbout h1, .backAbout h2 { color: white!important; }

.graphsContainer {
 width: 100%; 
 max-width: 623px; 
 border: 45px solid rgb(186,183,186); 
 min-height: 200px; 
 overflow: hidden; 
 margin-bottom: 25px; 
}

.graphsContainer img { vertical-align: middle;  height: auto; max-width: 533px; height: auto; } 

@media screen and (max-width: 799px) { .graphsContainer { border: 30px solid rgb(186,183,186); height: auto; }}
@media screen and (max-width: 600px) { .graphsContainer img { max-width: 540px; } }
@media screen and (max-width: 460px) { .graphsContainer { border: 20px solid rgb(186,183,186); min-height: 100px;  }
 .graphsContainer img { max-width: 420px; }
}

.padBot70  { padding-bottom: 70px; }

.backContForm { background-image: url('img/fons/contact-form.jpg');  color: white; padding-top: 100px; }

.contForm50 { width: 50%; padding-left: 10px; padding-right: 10px;}

.contAjax { background-color: rgb(128,130,130); color: white!important; }
.contAjax h1, .contAjax h2, .contAjax h3 { color: white!important; }
.contAjax .calContainer { width: 90%; }

.backContForm .flwA, .contAjax .flwA, .calContainer .flwA { width: 100%; }
#iAgree_container { display: inline-block; float: none; width: auto!important; }
#iAgree_container .flwA { max-width: calc(100% - 50px); display: inline-block;  width: auto!important; }
.backContForm #iAgree_container .flwA, .contAjax #iAgree_container .flwA, #iAgree_container .calContainer .flwA { width: auto!important; }

.contForm50 input, .contForm50 select {
 width: 99%; 
 border: 1px solid white; 
 background: white; 
 color: rgb(30,30,30); 
 height: 44px; 
 margin-top: 5px; 
 margin-bottom: 15px; 
}

.contForm50 textarea {
 width: 99%; 
 border: 1px solid white; 
 background: white; 
 color: rgb(30,30,30); 
 height: 405px; 
 margin-top: 5px; 
 margin-bottom: 15px; 
}

@media screen and (max-width: 460px) { 
 .contForm50 textarea { height: 200px; }
}

.contForm50 input:focus, .contForm50 textarea:focus {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
 -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
 box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);  
}

.submitForm {
 padding-top: 40px; 
 padding-bottom: 80px; 
}

.submitForm input {
 padding: 15px; 
 min-width: 100px; 
 background: rgb(229,229,229); 
 border: 1px solid rgba(229,229,229,0); 
 color: black;
 cursor: pointer; 
 font-weight: bold; 
 font-size: 14px; 
}

.secureImg input { max-width: 50%; }
.secureImg img { vertical-align: middle; }

.submitForm input:hover {
 background: rgb(238,23,69);
}

@media screen and (max-width: 480px) { 
 .contForm50 { width: 100%; } .backContForm { padding-top: 20px; } 
 .submitForm { padding-top: 20px; padding-bottom: 20px;  }
}

.contTxt {
 width: 50%; 
 border-right: 1px solid white; 
 background: rgb(186,183,186); 
 padding: 60px; 
 min-height: 460px; 
 font-size: 18px; 
 color: black; 
}

.contPic {
 width: 50%; 
 border-left: 1px solid white; 
 background: rgb(163,38,48); 
 padding: 60px; 
 min-height: 460px; 
}

.contPic img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 920px) { 
 .contTxt, .contPic { padding: 40px; min-height: 430px; }
}

@media screen and (max-width: 799px) { 
  .contTxt, .contPic { width: 100%; min-height: 50px; margin-bottom: 2px; }
}

.darkLine .backLuk h1 strong { font-size: 2em; color: rgb(229,229,229); line-height: 1.2em; }

.color-white { color: white!important; }

.padBot90 { padding-bottom: 90px; }

.poly { fill:rgba(0,0,0,0.15); stroke:rgb(51,51,51); stroke-width: 2px; fill-rule: evenodd; cursor: pointer; 
 -webkit-transition:  0.2s; /* Safari */
 -moz-transition: 0.2s; 
 transition: 0.2s;
 }
 
.poly:hover, .poly.yellLink { fill:rgba(194,64,64,0.6)!important; stroke:rgb(194,64,64); }

.polySelected { fill:rgba(194,64,64,0.8)!important; stroke:rgb(194,64,64); }


.agreeOff { display: inline-block; width: 40px; height: 40px; background: white; margin-right: 10px; }
.agreeOn { display: inline-block; width: 26px; height: 26px; background: white; border: 7px solid white; background: rgb(238,23,69); 
 margin-right: 10px; 
}

#iAgree_container a, #iAgree_container a:visited { display: inline-block; width: 100%; text-align: center; margin-top: 5px; }

.swiper-slide img { display: block; vertical-align: middle; }

.fLink { display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 24px; font-weight: bold; 
 font-family: arial, helvetica, sans-serif; 
}

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

.objinfo {
 display: inline-block; float: none; 
 max-width: 520px; 
 width: 100%; 
 padding-left: 5px; padding-right: 5px; 
 padding-top: 60px; 
 padding-bottom: 20px; 
 background: url('img/point-up.png') no-repeat top center; 
 text-align: left; 
}

.noDisplay.objinfo { display: none; }

ul.subMenu {
 display: inline-block; 
 position: absolute; 
 top: 40px; 
 left: 0px; 
 width: 200px; 
 z-index: 5; 
 background: white; 
 padding: 10px; 
 text-align: left; 
}

ul.subMenu.noDisplay { display: none; }

.gallBigPic { float: none; display: inline-block; max-width: calc(100% - 200px); max-height: 960px; text-align: center; }

.pointL { position: absolute; 
top: 50%; 
width: 75px; 
height: 150px; 
margin-top: -75px; 
left: 0px; 
background: url('img/arr-point-L.png') no-repeat center left; 
}

.pointR { position: absolute; 
top: 50%; 
width: 75px; 
height: 150px; 
margin-top: -75px; 
left: 100%; 
margin-left: -75px;
background: url('img/arr-point-R.png') no-repeat center right; 
}

@media screen and (max-width: 800px) {
 .pointL { width: 40px; height: 80px; margin-top: -40px; }
 .pointR { width: 40px; height: 80px; margin-top: -40px; margin-left: -45px; }
 .gallBigPic  {max-width: calc(100% - 100px);}
}

@media screen and (max-width: 460px) {
 .pointL { width: 20x; height: 40px; margin-top: -20px; }
 .pointR { width: 20px; height: 40px; margin-top: -20px; margin-left: -20px; }
 .gallBigPic  {max-width: calc(100% - 50px);}
}

@media screen and (max-width: 1360px) {
.flw100center.shadTop.backScale.colorWhite.padTop100 { padding-top: 30px; }
}
.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: 'Alegreya Sans', sans-serif, Arial, Helvetica; font-size: 14px;
}

a, a:visited,  a:active {
 text-decoration: none; 
 color: rgb(238,23,69);
 border: 0px; 
}

a:hover {
 text-decoration: none; 
 color: rgb(30,30,30); 
}

a img {
 border: 0; 
}

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

.realContText h1, .realContText td h1 {
 display: inline-block; text-align: center; color: rgb(76,76,76); 
 font-size: 28px; 
 line-height: 28px; 
}

.realContText h2, .realContText td h2 {
 display: inline-block; text-align: center; color: rgb(76,76,76); 
 font-size: 28px; 
 line-height: 28px; 
}

.realContText h3, .realContText td h3 {
 display: inline-block; text-align: center; color: rgb(76,76,76); 
 font-size: 24px; 
 line-height: 24px; 
}

.realContText h4, .realContText td h4 {
 display: inline-block; text-align: center; color: rgb(76,76,76); 
 font-size: 24px; 
 line-height: 24px; 
}

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


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

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

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

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