.sutaz .mb { width:100%; height:700px; overflow:hidden; background-color:#038cac; background-image: radial-gradient(#7ed2e8,#038cac); position:relative; }
.sutaz .mb .balik { width:auto; height:100%; position:absolute; left:0; bottom:0; }
.sutaz .mb h1 { text-align:center; font-weight:400; color:#fff; font-size:60px; letter-spacing:4px; font-family: SlateProBook, Arial, sans-serif; margin:40px 0; }
.sutaz .mb h1 span {color:#0079a4; font-weight:400; font-size:80px; letter-spacing:1px; font-family: SlatePro-Bold, Arial, sans-serif; }
.sutaz .mb .s { width:39%; overflow:hidden; margin-right:5%; float:right;font-family: SlateProBook, Arial, sans-serif; margin-top:10px;}
.sutaz .mb .s p { color:#fff; font-size:23px;}
.sutaz .mb .s a { color:#fff;}
.sutaz .mb ul { list-style-type:none; padding-inline-start:0; margin-left:-20px}
.sutaz .mb li { color:#fff; margin:1em 0 1em 30px;padding-left:20px; font-size:22px;}
.sutaz .mb li:before {content:"●"; color:#0079a4; margin-right:10px; font-size:1.3em; margin-left:-30px; }

.sutaz .os { text-align:center; margin:0; padding:1em; color:#7ed2e8; background:#0079a4; font-size:22px;}
.sutaz .os a { text-decoration:none; display:inline-block; padding:2px; margin-right:.8em; text-decoration:none;color:#fff;font-family: SlatePro-Thin, Arial, sans-serif;}
.sutaz .os a:last-child{ margin-right:0;}
.sutaz .os a:hover { text-decoration:underline; }

.sutaz article { width:94%; height:auto; padding:30px 3%; overflow:hidden; background:#fff; }
.sutaz h1 { color:#0079a4;font-family: SlatePro-Bold, Arial, sans-serif; font-weight:400; text-align:center; font-size:42px;}
.sutaz h2 { color:#0079a4;font-family: SlatePro-Bold, Arial, sans-serif; font-weight:400;}
.sutaz h4 { font-family: SlatePro-Bold, Arial, sans-serif; font-weight:400;}
.sutaz h4 em { display:inline-block;font-style:normal;color:#fff; background:#0079a4; padding:4px 1px; width:24px; text-align:center; margin-right:8px; }
.sutaz p {font-family: SlateProLight, Arial, sans-serif; font-size:16px;}
.sutaz .kd {color:#0079a4; text-align:center; font-size:20px;}
.sutaz .frm { border:1px solid #0079a4; box-sizing:border-box; overflow:hidden; width:100%; max-width:700px; margin:.5em auto;}
.sutaz .frm h3 { color:#fff; background:#0079a4;font-family: SlatePro-Bold, Arial, sans-serif; font-weight:400; padding:10px 1em; margin:0;}
.sutaz .frm .w { width:94%; padding:1em 3%;} .sutaz .frm .w.h { display:none;}
.sutaz #td { width:100%; overflow:hidden;}
.sutaz #td label { cursor:pointer;font-family: SlateProLight, Arial, sans-serif;}
.sutaz input[type="radio"] { margin-right:8px;}
.sutaz input[type="text"] { margin-right:8px; padding:4px;border:1px solid #0079a4; box-sizing:border-box; font-size:14px;}
.sutaz label {display:inline-block; padding:2px;}
.sutaz .do { border:1px solid #0079a4; box-sizing:border-box; padding:4px 3px 4px 6px; overflow:hidden; width:100%; margin-bottom:4px; }
.sutaz .dc { display:none;}
.sutaz .do input[type="radio"]:checked + label + .dc { display: block;}
.sutaz .dc label { width:30%;}
.sutaz .dc input[type="text"] { width:68%; float:right;}
.sutaz button { border:none; padding:8px 20px; color:#fff; background:#0079a4; border-radius:6px; cursor:pointer; font-size:17px;}
.sutaz button:hover {background:#005984;}
.sutaz .kn { width:46%; overflow:hidden; box-sizing:border-box; float:left;}
.sutaz .kn input[type="text"] { width:100%;}
.sutaz .kp { width:8%; padding-top:85px; overflow:hidden; float:left; text-align:center;}
.sutaz #kn { border:1px solid #aaa; box-sizing:border-box; width:100%; height:180px; overflow:auto; margin-top:8px;}
.sutaz #kn p, .sutaz #vk p { font-size:13px;padding:4px;margin:4px 2px;background:#eee;cursor:pointer;}
/*.sutaz #kn p:nth-child(odd){background:#eee;}.sutaz #kn p:nth-child(even){background:#ddd;} */
.sutaz #kn p:hover, .sutaz #vk p:hover { background:#ccc;}
.sutaz .vk { width:46%; overflow:hidden; box-sizing:border-box; float:left;}
.sutaz .vk p { margin:2px 0 13px 0;} .sutaz #vf.h { display:none;}
.sutaz .okvk { font-size:13px; color:#555; margin:0;}
.sutaz #vk { width:100%; height:180px; overflow:auto; border:1px solid #0079a4; box-sizing:border-box;}
.sutaz #ok1 { width:94%; padding:1em 3%; display:none; text-align:center;} .sutaz #ok1.v { display:block;}
.sutaz #ok1 a { padding:8px 40px; text-decoration:none; color:#fff; background:#0079a4; border-radius:6px; font-size:17px; }
.sutaz #err { width:94%;padding:1em 3%; font-size:17px; font-weight:600; color:#fff; background:#c00;font-family: SlateProLight, Arial, sans-serif;display:none;}
.sutaz #err.v { display:block;}
.sutaz .u label.l { width:25%;}
.sutaz .u label a { color:#0079a4;}
.sutaz .u input[type="text"] { width:73%; float:right; margin-right:0;}
.sutaz .mob { display:none;}
.sutaz #upb { width:99%; height:8px; overflow:hidden; background:#ccc; position:relative; display:none;} .sutaz #upb.v { display:block;}
.sutaz #upp { width:0%; height:8px; overflow:hidden; background:#B6F0B3; position:absolute; left:0; top:0;}
.sutaz #upf { font-size:15px; font-family: SlateProLight, Arial, sans-serif;}

.sutaz.enc .mb h1 span {font-size:50px;}
.sutaz.enc article { text-align:center; }	
.sutaz.enc article a { text-decoration:none; display:inline-block; width:19%; height:402px;; overflow:hidden; margin:3px 0 8px 0; position:relative; }	
.sutaz.enc article a .i { width:100%; height:290px; overflow:hidden; position:relative;  }
.sutaz.enc article a .i img { width:88%; height:auto; transition:all ease-in-out .5s; display:block; position:absolute; left:5%; bottom:18px; box-shadow:5px 5px 10px #888; }
.sutaz.enc article a:hover .i img { width:94%; left:2%; bottom:12px;}
.sutaz.enc article a h3 { font-size:17px; color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:4px 0 0 0;}
.sutaz.enc article a h3 span {color: #00a5d4; text-transform:uppercase;}
.sutaz.enc article a p { color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:1px 0;}
.sutaz.enc article a h4 { width:40px; height:40px; margin:0; font-weight:normal; text-align:center; border-radius:50%; color:#fff; font-size:20px; line-height:40px; text-indent:.2em;
	background:rgba(50,50,50,.6); position:absolute; top:310px; left:50%; margin-left:-20px;font-family: SlatePro-Bold, Arial, sans-serif;}
.sutaz.enc h2.zv { text-align:center; margin:0; padding:1em; color:#fff; background:#0079a4;}
.sutaz.enc .vyh h3 {font-family: SlateProLight, Arial, sans-serif; font-size:1.5em; text-align:center}
.sutaz.enc .vyh { width:94%; height:auto; padding:30px 3%; overflow:hidden; background:#fff; text-align:center; }

.sutaz.enc .vyh div { display:inline-block; width:250px; margin:10px .3%; background:#00a5d4;vertical-align:middle; }
.sutaz.enc .vyh div, .sutaz.enc .vyh img { height:150px;}
.sutaz.enc .vyh p { font-size:22px; font-family: SlateProBook, Arial, sans-serif; padding:1.25em 0 .2em 5%;width:42%;float:left;text-align:left;color:#fff; }
.sutaz.enc .vyh p span { font-size:14px;}
.sutaz.enc .vyh img { width:auto; float:right;}
.sutaz.enc .vyh em { display:block; width:50%; height:150px; float:right;background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);
	box-sizing:border-box; padding-top:48px; font-family: SlateProBook, Arial, sans-serif;}

.statut {background:#fff;}
.statut article { width:94%; height:auto; padding:30px 3%; overflow:hidden; max-width:1000px; margin:0 auto;}
.statut .os { text-align:center; margin:0; padding:1em; color:#7ed2e8; background:#0079a4; font-size:22px;}
.statut .os a { text-decoration:none; display:inline-block; padding:2px; margin-right:.8em; text-decoration:none;color:#fff;font-family: SlatePro-Thin, Arial, sans-serif;}
.statut .os a:last-child{ margin-right:0;}
.statut .os a:hover { text-decoration:underline; }
.statut h1, .statut h2 { color:#0079a4;font-family: SlatePro-Bold, Arial, sans-serif; font-weight:400; text-align:center; margin-bottom:.1em;}
.statut h1 { font-size:42px;}
.statut h2 { font-size:32px; margin:.5em 0 1em 0; }
.statut h3 { font-size: 24px; color: #00a5d4; text-align:center; font-weight:400;font-family: SlateProBook, Arial, sans-serif; margin:.5em 0 .3em 0;}
.statut p, .statut li, .statut td {font-family: SlateProLight, Arial, sans-serif; font-size:18px; line-height:1.4;}
.statut p { margin-left:1em;}
.statut ol.a {list-style-type: lower-latin;}
.statut ol li::marker {color:#00a5d4;}
.statut table { width:100%; max-width:800px; margin:25px auto 5px auto;}
.statut td { text-align:center;}
/*.statut ol li::marker {content:counter(list-item)") "; color:#00a5d4;}
*/
/*.statut ol.a li::marker {list-style-type: lower-latin; counter-increment: list; content:counter(list, lower-latin)") "; color:#00a5d4;}*/

@media (max-width: 1200px) {
.sutaz .mb {height:auto;}
.sutaz .mb .balik { width:56%; height:auto; }
}
@media (max-width: 1100px) {
.sutaz .mb .balik { width:54%; }
.sutaz .mb .s p {font-size:20px;}
.sutaz .mb ul { margin-bottom:2em;}
.sutaz .mb li {font-size:19px;}
}
@media (max-width: 1000px) {
.sutaz .mb .balik { width:56%;}
.sutaz .mb .s { width:44%;margin-right:3%;}
}
@media (max-width: 900px) {
.sutaz .mb .s p {font-size:18px;}
.sutaz .mb li {font-size:17px;}
.sutaz.enc article a h3 { font-size:17px;}
}
@media (max-width: 799px) {
.sutaz .mb .balik { width:100%;height:auto;bottom:none;top:7vw; }
.sutaz .mb h1 {font-size:11vw; letter-spacing:.65vw; margin:5vw 0 2vw 25%; width:75%; }
.sutaz .mb h1 span {font-size:14vw; letter-spacing:.65vw;}
.sutaz .mb .s { width:96%;margin:78vw auto 1em auto; float:none;}
.sutaz .mb .s p {font-size:22px;}
.sutaz .mb li {font-size:20px;}
}
@media (max-width: 710px) {
.sutaz .u label { width:28%;}
.sutaz .u input[type="text"] { width:69%;}
}
@media (max-width: 600px) {
.sutaz .mb .s p {font-size:19px;}
.sutaz .mb li {font-size:18px;}
.sutaz .mob { display:block;}
.sutaz h1 { font-size:38px;}
.sutaz .kn, .sutaz .vk { width:100%;}
.sutaz .kp { transform:rotate(90deg); width:100%; padding:0;}
.sutaz .u label { width:29%;}
.sutaz .u input[type="text"] { width:67%; padding:6px 4px;}

.sutaz.enc .mb h1 span {font-size:30px;}
.sutaz.enc article a .i img {position: relative;  margin-top:5vw;}
.sutaz.enc article a { width:100%; height:auto; padding-top:30px; margin-top:5px;}	
.sutaz.enc article a .i {height:auto;}
.sutaz.enc article a:hover .i img { width:88%; left:5%; bottom:18px;}
.sutaz.enc aticle a h4 {top:0;}
.sutaz.enc article a h3,.tit article a p { font-size:24px;}	*/
}