*{
    margin:0;
    padding:0;
}
/* Вискакуючі вікна */
.cover{
    width:100%;
    height:100%;
    background:#919191;
    position:fixed;
    opacity:0.5;
    z-index: 1000;
}
.modal{
    position: fixed;
    background:rgba(70,70,70,.95);
    z-index: 1001;
    display: flex;
    align-items:center;
    justify-content: center;
    margin:auto;
    left:0;
    right:0;
    display: none;
}
.modalInner{
    width:90%;
    height:80%;
    display: flex;
    flex-direction: column;
    align-content: center;
}
.modalTitle{
    width:100%;
    height:auto;
    padding-bottom:5px;
    border-bottom:3px solid #434343;
    text-align: left;
    margin-top:15px;
    position: relative;
}
.modalClose{
    position: absolute;
    right:0;
    cursor: pointer;
    transition: 1s;
}
.modalClose:hover{
    color:#8ca8d2;
}
#notification{
    display: none;
}

.reg{
    width:400px;
    min-height:500px;
    
    margin-top:200px;

}
.cover{
    display:none;
    height:3000px;
    width:3000px;
    position:fixed;
    top:0;
}

.notific{
    display:inline-block;
    padding:8px;
    background:rgba(59, 59, 59, 0.75);
    color:#b3b3b3;
    margin:0 auto;
    display: none;
    margin-top:20px;
    margin-bottom:20px;
    font-family:OpenSans;
}
.regContainer{
    display: inline-block;
    margin:0 auto;
}



html{
    overflow-x: hidden;
}
header{
    width:100%;
    position:relative;
    background:url("../images/main/bgs/headerBackground.jpg");
    background-size:120%;
    background-attachment: fixed;
    background-repeat:no-repeat;
    padding-top:25px;
    -webkit-clip-path: polygon(0 0%, 100% 0, 100% 90%, 0 100%);
    clip-path: polygon(0 0%, 100% 0, 100% 90%, 0 100%);
    height:100vh;
    
}
#headerBackroundCover{
    width:100%;
    position:absolute;
    bottom:-1px;
}

/* Menu */
#menuTrigger{
    display:none;
}

nav img{
    width:48px;
    height:48px;
}
nav{
    width:90%;
    margin:0 auto;
    height:45px;
    position:relative;
    z-index:2000;
}
nav ul{
    position:absolute;
    right:0px;
    height:100%;
}
nav ul li{
    display:inline-block; 
}
nav ul li i{
    color:white;
}
#logo{
    display:flex;
    float:left;
}
#logo p{
    color:white;
    padding-left:5px;
}
#logoPartBold{
    font-family:Raleway-Bold;
    font-size:16pt;
}
#logoPartLight{
    font-family:Raleway-Light;
}
#menuVoid{
    width:35%;
}
.menuItem{
    height:100%;
    text-align: center;
    margin: 15px 15px 0px 15px;
    position:relative;
}
.menuItem a{
    transition:1s;
    color:white;
    font-size:14pt;
    text-decoration: none;
    font-family:Raleway-Regular; 
}
.menuItem a:hover{
    color:#8ca8d2;
}
/*Текст шапки*/
.headerTitle{
    width:70%;
    margin:0 auto;
    margin-top:300px;
    position: absolute;
    left:15%;
}
.topString, .bottomString, .teachers{
    font-family:Raleway-Light;
    padding:12px;
    display:inline-block;
    color:white;
    font-size:38pt;
    background:url("../images/grayTransparentCover.png");
}
.teachers{
    font-size:16pt;
    margin-left:25%;
}
.bottomString{
    margin-left:25%;
}
#scene{
    transform-origin: center center;
}

/*Стиль стандартної кнопки*/
.buttonDefault{
    padding:5px 10px 10px 10px;
    border:1px solid #e6e6e6;
    background:transparent;
    transition:1s;
    color:white;
    font-size:13pt;
    text-decoration: none;
    font-family:OpenSans; 
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
.buttonDefault span{
    position: relative;
    z-index: 900;
    transition:1s;
}
.buttonDefault:before{
    content:'';
    background:white;
    position: absolute;
    left:0;
    top:0;
    transition:.5s;
    width:0;
    height:100%;
    z-index: 100;
}
.buttonDefault:hover:before{
    width:100%;
}
.buttonDefault:hover span{
    color:black;
}

.buttonDark{
    padding:5px 10px 10px 10px;
    border:1px solid black;
    background:transparent;
    transition:1s;
    color:white;
    font-size:13pt;
    text-decoration: none;
    font-family:OpenSans; 
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100;
    color:black;
}
.buttonDark span{
    position: relative;
    z-index: 900;
    transition:1s;
}
.buttonDark:before{
    content:'';
    background:black;
    position: absolute;
    left:0;
    top:0;
    transition:.5s;
    width:0;
    height:100%;
    z-index: 100;
}
.buttonDark:hover:before{
    width:100%;
}
.buttonDark:hover span{
    color:white;
}

/*Зовнішня оболонка*/
.wrapper{
    width:80%;
    margin:0 auto;
}


/*Текст*/
a{
    text-decoration: none;
    transition: .5s;
}

h2, .subTitle{
    text-align: center;
    
}
h2{
    font-family: Raleway-Regular;
    font-size:32pt;
    color:#333333;
}
.subTitle{
    font-size:18pt;
    font-family: Raleway-Regular;
    color:#333333;
}
p{
    font-size:14pt;
    color:#424242;
    font-family:Raleway-Regular;
}
h4{
    font-family: Raleway-Regular;
    font-size:21pt;
    font-weight:200;
}
h5{
    font-family: Raleway-Regular;
    font-size:18pt;
    font-weight:200;
}
h6{
    font-family: Raleway-Regular;
    font-size:16pt;
    font-weight:200;
}
.small{
    font-size:12pt;
}
/*Перший блок*/
.aboutKisItemsContainer{
    width:100%;
    display:flex;
    margin-top:25px;
    justify-content: space-around;
}
.aboutKisItems{
    width:46%;
}
.aboutKisItems h3{
    font-family: Raleway-Regular;
    font-size:16pt;
    margin:15px;
    color:#222222;
    font-weight: 300;
}
/*Другий блок*/
.authContainer{
    background: url(../images/main/bgs/authBackground.jpg);
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-position:center;
    background-size:120%;
    padding-top:25px;
    position: relative;
    margin-top:25px;
    padding-bottom:130px;
    height:auto;
    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 94%, 0 100%);
    clip-path: polygon(0 0, 100% 10%, 100% 94%, 0 100%);
    
}
#authBgCoverTop{
    position: absolute;
    top:0;
}
#authBgCoverBottom{
    position: absolute;
    bottom:0;
}
.authContrainerInner{
    width:80%;
    margin:0 auto;
    display:flex;
    justify-content: space-around;
    margin-top:100px;
    justify-content: space-around;
}
.authItems{
    width:45%;
}
/*Форми*/
.formIcon{
    position: relative;
    font-size:16pt;
    left:10px;
    color:#bcbcbc;
    top:35px;
    
}
input[type="text"],input[type="password"]{
    width:288px;
    height:25px;
    padding:10px;
    font-size:14pt;
    background:url(../images/grayTransparentCover.png);
    outline: none;
    border:0px;
    color:#bcbcbc;
    padding-left:41px;
}
select{
    width:288px;
    height:50px;
    color:white;
    padding:5px;
    background:url(../images/grayTransparentCover.png);
}
option{
    color:black;
}

