@charset "utf-8";
/* CSS Document */
html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;height: 100%}input,select,textarea{-webkit-appearance:none}
body{margin:0;font-family:Arial;font-size:16px;position:relative;height: 100%}
*,*:before,*:after{margin:0;padding:0;border:0;-webkit-tap-highlight-color: rgba(0,0,0,0);box-sizing: border-box}
.c,hr{clear:both;font-size:0;overflow:hidden;display:block}
a{color:#1363df;outline:none}a:hover{text-decoration:none}a img{border:0}
.an{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
img{display: block;}

.wrap,body>*>*{width:94%;margin:0 auto;max-width:1200px}
.grid{font-size: 0;text-align:justify;text-justify: distribute}
.grid>div,.grid:after{display:inline-block;content: ""}

p{padding-bottom: 15px;}


header{position: fixed;top: 0;left: 0;right: 0;z-index: 10}
header>*{height: 90px;display: flex;align-items: center;max-width: 1620px;position: relative;transition: .4s}
header.sm, .book-read header{box-shadow: 0 10px 15px rgba(25,25,25,.1);background: #fff;}
header.sm>*{height: 60px}
.book-read header>*{height: 50px}
header.sm .logo{width: 100px;}
.book-read header .logo{width: 80px;}
header+*{padding-top: 120px;}


footer{overflow: hidden;margin-top: 25px;position: sticky;top:100%;background: #061e43;color: #fff;}
footer>*{display: flex;justify-content: space-between;align-items: center;padding: 12px 0;}



.logo{display: inline-block;aspect-ratio:12/5;width: 150px;margin: 0 100px 0 0;order:-1;transition: .4s}
.logo .cls-14, .logo .cls-16,.logo .cls-10, .logo .cls-11{transition: .4s}
.logo:hover .cls-14{fill:#00ff40}
.logo:hover .cls-16{fill:#24bf4b}

.logo:hover .cls-10{fill:#0800ff}
.logo:hover .cls-11{fill:#000}

footer{
    .logo{
         .cls-10, .cls-11{
            fill:#fff;
            
        }
        &:hover{
              .cls-10, .cls-11{
            fill:#00ff40;
            
        }
            }
    }
}


.mm>ul{display: flex}
header li{position: relative;list-style: none}
.mm>ul>li>a{padding: 36px;display: block;}
.sm .mm>ul>li>a{padding: 21px 36px;}
.book-read .mm>ul>li>a{padding: 16px 36px;}

.mm>ul ul {position: absolute;top: 120%;left: 10px;opacity: 0;visibility: hidden;transition:.3s;


    box-shadow: 0 19px 19px rgb(25, 25, 25,.05);
    padding: 10px 0 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;

}
.mm>ul ul>li{background: #fff; }
.mm>ul ul>li:first-child{border-radius: 4px 4px 0 0;padding-top: 10px;}
.mm>ul ul>li:last-child{padding-bottom: 10px;}
.mm>ul ul a{padding: 12px 26px;display: block;min-width: 200px;transition: .3s;background: #fff;}
.mm>ul ul a:hover{background: #e7effc;padding-left: 29px;}
header li a{color: #082a5e;text-decoration: none;transition: .3s}

header li:hover>ul{opacity: 1;visibility: visible;top: 100%;}


.has-children:after, #lang:after,.btn.go:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 8px;
    border-left:1.5px solid #5a7093;
    border-bottom:1.5px solid #5a7093;
    transform: rotate(-45deg);
    transform-origin: 34% 67%;
  }
.has-children:after{margin-top: -5px;}
header li.act a,header a:hover,header li:hover>a,header li:hover:after{color:#1363df;border-color:#1363df}
#lang:after{top: 15px;right: 15px;}




h1{color:#082a5e;font-size: 55px;font-family:"Times New Roman";margin: 30px 0 40px;}
h1 span{color:#1363df;}





#lang>a{transition:.2s}

#lang{font-size:17px;position:absolute;top:50%;right:0;margin-top: -22px;max-height:44px;overflow:hidden;z-index:1000}

#lang:hover{max-height:none;background: #e7effc;box-shadow:0 8px 15px 0 rgba(0,0,0,.25);border-radius: 7px;overflow: hidden}

#lang>*{color: #000;border-bottom:1px solid #f2f2f2;padding:12px 9px;min-width:170px}



#lang *{text-decoration:none;line-height:1.2;display:block}

#lang a:hover{background:#fff}

#lang>span{border:0}
#lang span b{cursor:default}
#lang b{font-weight:400;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAD7CAMAAAABzwdMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBQTFRF/6um/zgG1dr4/2Jh3PD2/9bVlq7o/1QA/48AYXLZ/ffT/LjGtccADUfMkNjxADPC/hgBvp0AzmiXtWcAocyy/wAv/yNH++Oh7q5GAKzg8TIs9QAhp6JhXmJh/+E3xe/XDMR6OHSs6wAFAHfMtcZJAHjhmaKf0tXRZloAAEL/AAC/AAAA/////+QA/xwc////A46XuAAAADB0Uk5T//////////////////////////////////////////////////////////////8AYqXQeAAAAypJREFUeNrsmumS2jAMgO3YiZ0bAix77/ZuQXHf/+0qOwchhCOknU6p9GcH8BdZh2VHXrYZEBgQMyCMYIIJJphgggkmmOC/A/+cIGw7QQgmmOAh2EwQggm+WbicIAQTTPAQPOkESDWMYIJ/NwwThGCCbxbeTBCCCSZ4CKYTIMH05n4R/HwtnHx+X35YPidXwQXcwQIe4eUa+KMxXGMQFlfZrOfJfK71lQ6bK75IrnBYkpQznDLAtwDKZCS8hHKmS8OKpzs8MyTjYEC4LA0UTwXCy1GwXhmD8KzwVwUz4m4UrMDXM62Wr8KLIw3j4DJe6USZ7O1RaK3EOJvV6h7nrh6LmVIKmBntMIQ1V4lSJYhx8LqCleIWHhnnxXeEuX7h3JTJYj4Knm+3CLy+f/mKqb3dbm+3vUN7FcFn4UknwB8ThGCCCSb4n4bpyolgggn+b2+Bhe/a80G/s+gBa260vP5vIQLcmLiBD+gTcIDDhTEiZpyLipaXwhLA54azCJhAOh5QfgwOK7U8dvcYMee8vs3wzsMeQIQvqhXAUgkMJ3Fg+SBcq22czHCY9FF5/YV3Cq7UchG5kblrFD/Yx/FGeXgMTu1E23Fh22XOnCGia/kB7NngNtZ63Rb1g4zYznHBIRzWalnXNWwXPWd5q3wftmpFMzfvsDmOz743rdvDLmyt9evYtk7pddYzq7yJA+xgcKlcx8M71pZ/kNK6nfl9GNOxfkh6oqf/VqVtD7Z5MZT/J67Z2NlL5mkwvXzfwP8Z/Okk2UtWu/YgwlRW6x5sP+CKzI5fdnluXLPod+vZfopxPduvj8BBrYJzrI6yWwwC2TyM7W0NLZy7ATEu3HucXZDvlaHU/WhXK8e/n/qwU+uKYIxaw34Ny2uLcO7rnXLWURtV9UIG6UDpTaEpR7wtKGxnra1Aa5AyPFL0M+hYntVwbZCtNRHILD+63YSt5aqqSKx1squsXnhyo/Ngz+1VCtjqKGx88jNbbAhNGpmoSs9mp5HhBZt70FHOpLPW5kWWX3SsqJS7qDFnLdvbRS450Lh8YkI4VIYjjlJBvahYlRheOuYctqmS3f8lwADR5NSgM4j0PAAAAABJRU5ErkJggg==') no-repeat;padding:0 0 0 38px;height:18px;background-size:27px auto}#lang b[lang=de]{background-position:0 -19px}

#lang b[lang=en]{background-position:0 -95px}

#lang b[lang=es]{background-position:0 -57px}

#lang b[lang=nl-nl]{background-position:0 -38px}

#lang b[lang=uk-ua]{background-position:0 -76px}

#lang:hover>*{border-bottom:1px solid #cdcde8;box-shadow:0 1px 0 0 #fff}#lang:hover>*:last-child{box-shadow:none;border: none}#lang a{color:#555}










#intro{background: url(img/bgt.jpg) no-repeat center center;background-size: cover}
#intro>*{display: flex;max-width: 1620px;justify-content: space-between}
#intro .left{align-content: center;max-width: 800px}
#intro b{background: #e7effc;color:#1363df;border-radius:5px;padding:7px 15px;}
#intro p{color: #39557e;padding: 0 0 10px;line-height: 1.6} 
.home #intro p{max-width: 550px}
#intro .left, #intro .right{flex-grow: 1}
#intro .right{}

.btn{padding: 19px 24px;border-radius: 4px;background: #1363df;color: #fff;text-transform: uppercase;text-decoration: none;font-weight: 700;line-height: 1;position: relative;display: inline-block;transition: .3s;font-size: 16px;cursor: pointer;}
.btn:hover{background: #082a5e;}
.btn.go{padding-right: 50px;}
.btn.go:after{border-color: #fff;border-width: 2px;top:50%;right: 21px;transform: translateY(-50%)rotate(-135deg);transform-origin: 34% 54%;transition: .3s}
.btn.go:hover:after{right: 18px;}
#intro .btn{margin: 40px 0 10px;}
#intro img{max-width: 90%;margin: 0 auto}




.qstn label{display: block;}


.content{padding: 70px 0 50px;}



.content{color: #082a5e;font-size: 18px;}
#lng_level h2{
  padding: 23px 80px 23px 25px;
  font-weight: 700;
  font-size: 20px;
  
  background-color: #e6f2ff;
  border-radius: 6px;
  position: relative;
    margin: 30px 0 30px;
     cursor: pointer;
    &:after{
        content: "";
        position: absolute;
        top: 50%;
        right: 25px;
        width: 8px;
        height: 8px;
        border-left: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: translateY(-50%) rotate(-45deg);
        transform-origin: 34% 67%;
    } 
    
    span{color:#555da4;font-size: 14px;font-weight: 400;}
    
}

#lng_level .act h2:after{
    transform: translateY(-50%) rotate(135deg);
        transform-origin: 34% 67%;
}

#lng_level .btn{
    margin: 40px 0;
    display: block;
}


.qstn{
    padding: 0 0 20px 40px;line-height: 1.5;
    b{
        padding: 0 0 5px;
        display: block;
    }
    input{margin-right: 5px;}
    label{cursor: pointer;}
}

.qst_group~.qst_group .qstn{display: none;}















.ldr.act{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255,255,255,.8);}

.ldr.act:after {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;

  border-radius: 50%;
  background: #4231b1;
  animation: wave 1s ease-in infinite;
}

@keyframes wave {
 0% {  box-shadow:
  0 0 0 0px rgba(66, 49, 177, 1),
  0 0 0 10px rgba(66, 49, 177, 0.2),
  0 0 0 30px rgba(66, 49, 177, 0.6),
  0 0 0 50px rgba(66, 49, 177, 0.4),
  0 0 0 70px rgba(66, 49, 177, 0.2)
  }
  100% {  box-shadow:
    0 0 0 70px rgba(66, 49, 177, 0),
    0 0 0 50px rgba(66, 49, 177, 0.2),
    0 0 0 30px rgba(66, 49, 177, 0.4),
    0 0 0 10px rgba(66, 49, 177, 0.6),
    0 0 0 0px rgba(66, 49, 177, 1)
  }
}


  
.modal {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0; top: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      align-items: center;
      justify-content: center;
    opacity: 0;
    }

    .modal.show {
      display: flex;
    }

    .modal-content {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      max-width: 720px;
      width: 90%;
      position: relative;
      box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    }

    .close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 20px;
      cursor: pointer;
      color: #888;
    }

    .close:hover {
      color: red;
    }
.m-data{
    padding: 15px;
    line-height: 1.7;
    font-size: 18px;
    color: #082a5e;
    h2{padding: 0 0 5px;}

}


@media only screen and (max-width:999px) {
 
}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:640px) {

}
@media only screen and (max-width:586px) {

}
@media only screen and (max-width:479px) {

}