@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300&family=Mulish:wght@200&display=swap');

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {margin:0 0;	padding:0 0;font-family: 'Mulish', sans-serif;color: black;font-size:1.2em;line-height: 1.2em;background-color: white;}
a {text-decoration: none;color:blue;}
a:hover, a:focus {color: #333;}
a.nt {padding:6px;font-size:80%;font-weight:700;color:blue;opacity:0.8;text-decoration: none;}
a.nt:hover {opacity:1;}
a.nt:visited {color:royalblue;}
a.backnt {margin:0 12px;padding:6px;font-size:13px;color:blue;opacity:0.8;}
.body-header {max-width:990px;height:675px;position: relative;margin: 0 auto 80px;padding: 3em 1em;color: #000;text-align: center;background-image: url('/images/background.jpg');background-position: 50% 50%;background-color: blanchedalmond;background-size: cover;opacity: 0.8;border-left: 30px solid blanchedalmond;border-right: 30px solid blanchedalmond;border-bottom: 50px solid blanchedalmond;border-top: 30px solid blanchedalmond;}
.title {display:block;text-align:center;margin-top: 12em;margin-bottom:11em;}
h1, h2, h3, h4, h5 {font-family:'Lexend', sans-serif;text-align:center;}
h1 {font-family: 'Lexend', sans-serif;font-size: 160%;font-weight: 400;color:black;line-height: 2em;opacity:1;}
h2 {margin-top: 2.99em;text-align:center;font-size: 131%;color: cornflowerblue;opacity: 1;line-height: 2em;font-weight: 300;}
h3 {margin: 4em auto 2em;font-size: 110%;color: blue;}
h4 {margin: 8em 0 4em;font-size: 140%;color: blue;}
h5 {margin:4em auto 0;font-size:100%;color:blue;opacity:0.9;}
td {text-align:center}
h2 hr {margin:0 auto;display:block;width:277px;font-size:130%;color:white;text-shadow: 1px 1px 0 saddlebrown;}

.row img {cursor:pointer}
.bs {display:block;min-height:4em;width:100%;font-size: 0.8em;color: black;text-align:left;padding:0.3em 0.7em;} 
span.tit {font-size:1em;color:royalblue;font-weight:700;} 
a.acat {margin:15em 2em 2em;text-transform: uppercase;color:cornflowerblue;font-weight:700;border-bottom:1px solid cornflowerblue;}
.works tr {display:flex;padding-top:6em;}
.mtitle p  {margin: 1em 0 2em;text-decoration: none;color: cornflowerblue;text-transform: uppercase;font-weight: 700;}
.tworks p {margin: 6em 2em 2em;text-decoration: none;color: cornflowerblue;text-transform: uppercase;font-weight: 700;}
.twerke p {margin:3em 2.5em 2em;text-decoration: none;color:black;font-size:80%}
p.btitle {padding:0 5em;font-size:90%;text-align:left;}
iframe {width:100%;height:800px;}
.subt {font-size:70%;line-height:1.2em;}
span.qm {font-size: 0.5em;line-height: 2.1em;display: inline-block;vertical-align: top;}
.video-js .vjs-big-play-button {display:none!important;}

.works {display:block;max-width:90%;margin:90px auto;}
.sch {display:block;max-width:90%;margin:90px auto;}
.dhsdk {display:block;max-width:90%;margin:90px auto;}
.aus {display:block;max-width:90%;margin:90px auto;}
.fdk {display:block;max-width:90%;margin:90px auto;}

.zgf p {color:crimson}
.nt {font-size:90%;text-align:center;line-height: 1.6em;}
p.sch {max-width: 30em;margin:7em auto;padding: 1em 0;font-size: 102%;color:blue;text-align:center;border-top: 1px solid white;border-bottom: 1px solid white;}
p.nts {margin-top:3em;font-size: 102%;color:blue;}
.container {width:85%;margin:0 auto;}
.main {max-width:1200px;margin:0 auto;}
.pre {width:98%;padding:0 5% 0;line-height:30px;text-align:left;}
.prew1 {font-size: 1.2em;padding: 0 15px 24px 15px;}
.prew2 {font-size: 1.2em;padding: 70px 15px 50px 15px;}
.footer {background-color:rgba(255, 255, 255, 0.5);position: relative;display: block;width: 100%;margin: 22em auto 0;padding: 2em 6% 4em;box-shadow: 0px 18px 20px black;font-size:80%;text-align: left;font-style:italic;}
.footer a {color:crimson;}
p.fphoto {margin: 0px auto 50px;padding: 15px 20px;}
p.dphoto {font-size:85%;font-style:italic;}
a.print {color:black;background-image: url('/images/print.png');background-size: 16%;background-repeat: no-repeat;padding-left: 28px;}
.row > .cl, .row > .cs {padding:1em;}
.row:after {content:"";display:table;clear:both;}
.cl {display:inline-block;}
.modal {display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:white;}
.modal-content {position: relative;background-color: white;margin: auto;padding: 0;width: 95%;max-width: 9000px;}
.close {width:1em;color: black;position: absolute;top: 0;right: 1em;font-size: 1em;font-weight: normal;padding:1em;z-index:9999;}
.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}
.cs {display:block;width:95%;}
.sl {display: none;}
.prev, .next {cursor: pointer;position: absolute;top:1.1em;right:8em;width: auto;padding:1em;color: black;font-weight: normal;font-size: 0.5em;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;z-index:9999;opacity:0.6;}
.next {right: 5em;border-radius: 3px 0 0 3px;}
.active, .demo:hover {opacity: 0.5;}

img.tri {max-width:450px!important;padding:0;}
img.benter {display:block;width:75%;margin:40px auto;}
.fworks img {display:inline-block;margin:90px auto;padding:20px}
.fsch img {display:inline-block;margin:90px auto;}
.fdhsdk img {display:inline-block;margin:90px auto;}
.faus img {display:inline-block;margin:90px auto;}
.fdok img {display:inline-block;margin:90px auto;}
.cl img {display:inline-block;float: left;width:100%;margin:0 auto;}
.cs img {display:inline-block;float: left;width:100%;margin:0 auto;padding-top:6em}
.sl img {display:block;max-width:100%;margin:0 auto;}
.vid {display;block;margin:15em auto 8em;}
.vid2 {display;block;margin:5em auto 0;}
.vid, .vid2 {width:630px;}
.ivid {width:630px;height:355px;}

.works img, .fworks img, .fsch img, .fdhsdk img, .faus img, .fdok img, .cl img {max-width:320px;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 810px) {
.works img, .fworks img, .fsch img, .fdhsdk img, .faus img, .fdok img, .cl img {max-width:250px;}
.body-header {margin: 0 auto 80px;}.prew1 {font-size: 19px;padding: 0 15px 5px 8px;}.prew2 {font-size: 18px;padding: 35px 15px 10px 8px;}h1, h2 {font-size: 115%;}.footer img {width: 100%;display: block;opacity: 0.8;border-left: 10px solid blanchedalmond;border-right: 10px solid blanchedalmond;border-bottom: 15px solid blanchedalmond;border-top: 10px solid blanchedalmond;}p.fphoto {margin: 0px auto 50px;padding: 0;}}
@media screen and (max-width: 600px) {
.works img, .fworks img, .fsch img, .fdhsdk img, .faus img, .fdok img, .cl img {max-width:180px;}
.vid, .vid2 {width:500px;}
.ivid {width:500px;height:280px;}
}
@media screen and (max-width: 512px) {
.works img, .fworks img, .fsch img, .fdhsdk img, .faus img, .fdok img, .cl img {max-width:150px;}
.vid, .vid2 {width:300px;}
.ivid {width:300px;height:170px;}
}