@font-face {
        font-family: 'PTS55F';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url('fonts/PTS55F.ttf');
        }
*{margin:0;padding:0;font-family: 'PTS55F';}
a{text-decoration:none;color:#000000;}
body{height: 100%;overflow-x: hidden;width: 100%;position: relative;min-width:400px;}

.wrap{display: grid;grid-template-areas: "header" "content" "footer";grid-template-rows:auto;grid-template-columns:auto;grid-gap: 0px;}

/* header */
.header{grid-area:header;}
.headerWrap{width:70%;margin:2em auto;display:flex;justify-content:center;}
.headerWrap>div {margin-right:2em;display:flex;}
.headerWrap>div a{text-decoration:none;color:#000000;padding:0.1em;}
.headerWrap>div a:hover{color:#00e0f0;transition: 0.6s ease;}
.headerWrap>div>div img{width:5em;height:6em;cursor:pointer;}
.headerWrap>div>div {margin-right:1em;}

.button{border:1px solid #ff4651;padding:0.5em;border-radius:5px;font-size:0.8em;cursor:pointer;color:#000000;text-align:center;transition: 0.6s ease;
     }
.button:hover{background:#FF4651;color:#ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* content */
.content{grid-area:content;font-size:0.9em;}
.contentWrap{width:70%;margin:2em auto;justify-content:center;}
.startContainer{width:100%;margin:1em auto;display:flex;justify-content:center;position:relative;}
#slider{margin-top:2em;display:block;box-shadow: 0 0 10px rgba(0,0,0,0.5);position: relative;height:170px;border-radius:10px;background:#404040;overflow:hidden;}
.slideText {position: absolute;color: #ffffff;left: 50%;top: 50%;transform: translate(-50%, -50%);text-shadow: 1px 1px 2px black, 0 0 1em gray;width:90%;}

.prevSlider{max-width: 100%;width:100%;position: relative;margin:1em auto;height: 300px;margin-bottom: 15px;background:#404040;overflow:hidden;box-shadow: 0 0 10px rgba(0,0,0,0.5);border-radius:10px;}
.PrevSlideText {position: absolute;color: #ffffff;font-size: 1.5em;left: 50%;top: 50%;transform: translate(-50%, -50%);text-shadow: 1px 1px 2px black, 0 0 1em gray;width:80%;}
.prevSliderItem{display:block;}
.prevSlider .prevSliderItem img {object-fit: contain;object-position:center center;width: 100%;height: 300px;border: none !important;box-shadow: none !important;opacity:0.8;}
.prevSlider .prev, .prevSlider .next {cursor: pointer;position: absolute;top: 0;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;}
.prevSlider .next {right: 0;border-radius: 3px 0 0 3px;}
.prevSlider .prev:hover,.prevSlider .next:hover {background-color:#2EA4CF;}
.prevSlider-dots {text-align: center;}
.prevSlider-dots_item{cursor: pointer;height: 12px;width: 12px;margin: 0 2px;background-color: #404040;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active,.prevSlider-dots_item:hover {background-color: #2EA4CF;}
.prevSlider .prevSliderItem {-webkit-animation-name: fade;-webkit-animation-duration: 0.3s;animation-name: fade;animation-duration: 0.3s;}
@-webkit-keyframes fade {from {opacity: .4}to {opacity: 1}}
@keyframes fade {from {opacity: .4}to {opacity: 1}}

.presWrap{display:flex;flex-wrap: wrap;height:100%;width:100%;}
.presBlock{margin:1em;padding: 2em;width:35%;}
.presBlockTitle{display:flex;}
.presBlockTitle>div{font-size:1em;font-weight:bold;}
.presBlockTitle>div span{color:#185A72;}
.presBlockInfo{margin-left:1.5em;border-left:1px dashed #FF4651;padding:0.5em;font-size:0.9em;}

.menuStartPrev{display:flex;justify-content:center;position:relative;}
.menuStartPrev>div{padding:1em;z-index:2;}
.btnNoAct{position:relative;cursor:pointer;}
.btnNoAct:hover> .btnAnimateNoAct{background-color:#E00000;transition: 0.6s ease-in-out;}
.btnNoAct:hover>div{color:#E00000;transition: 0.6s ease-in-out;}

.btnAct{position:relative;cursor:pointer;}
.btnAct>div{color:#E00000;}
.btnAnimateNoAct{height:0.15em;content: "";position:absolute;top:0;left:0;z-index:1;width:100%;background-color:#CBCBCB;box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.btnAnimateAct{height:0.15em;content: "";position:absolute;top:0;left:0;z-index:1;width:100%;background-color:#E00000;box-shadow: 0 0 15px rgba(0,0,0,0.5);}

.infoWrap{display: grid;grid-template-areas: "menuCont infoContent";grid-template-rows:auto;grid-template-columns:20% 80%;grid-gap: 0px;width:100%;}
.menuCont{grid-area:menuCont;}
.infoContent{grid-area:infoContent;}

.father{margin-bottom:2em;margin-top:0.8em;}
.payBlock{width:100%;margin-top:2em;}
.payBlockTitle{display:flex;}
.payBlockTitle>div{font-size:1em;font-weight:bold;}
.payBlockTitle>div span{color:#2EA4CF;}
.payBlockInfo{margin-left:1.5em;border-left:1px dashed #FF4651;padding:1em;}
.payBlockInfo a{color:#2EA4CF;}

.helpInfo{border:1px solid #D9D9D9;border-radius:5px;margin-top:1.5em;width:100%;}
.helpTitle{padding-left:3em;background:#FFFFFF;z-index:999;margin-left:3em;font-size:1.1em;margin-top:-0.5em;width:50%;}
.helpContainer{padding:1em 1em 1em 3em;}
.helpContainerBoxes{display:flex;}
.helpContainerBoxes>div{width:30%;padding:1em 1em 3em 1em;}
.helpContainerBoxes>div span{font-size:2em;color:#2EA4CF;}

.mainService{display:flex;background:rgb(235,239,242);width:100%;border-radius:15px;margin-top:2em;}
.mainService>div{padding:2em;width:50%;}
.mainService>div>div{padding:1em 1em 1em 1em;border-radius:15px;background:#FFFFFF;}

/* footer */
.footer{grid-area:footer;font-size:0.8em;}
.footerWrap{width:70%;margin:2em auto;display:flex;justify-content:center;}
.footerWrap>div {display:flex;flex-wrap: wrap;height:100%;}

.footerBox{margin-right:2em;}
.footerBoxTitle {font-weight:bold;}
.footerBoxContent{margin-left:0.5em;}
.footerBoxContent a{white-space: nowrap;text-align:left;}
.footerBoxContent a:hover{color:#00e0f0;transition: 0.6s ease;}


/* media */
@media screen and (max-width: 1110px)  {
    .headerWrap{width:80%;}
    .contentWrap{width:80%;}   
    .footerWrap{width:80%;}
    .PrevSlideText{font-size:1.4em;}
}

@media screen and (max-width: 990px)  {
    .headerWrap{width:90%;}
    .contentWrap{width:90%;}
    .footerWrap{width:90%;}
    .PrevSlideText{font-size:1.3em;}
}

@media screen and (max-width: 880px)  {
    .headerWrap{width:97%;}  
    .contentWrap{width:97%;}
    .footerWrap{width:97%;}
    .PrevSlideText{font-size:1.2em;}
}

@media screen and (max-width: 700px)  { 
    
    .headerWrap{display:flex;margin-top:1em;font-size:0.9em;}
    .headerWrap>div {margin-right:1em;display:flex;}
    .headerWrap>div>div img{width:4em;height:5em;}
    .headerWrap>div>div {margin-right:1em;} 
    .menuStartPrev>div {padding: 0.5em;} 
    .PrevSlideText{font-size:1.1em;}
}
@media screen and (max-width: 610px)  {
    .presBlock{width:90%;padding: 0.5em;}
    .PrevSlideText{font-size:1em;}
}
@media screen and (max-width: 510px)  {
    #headerBottomInfoSite{display:none;}
    #slider{font-size: 0.9em;}
    .menuStartPrev>div {font-size: 0.9em;}
    .footerBox{margin-top:1em;}
    .PrevSlideText{font-size:0.9em;}
}