.cardsContainer{
    width:100%;
    display:flex;
    justify-content: space-between;
    margin: 35px 0px 35px 0px;
}
.card{
    width:30%;
    min-height:414px;
    height:auto;
    cursor: pointer;
    position: relative;
    
    
}
.cardFirst{
    background:url(../images/main/imgs/arifmometr-makro-fon.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}
.cardSecond{
    background:url(../images/main/imgs/diy-blueprint-2560x1600.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}
.cardThird{
    background:url(../images/main/imgs/perephery.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.cardCover{
    position: absolute;
    background:#333333;
    opacity:0;
    height:100%;
    width:100%;
    transition: 1s;
}
.linesHor{
    width:89.5%;
    height:91%;
    top:5%;
    left:5%;
    position: absolute;
    border-left:4px solid white;
    border-right:4px solid white;
    transition: 1s;
    transform: scaleY(0);
}
.linesVer{
    width:90.5%;
    height:89%;
    top:5%;
    left:5%;
    position: absolute;
    border-top:4px solid white;
    border-bottom:4px solid white;
    transition: 1s;
    transform: scaleX(0);
}
.cardText{
    position:absolute;
    width:80%;
    height:80%;
    top:10%;
    left:10%;
    opacity: 0;
    transition: 2s;

}


.card:hover .cardCover{
    opacity:0.7
}
.card:hover .linesHor{
    transform: scaleY(1);
}
.card:hover .linesVer{
    transform: scaleX(1);
}
.card:hover .cardText{
    opacity: 1;
}



.testSystem{
    width:100%;
    background:url(../images/main/bgs/testSystemBackground.jpg);
    background-repeat: no-repeat;
    background-size:120%;
    background-attachment: fixed;
    padding:100px 0px 100px 0px;
    -webkit-clip-path: polygon(0 13%, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 13%, 100% 0, 100% 87%, 0 100%);
}
.testSystemInner{
    display: flex;
    justify-content: space-between;
}
.testSystemItems{
    width:45%;
}
.labWorksContainer{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.labWorksItems{
    width:45%;
}
.lastLabWorksContainer{
    display: flex;
    flex-direction: column;
}
.lastLabWorksContainerInner{
    display:flex;
    justify-content: space-between;
    margin-top:20px;
	flex-wrap:wrap;
	width:100%;
}
.lastLabWorksItem{
    background:#f5f5f5;
    text-align: center;
    width:45%;
    padding:20px;
	margin-top:20px;

}
.lastLabWorksItem b{
    color:#c2c2c2;
    font-family:OpenSans;
    font-size:14pt;
}
.lastLabWorksItem p{
    font-size:12pt;
    color:#c2c2c2;
}
footer{
    width:100%;
    background:#222222;
    position:relative;
    z-index:999;
     -webkit-clip-path: polygon(0 13%, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 13%, 100% 100%, 0 100%);
}
.footerContainer{
    display:flex;
    justify-content: space-between;
    padding-top:70px;
    padding-bottom:70px;
}
.footerItem{
    width:21%;
}
.footerItem p{
    font-size:13pt;
}
.footerItem ul li{
    list-style-type: none;
    margin:5px 0px 5px 0px;
}
.footerItem ul li a{
    color:#c9c9c9;
    text-decoration: none;
    font-family:Raleway-Regular;
    font-size:13pt;
}
.footerItem ul li a{
    color:#c9c9c9;
    text-decoration: none;
    font-family:Raleway-Regular;
    font-size:13pt;
}
.footerItem ul li a:hover{
    color:#8ca8d2;

}
.onPageInformer{
    margin:0 auto;
    padding:20px 35px 20px 35px;
    background:#f2f0f0;
    max-width:40%;
    text-align:center;
    font-family:OpenSans;
}
.cke_screen_reader_only {
  
    height: 0 !important;
    width: 0 !important;
  
}
.cke_copyformatting_notification {
  
    height: 0 !important;
    width: 0 !important;
  
}