/*----------------------[          zabalerak starting at w>608 (38em)          ]---------------------*/

.e-mob1 { display: none; }
.e-web1 { display: block; }
.e-webi1 { display: inline; }
.e-webib1 { display: inline-block; }

.mediaquerylevel { z-index: 1; width: 1px; }

.rwdiv { overflow: hidden; clear: none; }
.rwdiv.garbezkr { clear: left; }
.rwdiv.garbeskb { clear: right; }
.z-100 { width: 100%; }
.z1-100 { width: 100%; }
.z1-50 { width: 50%; }
.z1-55 { width: 55%; }
.z1-45 { width: 45%; }
.z1-33 { width: 33.33%; }
.z1-66 { width: 66.66%; }
.z1-35 { width: 35%; }
.z1-65 { width: 65%; }
.z1-40 { width: 40%; }
.z1-60 { width: 60%; }
.z1-30 { width: 30%; }
.z1-70 { width: 70%; }
.z1-25 { width: 25%; }
.z1-75 { width: 75%; }
.z1-20 { width: 20%; }
.z1-80 { width: 80%; }
.z1-10 { width: 10%; }
.z1-90 { width: 90%; }
.z1-5 { width: 5%; }
.z1-95 { width: 95%; }

.ezk1 { float: left; }
.rwdiv.ezk1 { padding-left: 0; padding-right: 1rem; float: left; }
.esk1 { float: right; }
.rwdiv.esk1 { padding-left: 1rem; padding-right: 0; float: right; }
.rwdiv.erd1 { padding-left: .5rem; padding-right: .5rem; }
.rwdiv.z1-100 { padding-right: 0; padding-left: 0; /*float: none;*/ }
.rwdiv.nopad1 { padding-right: 0; padding-left: 0; }

ul.li1-2, ul.li1-3, ul.li1-4 { display: flex; flex-flow: row wrap; }
ul.li1-2 li, ul.li1-3 li, ul.li1-4 li { /*display: inline-block;*/ }
.li1-2 > li { width: 50%; padding-right: 1rem; }
.li1-3 > li { width: 33%; padding-right: 1rem; }
.li1-4 > li { width: 25%; padding-right: 1rem; }

.pad1 { padding:1.5rem; }
.mar1 { margin:1.5rem; }
.gopad1 { padding-top:1.5rem; }
.gomar1 { margin-top:1.5rem; }
.bepad1 { padding-bottom:1.5rem; }
.bemar1 { margin-bottom:1.5rem; }
.ezpad1 { padding-left:1.5rem; }
.ezmar1 { margin-left:1.5rem; }
.espad1 { padding-right:1.5rem; }
.esmar1 { margin-right:1.5rem; }

.nomar1 { margin: 0; }
.nogomar1 { margin-top: 0; }
.nobemar1 { margin-bottom: 0; }
.noezmar1 { margin-left: 0; }
.noesmar1 { margin-right: 0; }
.nopad1 { padding: 0; }
.nogomar1 { padding-top: 0; }
.nobemar1 { padding-bottom: 0; }
.noezmar1 { padding-left: 0; }
.noesmar1 { padding-right: 0; }

