@font-face { font-family: 'r'; src: local('Roboto'), url(r.woff2); font-display: optional; }
html, body {
    scrollbar-color: #6287d8 #d4e2ff;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 10px;
    height: 4px;
    background-color: #d4e2ff;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #6287d8;
}
body { margin: 0px; padding: 0px; font-family: 'r', Verdana; background-color: #ffffff; } 
div { display: block; margin: 0px; padding: 0px; text-align: center; margin-right: auto; margin-left: auto; } 
img {border: 0px;} 
p {font-size: 16px; margin-right: 15px; margin-left: 15px; margin-bottom: 0px; margin-top: 0px; padding: 3px; font-style: normal; color: #000000; } 
a { color: #6287d8; text-decoration: underline; } a:hover { color: #6287d8; text-decoration: none; }
ul {	list-style-type: none; }
.lm{color: #757575; text-decoration: none;} .lm:hover {color: #6287d8;}



h1 { color: #4571d1; padding: 10px;}
@media (max-width: 1150px) {h1 {font-size: 25px; } }
@media (min-width: 1150px) {h1 {font-size: 32px; } }
@media (max-width: 550px) {h1 {font-size: 20px; } }
@media (max-width: 200px) {h1 {font-size: 17px; } }

h2 { color: #4571d1; padding: 10px;}
@media (max-width: 1150px) {h2 {font-size: 23px; } }
@media (min-width: 1150px) {h2 {font-size: 27px; } }
@media (max-width: 550px) {h2 {font-size: 18px; } }
@media (max-width: 200px) {h2 {font-size: 16px; } }

h3 { color: #4571d1; padding: 10px;}
@media (max-width: 1150px) {h2 {font-size: 21px; } }
@media (min-width: 1150px) {h2 {font-size: 25px; } }
@media (max-width: 550px) {h2 {font-size: 17px; } }
@media (max-width: 200px) {h2 {font-size: 16px; } }


#a{ background-color: #ffffff; overflow: hidden;}
@media (max-width: 1150px) {#a {width: 100%; height: auto; } }
@media (min-width: 1150px) {#a {width: 1150px; height: auto; } }

#l{ width: 100px; height: 45px; float: left; display: block; margin: 10px; padding: 0px; margin-left: 30px;}

#ul_1 {
	list-style-type: none;
	overflow: hidden;
	margin: 0px;
	padding: 13px;
	float: right;
	font-size: 17px;
	color: #757575;
    margin-right: 2%;	
}
@media (max-width: 600px) {#ul_1 {font-size: 15px; } }
.li-1 { float: right; margin-top: 10px; margin-left: 8px;  padding-left: 8px; cursor: pointer }
@media (max-width: 600px) {.li-1 {margin-left: 18px; } }
.li-1:hover {color: #6287d8;}
.li-2 { float: right; margin-top: 8px; margin-left: 16px; }
@media (max-width: 600px) {.li-2 {display: none; } }

#o{ background-color: #ffffff; overflow: hidden; border-top: 2px solid #6287d8; margin-bottom: 100px;}
@media (max-width: 1530px) {#o {width: 100%; height: auto; } }
@media (min-width: 1530px) {#o {width: 1530px; height: auto; } }

:root {
  --ww: brown;
}

#ii{ width: 100%; height: auto; }

#ds, #dsm{ color: #4571d1; font-weight: 700; cursor: pointer }
#ds:hover { color: #6287d8; }


#h{ height: 50px; background-color: #ffffff; overflow: hidden; border-top: 2px solid #6287d8;}
@media (max-width: 1530px) {#h {width: 100%; } }
@media (min-width: 1530px) {#h {width: 1530px; } }

#mail{ margin-top: 10px; width: 200px; height: 30px;}
@media (max-width: 250px) {#mail {margin-top: 14px; width: 130px; height: 20px;} }

#diz{ font-size: 15px; color: #4571d1; text-align: right; margin-top: 10px; margin-right: 2%; }

#txt{ width: 1000px; height: auto; background-color: #ffffff;}
@media (max-width: 1000px) {#txt {width: 100%; } }


@media (width: 320px) {#i1 {width: 320px; height: 129.67px; } }
@media (width: 360px) {#i1 {width: 360px; height: 145.88px; } }
@media (width: 1350px) {#i1 {width: 1350px; height: 547.06px; } }