@charset "utf-8";
@media print { .noprint { display:none; } } 
html { overflow-y: scroll; overflow:-moz-scrollbars-vertical; height:100%; } 

*, body, html { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.bodypreload { position:fixed; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; background-color:#FFF; z-index:9999; }
.Login { position:relative; display:inline-box; width:100%; max-width:400px; text-align:center; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#FFF; 
	padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
}
.Lcross { position:absolute; top:10px; right:15px; font-size:16px; color:#F00; cursor:pointer; z-index:99!important; }

/* SEARCH COVER ATD. */
.Cover { position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; background-color:rgba(207,198,167,0.9); z-index:77!important; }
.Cross { position:absolute; top:8px; right:12px; font-size:16px; color:#F00; cursor:pointer; z-index:55!important; }
.Esrch { text-align:left; position:relative; min-width:400px; max-width:1290px; max-height:vh; box-shadow:0 0 20px rgba(0,0,0,0.5); background-color:#EEE; color:#000!important; padding:40px; 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:66; 
}

.Admin { position:fixed; top:0; left:0; width:20px; height:20px; z-index:999; }

/* PANEL */ 
.pan { max-width:1200px; margin:0px auto; text-align:center; position:relative; float:none; clear:both; background-repeat:no-repeat; background-position:center center; background-size:cover; /*overflow:hidden;*/ } 
.pan2 { min-height:60px; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pan2+.col1, .pan2+.col2, .pan2+.col3, .pan2+.col4, .pan2+.col5, .pan2+.col6, .pan2+.col7, .pan2+.col8, .pan2+.col9, .pan2+.col10, .pan2+.col11, .pan2+.col12 { padding-top:0; padding-bottom:0; } 

.videobg { position:absolute; left:0; width:100%; height:auto; z-index:-9; background-color:inherit; } 

/* BASIC PANELS */
.T { top:0; left:0; width:100%; height:auto; z-index:9; box-shadow: 0 0 20px rgba(0,0,0,0.4); }  
	#T { position:relative; }  
.M { position:relative; z-index:1; }  
	#M { position:relative; min-height:300px; } 
.B { position:relative; z-index:1; } 
	#B { position:relative; min-height:60px; /*background-color:#074835;*/ } 
	
.hidp { display:none; }

/* GO TO TOP BUTTON*/
.topbutt { display:none; position:fixed; bottom:0; right:40px; padding:15px 15px 10px 15px; background-color:#333; color:#FFF; cursor:pointer; font-size:20px; font-weight:700; opacity:0.4; z-index:999; }
.topbutt:hover { opacity:1; }

body { height: 100%; position:relative; font-family: 'Barlow Condensed', sans-serif; font-size:19px; font-weight:300; margin: 0 auto; padding:0; line-height:1.4; /*background-image:url(../files/bgimages/wall.jpg);*/ } 

table { float:none; clear:both; } 
td { margin:0; padding:0; } 
p { margin:0; padding:0;} 
b, strong { font-weight:600; } 

.hidden{ display:none; } 
/*hr { margin-top: 30px; margin-bottom: 30px; border-style: none; height: 1px; background-color:#F0F; clear:both; } */

hr { /*border-top:1px solid rgba(0,0,0,0.1);*/ color:rgba(0,0,0,0.1); width:100%; height:0px; border-style:solid; margin:30px 0; }

.hrhid { display:block; clear:both; float:none; visibility:hidden; padding:0!important; margin:0!important; height:0!important; border:0!important; } 

h1+hr, h2+hr, h3+hr, h4+hr { margin-top:0!important; } 
/*
hr+h1, hr+h2, hr+h3, hr+h4 { margin:0!important; padding:0!important; } 
h2+h1 { margin:0!important; padding:0!important; } 
*/
h1,h2,h3,h4,h5 { padding:0 0 20px 0; margin:0; color:inherit; line-height:1.2; font-weight:700; color:#6C6351; }  /* 7D7462 */
h1 { font-size:44px; } 
h2 { font-size:38px; } 
h3 { font-size:26px; } 
h4 { font-size:24px; } 
h5 { font-size:22px; } 

h1 a,h2 a,h3 a,h4 a,h5 a { text-decoration:none; } 

.T a { color:#000; cursor:default; }
a { color:inherit; text-decoration:none; } a:hover { color:inherit; } 
.M a { color:inherit; text-decoration:underline; }

/* TOP MENU */
.topL { padding-left:20px; } .topR { padding-right:20px; }
.topL img { position:relative; top:9px; } 
.topL a { display:inline-block; padding:10px; text-decoration:none; } 
.topR a { display:inline-block; padding:30px 15px; text-decoration:none; font-size:22px; text-transform:uppercase; font-weight:400; } 
.topR a:hover { background-color:rgba(255,255,255,0.2); }  /* rgba(54,89,64,0.2) */
.topR img { width:20px; height:20px; position:relative; top:2px; }
.OpenArr { width:8px!important; margin-left:5px; position:relative; top:2px!important; }

.TopSub { display:none; position:absolute; left:0; top:85px; width:100%; height:auto; padding:20px; /*background-color:rgba(255,255,255,0.8);*/ background-color:#DDD; color:#000; z-index:99; } 
.TopSubin { max-width:1080px; }
.TopSubin img { position:relative; top:-4px; left:-4px; }

.BannL, .BannR { display:inline-block; vertical-align:middle; padding:20px; } 
.BannR { position:relative; top:10px; }

.bgimg { position:relative; top:3px; display:block!important; padding-bottom:0!important; margin:0!important; width:100%; vertical-align:bottom; padding-top:66%; background-position:center center; background-size:cover; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
} 

.flexlogabott { display:flex;align-items:center;justify-content:center; gap:30px; }
@media screen and (max-width:780px) { 
	.flexlogabott { display:inline-block; }
}

.col::before { content: "\200B"; }  /* PRAZDNY DIV BEZ OBSAHU SE NEZTRATI  !!! */ 

.cols2 {  column-count: 2; column-gap: 50px; }
.cols3 {  column-count: 3; column-gap: 50px; }
.cols4 {  column-count: 4; column-gap: 50px; }

.Aflex { display:flex; align-items:center; justify-content:center; }
.Aflex div { display:inline-block; width:14.2%; } 

/* HOVER EFFECTS - Underline From Center */
.FXhvr { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; margin:5px 0;
	-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
}
.FXhvr:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; height: 4px; 
	-webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.FXhvr:hover:before, .FXhvr:focus:before, .FXhvr:active:before { left: 0; right: 0; }
.FXcolF45C53:before { background: #F45C53; }

/* Float */
.hvr-float {
	display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
	-webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: cubic-bezier(0,.50,.50,1); transition-timing-function: cubic-bezier(0,.50,.50,1); 
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
	-webkit-transform: translateY(-15px); transform: translateY(-15px);
}
/* Grow */
.hvr-grow { 
  display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; 
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.05); transform: scale(1.05); 
}

/* ------------------------------------------------------------------------------------------------------------*/

.tabx td { font-family: 'Barlow Condensed', sans-serif!important; border-bottom:1px dotted #999; padding:5px 20px; font-family: "Open Sans", sans-serif; font-size:17px; font-weight:400; } 

.eswitch {
  position: relative; 
  display: inline-block;
  width: 44px;
  height: 24px;
}

.eswitch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.eslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #BBB;
  -webkit-transition: .4s;
  transition: .4s;
}

.eslider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .eslider {
  background-color: #6C6351;
}

input:focus + .eslider {
  box-shadow: 0 0 1px #6C6351;
}

input:checked + .eslider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

/* Rounded sliders */
.eslider.round {
  border-radius: 14px;
}

.eslider.round:before {
  border-radius: 50%;
}


[lightbox] { cursor:pointer; } 

.tab1 td { padding:3px 10px; border-bottom:1px solid rgba(0,0,0,0.2); text-align:left; }
.tab1 tr:hover { background-color:rgba(0,0,0,0.1); }

/* PODLE WEBU */
.MenuPage { font-size:28px; text-decoration:none; }
.MenuPageHr { height:1px; background:rgba(255,255,255,0.3); border:0; margin:10px 0 12px 0; float:none; clear:both; display:block; }
/*.bgshadow { box-shadow: 0 0 20px rgba(0,0,0,0.2); } */
.paddtop { padding-top:160px; }

.homebutt { display:inline-block; padding:10px 30px; width:100%; background:rgba(0,0,0,0.1); border-radius:11px; text-decoration:none!important; } .homebutt:hover { background:rgba(0,0,0,0.4); color:#FFF!important; }
.homebutt2 { display:inline-block; padding:10px 30px; margin:10px; background:rgba(0,0,0,0.1); border-radius:11px; text-decoration:none!important; } .homebutt:hover { background:rgba(0,0,0,0.4); color:#FFF!important; }

.hometxt1 { font-size:20px; }
.imgtit { font-size:16px; }
.round7 { -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;  }
.round11 { -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px;  }
.Afoot { display:inline-block; padding:10px 20px; font-size:22px; text-transform:uppercase; }
.B img { opacity:0.8; }
.Light1 { background-color:rgba(255,255,255,0.05); }

/* ARTICLES */
.Articles { padding:0; text-align:center; }
.Articleout { position:relative; padding:15px; text-align:left; cursor:pointer; display:inline-block!important; float:none!important; margin:-4px; }
.Ashadow { width:100%; box-shadow: 0 0 20px rgba(0,0,0,0.5); overflow:hidden; padding:5px; background-color:#E9E9E9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.Articlein { position:relative; padding:0; background-color:#FFF; color:#000!important; }
.Articleinpadd { padding:0 20px; font-size:16px; /*background-color:rgba(255,255,255,0.8);*/ background-color:#E9E9E9; color:#000!important; height:220px;  }
.Articleimg { background-position:center center; background-size:cover; /*filter: grayscale(100%) sepia(0.5) hue-rotate(20deg); -webkit-filter: grayscale(100%) sepia(0.5) hue-rotate(20deg);*/; }
.Articleout h2 { font-size:20px; letter-spacing:0!important; padding:20px 0 5px 0; font-weight:400; color:#000; }
.Articles a { text-decoration:none; }
.AlinkA { color:#000; text-decoration:none; }

/* GALLERY */
.Gallery { padding:0; }
.Galleryout { position:relative; padding:15px; text-align:left; cursor:pointer; display:inline-block!important; float:none!important; margin:-4px; }
.Gshadow { width:100%; box-shadow: 0 0 20px rgba(0,0,0,0.5); overflow:hidden; padding:5px; background-color:#E9E9E9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.Galleryin { position:relative; padding:0; background-color:#FFF; color:#000!important; }
.Galleryinpadd { height:175px; padding:0 20px; font-size:16px; /*background-color:rgba(255,255,255,0.8);*/ background-color:#E9E9E9; color:#000!important; }
.Galleryimg { background-position:center center; background-size:cover; }
.Galleryout h2 { font-size:20px; letter-spacing:0!important; padding:20px 0 5px 0; font-weight:400; color:#000; }
.GlinkA { color:#000; }
.Gallery a { text-decoration:none; }

.Gimgdiv { background-position:center center; background-size:cover; }

.Gcols { columns: 100px 3; }

/* IMAGES */
.Images { padding:0; }
/* GLIGHTBOX*/
.Gclose { position:fixed; width:50px; height:50px; top:0; right:0; background-color:#FFF; opacity:0.4; padding:10px; cursor:pointer; z-index:999; } .Gclose:hover { opacity:0.6; }
.GarrL { position:fixed; width:60px; height:60px; top:calc( 50% - 30px ); left:0; background-color:#FFF; opacity:0.4; padding:10px; cursor:pointer; z-index:999; } .GarrL:hover { opacity:0.8; }
.GarrR { position:fixed; width:60px; height:60px; top:calc( 50% - 30px ); right:0; background-color:#FFF; opacity:0.4; padding:10px; cursor:pointer; z-index:999; } .GarrR:hover { opacity:0.8; }
.GarrL img, .GarrR img { width:40px!important; } .Gclose img { width:40px!important; }
.Gbox { background-color:rgba(207,198,167,0.99); background-repeat:no-repeat; position:fixed; width:100%; height:100%; background-position:center center; background-size:contain; }

/* SLIDE */
.SlideTabA { display:inline-block; padding:10px 20px; position:relative; top:5px; margin:5px; background-color:rgba(0,0,0,0.15); cursor:pointer; /*-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;*/ z-index:7; }
.SlideTabA:hover { background-color:rgba(0,0,0,0.25); }
.SlideOuter { position:relative; display:block; min-height:200px; overflow:hidden; }
.SlideTabDiv { position:absolute; top:0; left:0; width:100%; display:block; min-height:200px; background-position:center center; background-size:cover; z-index:2; }
.SlideTabDivTemp { position:absolute; opacity:0; top:0; left:0; width:100%; min-height:200px; background-position:center center; background-size:cover; z-index:1; }
.SarrL { position:absolute; width:40px; height:40px; top:calc( 50% - 20px ); left:0; background-color:#FFF; opacity:0.1; padding:10px; cursor:pointer; z-index:999; } .SarrL:hover { opacity:0.3; }
.SarrR { position:absolute; width:40px; height:40px; top:calc( 50% - 20px ); right:0; background-color:#FFF; opacity:0.1; padding:10px; cursor:pointer; z-index:999; } .SarrR:hover { opacity:0.3; }
.SarrL img, .GarrR img { width:20px; } .Gclose img { width:20px; }

.tablex { }
.tablex .tablexhead { background-color:rgba(0,0,0,0.2); }
.tablex td { border-bottom:1px solid rgba(0,0,0,0.1); }
.tablex tr:nth-child(odd) { background-color:background-color:rgba(0,0,0,0.2); }
.tablex tr:nth-child(even) { background-color:background-color:rgba(0,0,0,0.1); }
.tablex tr:hover { background-color:rgba(0,0,0,0.1); } 
.tablex td { height:auto; padding:5px 20px; vertical-align:middle; cursor:pointer; position:relative; }

.Grid { display:grid; } 
.Grid1111 { display:grid; text-align:left; grid-template-columns: 1fr 1fr 1fr 1fr; }
.Grid112 { display:grid; text-align:left; grid-template-columns: 1fr 1fr 2fr; }
.Grid121 { display:grid; text-align:left; grid-template-columns: 1fr 2fr 1fr; }
.Grid211 { display:grid; text-align:left; grid-template-columns: 2fr 1fr 1fr; }
.Grid22 { display:grid; text-align:left; grid-template-columns: 1fr 1fr; } 
.Grid111 { display:grid; text-align:left; grid-template-columns: 1fr 1fr 1fr; } 
.Grid12 { display:grid; text-align:left; grid-template-columns: 1fr 2fr; } 
.Grid21 { display:grid; text-align:left; grid-template-columns: 2fr 1fr; } 
.Grid31 { display:grid; text-align:left; grid-template-columns: 3fr 1fr; } 
.Grid13 { display:grid; text-align:left; grid-template-columns: 1fr 3fr; } 
.Grid4 { display:grid; text-align:left; grid-template-columns: 1fr; } 
/*.Grid1111 div, .Grid112 div, .Grid121 div, .Grid211 div, .Grid22 div, .Grid12 div, .Grid21 div, .Grid31 div, .Grid13 div, .Grid4 div { background-color:rgba(0,0,0,0.0); margin-bottom:0; }*/

.Gap10 { gap:10px; } .Gap20 { gap:20px; } .Gap30 { gap:30px; } .Gap40 { gap:40px; } .Gap50 { gap:50px; } .Gap60 { gap:60px; } .Gap70 { gap:70px; } .Gap80 { gap:80px; } .Gap90 { gap:90px; } .Gap100 { gap:100px; } 
.Gap110 { gap:110px; } .Gap120 { gap:120px; } .Gap130 { gap:130px; } .Gap140 { gap:140px; } .Gap150 { gap:150px; } .Gap160 { gap:160px; } .Gap170 { gap:170px; } .Gap180 { gap:180px; } .Gap190 { gap:190px; } .Gap200 { gap:200px; } 

.Vtop { place-items:start; } .Vmidd { align-items: center; } .Vbott { place-items:end; } .Vstretch { place-items:stretch; }  /* align-items:  */

.Vcenter { align-items: center; }

/* TEMP */
.leftbott { position:absolute; width:100%; margin:auto; bottom:0; background-color:rgba(0,0,0,0.4); color:#FFF; padding:20px 30px; font-weight:400; }
.border { border: 5px solid #FFF; }

.flex { display: flex; flex-wrap: wrap; } 
.flex > .colum { display: flex; } 

.grid { display: grid; grid-template-columns: 25% 50% 25%; grid-template-rows: 100%; } /* grid-template-columns: 1fr 2fr 1fr; JE STEJNE JAKO grid-template-columns: 25% 50% 25%; */
.grid > .colum { padding:30px; text-align:left; } 
.colum { position:relative; }

.outspace { border:20px solid #fff; } 
.white { color:#FFF; } 

/* DOPLNKOVE */
img { max-width:100%; height:auto; }
[bgimg] { background-position:center center; background-size:cover; }

/* IMAGES */
.Gimg { float:left; }
.Gimg div { position:relative; background-position:center; background-size:cover; }

.lightboxdiv, .Glightboxdiv { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999!important; }

.Aleft { text-align:left!important; } .Acenter { text-align:center!important; } .Aright { text-align:right!important; } .Ajustify { text-align:justify!important; } 

.Flex { display:flex; position:relative; }
.FlexL { display:flex; align-items:flex-start; justify-content:center; position:relative; } 
.FlexC { display:flex; align-items:center; justify-content:center; position:relative; } 
.FlexR { display:flex; align-items:flex-end; justify-content:center; position:relative; } 

.FullWidth { max-width:none; position:relative; } .FullHeight { height:100vh; display:flex; align-items:center; justify-content:center; position:relative; }  .Nopadd { padding:0; position:relative; } 

/* SLOUPCE */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { display:block; float:left; } 
.col1 { width:8.33%; } .col2 { width:16.66%; } .col3 { width:25%; } .col4 { width:33.33%; } .col5 { width:41.65%; } .col6 { width:50%; } 
.col7 { width:58.3%; } .col8 { width:66.66%; } .col9 { width:75%; } .col10 { width:83.33%; } .col11 { width:91.66%; } .col12 { width:100%; } 

.max1600 { width:100%; max-width:1600px; } .max1500 { width:100%; max-width:1500px; } .max1400 { width:100%; max-width:1400px; } .max1300 { width:100%; max-width:1300px; } 
.max1200 { width:100%; max-width:1200px; } .max1100 { width:100%; max-width:1100px; } .max1000 { width:100%; max-width:1000px; } .max900 { width:100%; max-width:900px; } 
.max800 { width:100%; max-width:800px; } .max700 { width:100%; max-width:700px; } .max600 { width:100%; max-width:600px; } .max500 { width:100%; max-width:500px; } 
.max400 { width:100%; max-width:400px; } .max300 { width:100%; max-width:300px; } .max200 { width:100%; max-width:200px; } .max100 { width:100%; max-width:100px; } 
.max100, .max200, .max300, .max400, .max500, .max600, .max700, .max800, .max900, .max1000, .max1100, .max1200, .max1300, .max1400, .max1500, .max1600 { display: inline-block; }

.marg10 { margin:10px; } .marg20 { margin:20px; } .marg30 { margin:30px; } .marg40 { margin:40px; } .marg50 { margin:50px; } .marg60 { margin:60px; } .marg70 { margin:70px; } .marg80 { margin:80px; } 
.marg90 { margin:90px; } .marg100 { margin:100px; } .marg110 { margin:110px; } .marg120 { margin:120px; } .marg130 { margin:130px; } .marg140 { margin:140px; } .marg150 { margin:150px; } .marg160 { margin:160px; } 

.paddT0 { padding-top:0; } .paddT10 { padding-top:10px; } .paddT20 { padding-top:20px; } .paddT30 { padding-top:30px; } .paddT40 { padding-top:40px; }  .paddT50 { padding-top:50px; }  .paddT60 { padding-top:60px; } 
.paddT70 { padding-top:70px; } .paddT80 { padding-top:80px; } .paddT90 { padding-top:90px; } .paddT100 { padding-top:100px; } .paddT110 { padding-top:110px; } .paddT120 { padding-top:120px; } .paddT130 { padding-top:130px; } 
.paddT140 { padding-top:140px; } .paddT150 { padding-top:150px; } .paddT160 { padding-top:160px; } .paddT170 { padding-top:170px; } .paddT180 { padding-top:180px; } .paddT190 { padding-top:190px; } .paddT200 { padding-top:200px; } 
.paddR0 { padding-right:0; } .paddR10 { padding-right:10px; } .paddR20 { padding-right:20px; } .paddR30 { padding-right:30px; } .paddR40 { padding-right:40px; }  .paddR50 { padding-right:50px; }  .paddR60 { padding-right:60px; } 
.paddR70 { padding-right:70px; } .paddR80 { padding-right:80px; } .paddR90 { padding-right:90px; } .paddR100 { padding-right:100px; } .paddR110 { padding-right:110px; } .paddR120 { padding-right:120px; } .paddR130 { padding-right:130px; } 
.paddR140 { padding-right:140px; } .paddR150 { padding-right:150px; } .paddR160 { padding-right:160px; } .paddR170 { padding-right:170px; } .paddR180 { padding-right:180px; } .paddR190 { padding-right:190px; } .paddR200 { padding-right:200px; } 
.paddB0 { padding-bottom:0; } .paddB10 { padding-bottom:10px; } .paddB20 { padding-bottom:20px; } .paddB30 { padding-bottom:30px; } .paddB40 { padding-bottom:40px; }  .paddB50 { padding-bottom:50px; }  .paddB60 { padding-bottom:60px; } 
.paddB70 { padding-bottom:70px; } .paddB80 { padding-bottom:80px; } .paddB90 { padding-bottom:90px; } .paddB100 { padding-bottom:100px; } .paddB110 { padding-bottom:110px; } .paddB120 { padding-bottom:120px; } .paddB130 { padding-bottom:130px; } 
.paddB140 { padding-bottom:140px; } .paddB150 { padding-bottom:150px; } .paddB160 { padding-bottom:160px; } .paddB170 { padding-bottom:170px; } .paddB180 { padding-bottom:180px; } .paddB190 { padding-bottom:190px; } .paddB200 { padding-bottom:200px; } 
.paddL0 { padding-left:0; } .paddL10 { padding-left:10px; } .paddL20 { padding-left:20px; } .paddL30 { padding-left:30px; } .paddL40 { padding-left:40px; }  .paddL50 { padding-left:50px; }  .paddL60 { padding-left:60px; } 
.paddL70 { padding-left:70px; } .paddL80 { padding-left:80px; } .paddL90 { padding-left:90px; } .paddL100 { padding-left:100px; } .paddL110 { padding-left:110px; } .paddL120 { padding-left:120px; } .paddL130 { padding-left:130px; } 
.paddL140 { padding-left:140px; } .paddL150 { padding-left:150px; } .paddL160 { padding-left:160px; } .paddL170 { padding-left:170px; } .paddL180 { padding-left:180px; } .paddL190 { padding-left:190px; } .paddL200 { padding-left:200px; } 

.padd0 { padding:0; } .padd10 { padding:10px; } .padd20 { padding:20px; } .padd30 { padding:30px; } .padd40 { padding:40px; } .padd50 { padding:50px; } .padd60 { padding:60px; } 
.padd70 { padding:70px; } .padd80 { padding:80px; } .padd90 { padding:90px; } .padd100 { padding:100px; } .padd110 { padding:110px; } .padd120 { padding:120px; } .padd130 { padding:130px; } 
.padd140 { padding:140px; } .padd150 { padding:150px; } .padd160 { padding:160px; } .padd170 { padding:170px; } .padd180 { padding:180px; } .padd190 { padding:190px; } .padd200 { padding:200px; } 

/* MENU + MOB MENU */ 
.Mbig { display:block; } .Msmall { display:none; }
.MobCover { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.8); z-index:8888!important; }
.MobMenu { position:absolute; top:0; left:0; width:100%; height:100%; min-height:100vh; padding:20px; z-index:9999; }
.MobMenu a { display:block; padding:10px 0; color:#FFF!important; }
.MobMenu a:hover { color:#FFF!important; }

.Msmall .logo { width:110px!important; cursor:pointer; position:relative; margin-top:5px; }
.Msmall .burger { width:36px!important; cursor:pointer; position:relative; margin-top:20px; }

@media screen and (max-width:1280px) { 
	.Articles .col4, .Articles .col3 { width:50%; }
}

@media screen and (max-width:980px) { 
	.paddT0, .paddT10, .paddT20, .paddT30, .paddT40, .paddT50, .paddT60, .paddT70, .paddT80, .paddT90, .paddT100, .paddT110, .paddT120, .paddT130, .paddT140, .paddT150, .paddT160, .paddT170, .paddT180, .paddT190, .paddT200, 
	.paddR0, .paddR10, .paddR20, .paddR30, .paddR40, .paddR50, .paddR60, .paddR70, .paddR80, .paddR90, .paddR100, .paddR110, .paddR120, .paddR130, .paddR140, .paddR150, .paddR160, .paddR170, .paddR180, .paddR190, .paddR200, 
	.paddB0, .paddB10, .paddB20, .paddB30, .paddB40, .paddB50, .paddB60, .paddB70, .paddB80, .paddB90, .paddB100, .paddB110, .paddB120, .paddB130, .paddB140, .paddB150, .paddB160, .paddB170, .paddB180, .paddB190, .paddB200, 
	.paddL0, .paddL10, .paddL20, .paddL30, .paddL40, .paddL50, .paddL60, .paddL70, .paddL80, .paddL90, .paddL100, .paddL110, .paddL120, .paddL130, .paddL140, .paddL150, .paddL160, .paddL170, .paddL180, .paddL190, .paddL200,
	.padd0, .padd10, .padd20, .padd30, .padd40, .padd50, .padd60, .padd70, .padd80, .padd90, .padd100, .padd110, .padd120, .padd130, .padd140, .padd150, .padd160, .padd170, .padd180, .padd190, .padd200 { padding:0!important; }
	
	.marg10, .marg20, .marg30, .marg40, .marg50, .marg60, .marg70, .marg80, .marg90, .marg100, .marg110, .marg120, .marg130, .marg140, .marg150, .marg160 { margin:0; }
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width:100%; padding:0!important; } 	
	.pan { padding:0; } .pan2 { padding:20px; }
	
	.cols2 {  column-count: 1; }
	.cols3 {  column-count: 2; }
	.cols4 {  column-count: 2; }

	/* -------------------------------------------------- */

	.Mbig { display:none; } .Msmall { display:block; }
	.TopLeft { display:inline-block; width:90%!important; float:left; text-align:left; }
	.TopRigth { display:inline-block; width:10%!important; float:right; text-align:right; }
	.Msmall .colum { width:50%; }
	
	h1 { font-size:32px; letter-spacing:-1px; } 
	h2 { font-size:28px; letter-spacing:-1px; } 
	.MenuPage { font-size:22px; }
	
	.Articles .col4, .Articles .col3 { width:100%; }
	.Articles { padding:0!important; }
	.Articleout { position:relative; height:auto; padding:20px 0!important; }	
	.Articleout:nth-child(1) { position:relative; height:auto; padding:0 0 20px 0!important; }	
	
	.Projects { padding:0!important; }
	.Projectout { padding:10px 0!important; }
	.Projectin { padding:20px; }
	
	.Images { padding:0!important; }
	
	div:empty { display: none; }
	.pan { padding:10px 20px; }
	
	.Grid1111, .Grid111, .Grid112, .Grid121, .Grid211, .Grid22, .Grid12, .Grid21, .Grid31, .Grid13, .Grid4 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
} 
@media screen and (max-width:680px) { 
	.Msmall .colum { width:50%; }
	
	.cols2 {  column-count: 1; }
	.cols3 {  column-count: 1; }
	.cols4 {  column-count: 1; }
	
	.Mbig { display:none; } .Msmall { display:block; }
	.TopLeft { display:inline-block; width:84%!important; float:left; text-align:left; }
	.TopRigth { display:inline-block; width:8%!important; float:right; text-align:right; }
	
	h1,h2,h3,h4,h5 { padding:20px 0 20px 0; }
	h1 { font-size:36px; letter-spacing:-1px; } 
	h2 { font-size:32px; letter-spacing:-1px; } 
	.MenuPage { font-size:22px; }
	
	.Articles { padding:0!important; }
	.Articleout { position:relative; height:auto; padding:20px 0!important; }	
	.Articleout:nth-child(1) { position:relative; height:auto; padding:0 0 20px 0!important; }	
	.Articleinpadd { padding:0 20px; }
	
	.Projects { padding:10px 0!important; }
	.Projectout { padding:0!important; }
	.Projectin { padding:20px; }
	
	.Images { padding:10px 0!important; }
	
	div:empty { display: none; }
	.pan { padding:0 20px!important; }
	
	#T { padding-top:0!important; }  
	#M { margin-top:22px!important; } 
	
	.colum { padding:10px 20px!important; }
	.BtxF45C53 { margin-bottom:20px; } 
	
	.Grid1111, .Grid111, .Grid112, .Grid121, .Grid211, .Grid22, .Grid12, .Grid21, .Grid31, .Grid13, .Grid4 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-gap:20px; }
	.T { box-shadow: 0 0 20px rgba(0,0,0,0.0); }  
	
	.Galleryout { margin-bottom:20px; }
} 