@media screen and (min-width: 55em) { /*-------------------- w>880 (55em) --------------------*/

.e-mob2 { display: none; }
.e-web2 { display: block; }
.e-webi2 { display: inline; }
.e-webib2 { display: inline-block; }

.mediaquerylevel { z-index: 2; width: 2px; }

.z2-100 { width: 100%; }
.z2-50 { width: 50%; }
.z2-55 { width: 55%; }
.z2-45 { width: 45%; }
.z2-33 { width: 33.33%; }
.z2-66 { width: 66.66%; }
.z2-35 { width: 35%; }
.z2-65 { width: 65%; }
.z2-40 { width: 40%; }
.z2-60 { width: 60%; }
.z2-30 { width: 30%; }
.z2-70 { width: 70%; }
.z2-25 { width: 25%; }
.z2-75 { width: 75%; }
.z2-20 { width: 20%; }
.z2-80 { width: 80%; }

.ezk2 { float: left; }
.rwdiv.ezk2 { padding-left: 0; padding-right: 1.25rem; float: left; }
.esk2 { float: right; }
.rwdiv.esk2 { padding-left: 1.25rem; padding-right: 0; float: right; }
.rwdiv.erd2 { padding-left: 1rem; padding-right: 1rem; }
.rwdiv.z2-100 { padding-right: 0; padding-left: 0; /*float: none;*/ }
.rwdiv.nopad2 { padding-right: 0; padding-left: 0; }

ul.li2-2, ul.li2-3, ul.li2-4 { display: flex; flex-wrap: wrap; }
ul.li2-2 li, ul.li2-3 li, ul.li2-4 li { /*display: inline-block;*/ }
.li2-2 > li { width: 50%; padding-right: 1rem; }
.li2-3 > li { width: 33%; padding-right: 1rem; }
.li2-4 > li { width: 25%; padding-right: 1rem; }

.pad2 { padding:1.5rem; }
.mar2 { margin:1.5rem; }
.gopad2 { padding-top:1.5rem; }
.gomar2 { margin-top:1.5rem; }
.bepad2 { padding-bottom:1.5rem; }
.bemar2 { margin-bottom:1.5rem; }
.ezpad2 { padding-left:1.5rem; }
.ezmar2 { margin-left:1.5rem; }
.espad2 { padding-right:1.5rem; }
.esmar2 { margin-right:1.5rem; }

.nomar2 { margin: 0; }
.nogomar2 { margin-top: 0; }
.nobemar2 { margin-bottom: 0; }
.noezmar2 { margin-left: 0; }
.noesmar2 { margin-right: 0; }
.nopad2 { padding: 0; }
.nogomar2 { padding-top: 0; }
.nobemar2 { padding-bottom: 0; }
.noezmar2 { padding-left: 0; }
.noesmar2 { padding-right: 0; }

}

@media screen and (min-width: 65em) { /*-------------------- w>1040 (65em) --------------------*/

.e-mob3 { display: none; }
.e-web3 { display: block; }
.e-webi3 { display: inline; }
.e-webib3 { display: inline-block; }

.mediaquerylevel { z-index: 3; width: 3px; }

.z3-100 { width: 100%; }
.z3-50 { width: 50%; }
.z3-55 { width: 55%; }
.z3-45 { width: 45%; }
.z3-33 { width: 33.33%; }
.z3-66 { width: 66.66%; }
.z3-35 { width: 35%; }
.z3-65 { width: 65%; }
.z3-40 { width: 40%; }
.z3-60 { width: 60%; }
.z3-30 { width: 30%; }
.z3-70 { width: 70%; }
.z3-25 { width: 25%; }
.z3-75 { width: 75%; }
.z3-20 { width: 20%; }
.z3-80 { width: 80%; }

.ezk3 { float: left; }
.rwdiv.ezk3 { padding-left: 0; padding-right: 1.5rem; float: left; }
.esk3 { float: right; }
.rwdiv.esk3 { padding-left: 1.5rem; padding-right: 0; float: right; }
.rwdiv.erd3 { padding-left: 1.125rem; padding-right: 1.125rem; }
.rwdiv.z3-100 { padding-right: 0; padding-left: 0; /*float: none;*/ }
.rwdiv.nopad3 { padding-right: 0; padding-left: 0; }

ul.li3-2, ul.li3-3, ul.li3-4, ul.li3-5 { display: flex; flex-wrap: wrap; }
ul.li3-2 li, ul.li3-3 li, ul.li3-4 li, ul.li3-5 li { /*display: inline-block;*/ }
.li3-2 > li { width: 50%; padding-right: 1rem; }
.li3-3 > li { width: 33%; padding-right: 1rem; }
.li3-4 > li { width: 25%; padding-right: 1rem; }
.li3-5 > li { width: 20%; padding-right: 1rem; }

.pad3 { padding:1.5rem; }
.mar3 { margin:1.5rem; }
.gopad3 { padding-top:1.5rem; }
.gomar3 { margin-top:1.5rem; }
.bepad3 { padding-bottom:1.5rem; }
.bemar3 { margin-bottom:1.5rem; }
.ezpad3 { padding-left:1.5rem; }
.ezmar3 { margin-left:1.5rem; }
.espad3 { padding-right:1.5rem; }
.esmar3 { margin-right:1.5rem; }

.nomar3 { margin: 0; }
.nogomar3 { margin-top: 0; }
.nobemar3 { margin-bottom: 0; }
.noezmar3 { margin-left: 0; }
.noesmar3 { margin-right: 0; }
.nopad3 { padding: 0; }
.nogomar3 { padding-top: 0; }
.nobemar3 { padding-bottom: 0; }
.noezmar3 { padding-left: 0; }
.noesmar3 { padding-right: 0; }

}
