@font-face{font-family:'Roboto';font-weight:300;font-style:normal;src:url("/resource/fonts/Light.woff2") format('woff2');font-display:swap}
@font-face{font-family:'Roboto';font-weight:400;font-style:normal;src:url("/resource/fonts/Regular.woff2") format('woff2');font-display:swap}
@font-face{font-family:'Roboto';font-weight:500;font-style:normal;src:url("/resource/fonts/Medium.woff2") format('woff2');font-display:swap}
*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}
html,body{height:100%;line-height:1}
html{background: rgba(92, 112, 122, 0.8);background-attachment: fixed; background-position:center;background-repeat:no-repeat;background-size:cover}
body{font-size:16px;color:#000;font-weight:400;font-family:"Roboto",sans-serif;line-height: 1.4286;}
p{margin:5px 10px 20px;color: #2c2e31;}
a{color:#0d45ad;text-decoration:none;font-weight: 500;}
a:hover{opacity:.7}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;transition:.15s}
strong{font-weight:500}
b{font-weight:400}

.main{flex:1 1 auto;background-color:#fff;padding:0 15px;box-shadow:5px 0 10px 2px rgb(92 109 118)}
.mainSection{width:100%;transition:margin .35s}
.sectionContent{flex:0 1 19%;margin:0px 0px 10px 10px;overflow:hidden;transition:.35s;border: 2px solid #2a03e366;padding: 10px 0px 10px 0px;background: linear-gradient(0deg, #fff, #6eb4ff);border-radius: 15px;}
.contentTitle{width:100%;display:block;font-size:28px;font-weight:500;color:#fc650b;margin:25px 0;text-align:center;}

.wrapper{min-height:100%;display:flex;overflow:hidden;flex-direction:column}
.container{max-width:1366px;transition:all 0.3s ease-in-out}
.header{position:relative;width:100%;z-index:50}
.headerContainer{display:flex;min-height:53px;margin:0 auto;padding:0 10px;align-items:center}
.boxBackground{box-shadow:5px 0 10px 2px rgb(92 109 118);background: linear-gradient(to top, #113661, #2a5f9e);}
.headerLogo{position:relative;z-index:5;float:left}
.headerLogo::before{display:block;content:'';width:236px;height:40px;background:url(/img/logo.png) no-repeat 50%}
.headerMenu{flex:1 1 auto}
.menu{display:flex;justify-content:flex-end}
.menuBody{}
.menuList{display:flex}
.menuLink{margin:0 10px 0 0}
.menuIcon{width:18px;height:18px;margin: 0 5px 0 0;fill:#fff}
.menuLink h2{display:table-caption;color:#fff;font-weight:400}
.menuLink span{display:table-caption;color:#fff;font-weight:400}
.menuIconku,.iconMenu,.iconMenuClose{display:none}

.footer{display:flex;#max-width:1366px;padding:20px 0;background: linear-gradient(to top, #0a111a, #193d69);box-shadow: 5px 0 10px 2px rgb(92 109 118);}
.footerBody{margin:0 auto}
.footerList{display:flex}
.footerList li{margin:0 20px 0 0}
.footerList li:last-child{margin:0}
.footerLink{color:#fff;font-weight:400;font-size: 85%}
.footerLink span{color:#fff;font-weight:400}
.footerCopy{text-align:center;margin:20px 0 0 0;color:#fff;font-weight:400;font-size: 85%;opacity: .62;}
.footerCopy span{cursor:help}
.footerCopy a{color:#aaa;margin:0 0 0 10px;text-decoration:underline}
.footerCopy a:hover{text-decoration:none}
.footerIcon{width:15px;height:15px;margin: 0 5px 0 0;fill:#999999}

#cookieConsent{background-color:#f8f8f8;padding:20px;position:fixed;bottom:0;left:0;right:0;text-align:center;font-size:18px;box-shadow:5px 0 10px 2px rgb(92 109 118)}
#cookieConsent .cookieConsentBtn{margin:5px;padding:8px 20px;background-color:#5cb85c;border:none;color:#fff;cursor:pointer}


.massageBlock{padding:10px;color:#fff;border-radius:0 0 10px 10px;font-size:16px;font-weight:400}
.red{background:red}
.green{background:green}
.gold{background:gold}


@media screen and (max-width: 1365px){
	.main{box-shadow:none}
}
@media screen and (max-width:1330px){
	
}
@media screen and (max-width: 1200px){
	
}
@media screen and (max-width:1087px){
	html{background-image: linear-gradient(to bottom,rgb(3, 29, 244),rgb(247, 221, 9) );background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
	
	.footer{background:#000}
}
@media screen and (max-width:991px){
	
}
@media screen and (max-width:840px){
	
}
@media screen and (max-width:767.98px){
	.main{padding:50px 5px}
	.container{max-width:none}
	.headerContainer{width:100%;position:relative}
	.headerContainer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;box-shadow:0 0 10px 2px rgb(92 109 118);background:linear-gradient(to top, #444, #000)}
	
	.iconMenu,.iconMenuClose{display:flex;position:relative;flex:0 0 30px;height:20px;flex-direction:column;justify-content:space-between;margin:10px 0;z-index:5;width:30px;float:right}
	.iconMenu::before,.iconMenu::after{content:'';background-color:#fff;height:1px}
	.iconMenu span{height:1px;background-color:#fff}
	
	.iconMenuClose{display:none}
	.iconMenuClose::before,.iconMenuClose::after{content:'';position:relative;top:50%;left:0;background-color:#fff;height:1px}
	.iconMenuClose::before{transform:rotate(45deg)}
	.iconMenuClose::after{transform:rotate(-45deg)}
	.header:target .iconMenu{display:none}
	.header:target .iconMenuClose{display:flex;height:1px;justify-content:flex-end;margin:15px 0}
	
	.menuBody{position:fixed;top:-100%;left:0;width:100%;height:100%;overflow:auto;background-color:#D5D8DB;padding:60px 10px 15px;transition:all 0.3s ease 0s}
	.MenuHeader{display:none}
	
	.header:target .menuBody{top:0}
	.header:target .menuBody::before{content:'';position:fixed;top:0;left:0;width:100%;height:55px;background-color:#D5D8DB}
	
	.menuList{flex-direction:column;justify-content:left;align-items:normal}
	
	.menuList li{margin:0 0 10px 0}
	.menuLink h2{font-size:22px;color:#000}
	.menuIcon{width:25px;height:25px;fill:#000}
	.menuIconku{display:block}
	
	.footer{display:none}
}
@media screen and (max-width:700px){
	
}
@media screen and (max-width:650px){
	
}
@media screen and (max-width:600px){
	
}
@media screen and (max-width:500px){
	
}
@media screen and (max-width:400px){
	
}
@media screen and (max-width:320px){
	
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}