@import "reset.css";

html{
scroll-behavior: smooth;  
}


body{
margin:0px;
padding:0px;
font-size:16px;
font-family: 'Roboto', sans-serif;
font-weight:400;
}


body input, body textarea, body button, body select{
font-family: 'Roboto', sans-serif;
}

.body-ow{
overflow:hidden;
}

.container{
width:calc(100% - 40px);
max-width:1200px;
padding:0px 20px;
margin:0px auto;
}




/*HEADER TOP*/

.header-page{
position:relative;
}

.header-top{
padding:10px;
background:#fff;
position:relative;
}

.header-top-content{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;	
}

.header-top-content-logo img{
height:50px;
width:auto;
}

.header-top-content-right{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}

.header-top-content-right-lang{
margin-right:15px;
}

.header-top-content-right-lang select{
width:90px;
height:28px;
line-height:28px;
background:transparent;
border:2px solid #000;
font-family: 'Roboto', sans-serif;
}


.header-top-content-nav ul{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
margin-right:15px;
}

.header-top-content-nav ul li{
padding:0px;
margin:0px 10px 0px 0px;
list-style-type:none;
}

.header-top-content-nav ul li a{
font-size:18px;
line-height:normal;
text-decoration:none;
color:#000;
}

.header-top-content-nav ul li a:hover, .header-top-content-nav ul .current-menu-item a{
color:#01277a;
}

.header-top-content-swicher{
width:30px;
height:20px;
border-top:3px solid black;
border-bottom:3px solid black;
position:relative;
cursor:pointer;
display:none;
}

.header-top-content-swicher::before{
content:'';
position:absolute;
top:50%;
left:0px;
width:100%;
height:3px;
background:#000;
margin-top:-1.5px;
}

.header-menu-left{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
z-index:98;
display:none;
}

.header-menu-left-block{
position:fixed;
top:0px;
left:-300px;
width:300px;
height:100%;
background:rgba(0,0,0,0.7); 
overflow:auto;
z-index:109;	
}

.header-menu-left-block.header-menu-left-block-open{
left:0px;	
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.header-menu-left-content{
padding:80px 20px 40px 20px;
position:relative;
}

.header-menu-left-content-close{
position:absolute;
top:20px;
right:20px;
width:28px;
height:28px;
background:url('../images/zam.png') center no-repeat;
color:#fff;
cursor:pointer;
}

.header-menu-left-content-nav ul li{
list-style-type:none;
margin-bottom:20px;
}

.header-menu-left-content-nav ul li a{
list-style-type:none;
color:#fff;
font-size:18px;
font-weight:400;
display:block;
line-height:normal;
text-align:center;
}

/*HOME PAGE BANER*/

.baner-home-page{
width:100%;
position:relative;
background:#01277a;
}

.baner-home-page-ob{
position:relative;
}

.baner-home-page-ob-text{
position:absolute;
top:50%;
left:0px;
width:100%;
transform:translateY(-50%); 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%);
z-index:90;
}

.baner-home-page-ob-text-header{
color:#fff;
font-size:66px;
font-weight:400;
margin:0px 0px 40px 0px;
line-height:normal;
text-align:center;
}

.baner-home-page-ob-text-header span{
display:block;
color:#fff;
font-size:34px;
font-weight:400;
margin:0px;
text-align:center;
line-height:normal;
}


.baner-home-page-img{
width:100%;
height:740px;
}

.baner-home-page-img img{
width:100%;
height:100%;
object-position:bottom center;
object-fit:cover;
}

.baner-page-img{
width:100%;
height:340px;
position:relative;
}

.baner-page-img::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#082b76;
opacity:0.4;
}

.baner-page-img img{
width:100%;
height:100%;
object-position:top center;
object-fit:cover;
}

.baner-home-page-block{
transform:translateY(-100px); 
-webkit-transform:translateY(-100px); 
-ms-transform:translateY(-100px);
}

.baner-home-page-block-content{
display:flex;
justify-content:space-between;
align-content:stretch;
flex-wrap:wrap;
}


.baner-home-page-block-content-item{
background:#fff;
width:calc(25% - 70px);
padding:30px;
}

.baner-home-page-block-content-item-image{
width:80px;
height:80px;
overflow:hidden;
border-radius:50%;
margin:0px auto 30px auto;
}

.baner-home-page-block-content-item-image img{
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.baner-home-page-block-content-item-header{
font-size:20px;
letter-spacing:1px;
font-weight:700;
color:#082b76;
text-align:center;
margin:0px 0px 30px 0px;
}

.baner-home-page-block-content-item p{
font-size:18px;
font-weight:400;
color:#000;
text-align:center;
line-height:28px;
}



.section-page{
padding:40px 0px;	
}


.section-page p{
font-size:18px;
font-weight:300;
color:#000;
line-height:28px;
padding-bottom:40px;	
}

.section-page img{
width:auto;
height:auto;
max-width:100%;
margin:0px 0px 0px 0px;	
}

.section-page .alignleft{
float:left;
margin:0px 30px 30px 0px;	
}

.section-page .alignright{
float:right;
margin:0px 0px 30px 30px;	
}

.section-page a, .section-page a:hover{
color:#082b76;
text-decoration:underline;
}

.section-page ul, .section-page ol{
margin:0px 0px 40px 0px;
padding:0px;
}

.section-page ul li, .section-page ol li{
font-size:18px;
font-weight:300;
color:#000;
line-height:28px;
margin-left:20px;
}

.section-page table
{
border:1px solid #082b76;
width:100%;
margin-bottom:40px;
}

.section-page table td
{
font-size:18px;
font-weight:300;
color:#000;
line-height:28px;
padding:15px;
border:1px solid #082b76;
}

.section-page table th
{
font-size:18px;
font-weight:700;
color:#000;
line-height:28px;
padding:15px;
border:1px solid #082b76;
}

.gallery{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.gallery .gallery-item{
margin:10px 10px;
}

.form-contact{
padding:0px 0px 40px 0px;
}

.form-contact-label{
display:block;
border:0px;
padding:0px;
font-size:18px;
line-height:normal;
margin:0px 0px 10px 0px;
}

.form-contact-input span{
margin:0px 0px 10px 0px;
}

.form-contact-input input{
display:block;
width:calc(100% - 22px);
border:0px;
padding:10px;
outline:none;
font-size:18px;
line-height:normal;
border:1px solid #000;
margin:0px 0px 10px 0px;
background:transparent;
}

.form-contact-input textarea{
display:block;
width:calc(100% - 22px);
border:0px;
padding:10px;
outline:none;
font-size:18px;
line-height:normal;
border:1px solid #000;
margin:0px 0px 10px 0px;
background:transparent;
height:140px;
resize:none;
}

.form-contact-wys input{
display:block;
width:100%;
border:0px;
padding:10px;
outline:none;
font-size:18px;
line-height:normal;
margin:0px 0px 10px 0px;
background:black;
color:#fff;
cursor:pointer;	
}

/*STOPKA*/


.footer-page{
background:#062465;
padding:40px 0px;
text-align:center;	
}

.footer-page-text{
font-size:16px;
font-weight:400;
color:#fff;
text-align:center;
line-height:normal;	
margin-bottom:15px;
}

.footer-logo{
width:auto;
height:50px;
}