@import "reset.css";

html{
scroll-behavior: smooth;  
}


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


body input, body textarea, body button, body select{
font-family: 'Fira Sans Extra Condensed', sans-serif;
}


/*.days-one-regular {
  font-family: "Days One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fira-sans extra condensed-regular {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}*/


.body-hide-ow{
overflow:hidden;
}

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

.container-top{
width:calc(100% - 80px);
max-width:1834px;
padding:33px 40px 0px 40px;
margin:0px auto;
}


/*HEADER STRONA GŁÓWNA*/

.header-page{
padding-top:157px;
}


.header-page-top{
position:fixed;
top:0px;
left:0px;
width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index:999;
}

.header-page-top-bg-one{
background:url('../images/bg-2.png') repeat-x top left;
position:absolute;
background-size:100% 100%;
top:0px;
left:0px;
width:100%;
height:157px;
}



.header-page-top-bg-tree{
background: rgb(27,40,65);
background: -moz-linear-gradient(180deg, rgba(27,40,65,1) 65%, rgba(107,150,191,1) 65%);
background: -webkit-linear-gradient(180deg, rgba(27,40,65,1) 65%, rgba(107,150,191,1) 65%);
background: linear-gradient(180deg, rgba(27,40,65,1) 65%, rgba(107,150,191,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b2841",endColorstr="#6b96bf",GradientType=1);
position:absolute;
top:0px;
left:calc((100% - 1834px) / 2);
width:calc(100% - ((100% - 1834px) / 2));
height:100%;
}

.header-page-top-bg-two-d{
background:url('../images/bg-new-4.png') repeat-x top left;
position:absolute;
top:0px;
left:50%;
width:100%;
height:90px;
}


.header-page-top-bg-two-e{
background:url('../images/bg-2.png') repeat-x top left;
position:absolute;
top:0px;
left:0px;
width:50%;
height:157px;
}



.header-page-top-bg-content{
background:url('../images/bg-new-3.png') no-repeat top center;
position:absolute;
top:0px;
left:0px;
width:100%;
height:157px;
}

.header-page-top-bg-content-block{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:nowrap;	
}

.header-page-top-bg-content-block-menu{
display:none;
}

.header-page-top-bg-content-block-logo{
width:50%;
}

.header-page-top-bg-content-block-lang{
width:50%;
position:relative;
}

.header-page-top-bg-content-block-menu span{
color:#1b2841;
font-size:18px;
line-height:normal;
text-align:center;
display:block;
width:46px;
}

.header-page-top-bg-content-block-menu-swicher{
width:46px;
height:29px;
background:url('../images/swicher.png') no-repeat center;
cursor:pointer;
margin-bottom:8px;
}

.header-page-top-bg-content-block-lang ul{
display:flex;
justify-content:flex-end;
align-items:flex-start;
flex-wrap:nowrap;
}

.header-page-top-bg-content-block-lang ul li{
list-style-type:none;
margin-left:24px;
}

.header-page-top-bg-content-block-lang ul li a,
.header-page-top-bg-content-block-lang ul li a:hover{
color:#1b2841;
font-size:24px;
line-height:normal;
text-transform:uppercase;
}

.header-page-top-bg-content-block-lang-icon{
position:absolute;
right:0px;
top:79px;
display:flex;
justify-content:flex-end;
align-items:flex-end;
flex-wrap:nowrap;
}

.header-page-top-bg-content-block-lang-icon a{
margin-left:15px;
}


.menu-page{
position:absolute;
bottom:10px;
left:50%;
transform: translateX(-50%); 
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}




.menu-page-block-link ul{
padding:0px;
margin:0px;
}

.menu-page-block-link ul li{
padding:0px;
margin:0px 20px;
display:inline-block;
vertical-align:middle;
list-style-type:none;
text-align:center;
}

.menu-page-block-link ul li a{
color:#fff;
font-size:20px;
line-height:normal;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}


.menu-page-block-link ul li a:hover{
color:#1b2841;
}


.menu-page-block-close{
position:absolute;
top:20px;
right:20px;
display:none;
}

.menu-page-block-close-button{
width:31px;
height:31px;
background:url('../images/close.png') no-repeat center center;
cursor:pointer;
}




/*NAGŁÓWKI STRONY h1 itd*/

.section-page-header-one{
color:#1b2841;
font-size:35px;
line-height:normal;
font-weight:600; 
text-align:center;
padding:0px 0px 40px 0px;
margin:0px 0px 70px 0px;
position:relative;
border-bottom:3px solid #e7e7e9; 
}

.section-page-header-one::before{
content:'';
position:absolute;
bottom:-2px;
left:50%;
width:100px;
height:5px;
background:#f5a119;
margin-left:-50px;
}

.section-page-header-two{
color:#1b2841;
font-size:16px;
line-height:24px;
font-weight:500;
padding:0px;
margin:0px;   
}


.section-page-header-one-b{
color:#1b2841;
font-size:30px;
line-height:normal;
font-weight:600; 
padding:0px 0px 30px 0px;
margin:0px 0px 70px 0px;
position:relative;
border-bottom:3px solid #e7e7e9; 
}

.section-page-header-one-b::before{
content:'';
position:absolute;
bottom:-2px;
left:0px;
width:42px;
height:5px;
background:#f5a119;
}

/*TEKSTY p*/

.section-page-text p{
color:#818181;
font-size:16px;
line-height:24px;
font-weight:500; 
}

.section-page-text-padding p{
padding-bottom:10px;
}

.section-page-text-padding p a{
color:#5182b3;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-page-text-padding p a:hover{
color:#1b2841;
}

.section-page-text ul, .section-page-text ol{
padding-bottom:10px; 
}

.section-page-text ul li, .section-page-text ol li{
color:#818181;
font-size:16px;
line-height:24px;
font-weight:500;
margin-left:15px;
}


/*SEKCJA O NAS*/

.section-about-us{
padding:130px 0px 66px 0px;
}

.section-about-us-content{
background: rgb(34,55,87);
background: -moz-linear-gradient(90deg, rgba(34,55,87,1) 0%, rgba(70,113,158,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(34,55,87,1) 0%, rgba(70,113,158,1) 100%);
background: linear-gradient(90deg, rgba(34,55,87,1) 0%, rgba(70,113,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#223757",endColorstr="#46719e",GradientType=1);
position:relative;
}

.section-about-us-content-image{
width:100%;
height:376px;
background:url('../images/o-nas-2.png') no-repeat top center;
position:relative;
}

.section-about-us-content-image-ob{
position:absolute;
bottom:0px;
left:0px;
width:100%;
}

.section-about-us-content-image-ob-block{
width:40%;
height:100%;
display:flex;
justify-content:flex-end;
align-items:flex-start;
flex-direction:column;
flex-wrap:nowrap;
}


.section-about-us-content-image-ob-block img{
width:auto;
height:auto;
max-width:80%;
}

.section-about-us-content-text{
position:absolute;
top:0px;
left:0px;
width:100%;
}

.section-about-us-content-text .container{
position:relative;
}

.section-about-us-content-text-a{
display:flex;
justify-content:flex-end;
align-items:flex-start;
flex-wrap:nowrap;
}

.section-about-us-content-text-a-header{
width:58%;
color:#fff;
font-size:35px;
line-height:68px;
font-weight:400; 
padding-top:95px;
}

.section-about-us-content-text-b{
position:absolute;
bottom:-81px;
left:42%;
width:58%;
}

.section-about-us-content-text-b-t{

color:#f5a11a;
font-size:24px;
line-height:22px;
font-weight:400; 
padding-top:60px;
}

.section-about-us-content-bottom{
padding-top:90px;
}




/*SEKCJA PROJEKTY*/

.section-projects{
padding:150px 0px 70px 0px;
}

.section-project-block{
padding-top:60px;
}

.section-project-block-content{
display:flex;
justify-content:space-between;
align-items:stretch;
flex-wrap:wrap;
}

.section-project-block-content-text{
width:calc(50% - 18px);
margin-bottom:40px;
}

.section-project-block-content-image{
width:calc(50% - 18px);
margin-bottom:40px;
}

.section-project-block-content-image img{
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.section-projects-doc{
padding:0px 0px 70px 0px;
}

.section-projects-doc-content{
position:relative;
}

.section-projects-doc-content-slider-item{
width:100%;
height:700px;
}

.section-projects-doc-content-slider-item img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.section-projects-doc-content .tns-controls
{
position:absolute;
top:50%;
left:0px;
width:100%;
z-index:99;
}

.section-projects-doc-content .tns-controls button:first-child
{
position:absolute;
top:0px;
left:-60px;
width:34px;
height:34px;
background: url('../images/arrow-left.png') no-repeat center center;
padding:0px;
margin:-16px 0px 0px 0px;
cursor:pointer;
border:0px;
}

.section-projects-doc-content .tns-controls button:last-child
{
position:absolute;
top:0px;
right:-60px;
width:34px;
height:34px;
background: url('../images/arrow-right.png') no-repeat center center;
padding:0px;
margin:-16px 0px 0px 0px;
cursor:pointer;
border:0px;
}


/*SEKCJA KONTAKT*/

.section-contact{
padding:150px 0px 70px 0px;
}

.section-contact-block-content{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.section-contact-block-content-text{
width:calc(50% - 18px);
margin-bottom:40px;
}

.section-contact-block-content-image{
width:calc(50% - 18px);
margin-bottom:40px;
}

.section-contact-block-content-text-top-name{
color:#818181;
font-size:30px;
line-height:normal;
font-weight:500;
margin-bottom:10px;   
}

.section-contact-block-content-text-top-a{
margin-bottom:20px;
}

.section-contact-block-content-text-top-b{
margin-bottom:60px;
}

.section-contact-block-content-image iframe{
width:100%;
height:350px;
display:block;
}

.section-contact-note{
padding-top:300px;
}



/*SEKCJA HOME*/

.section-top-home{
padding:130px 0px 66px 0px;
border-bottom:5px solid #f5a11a;
}

.section-top-home-content{
background: rgb(34,55,87);
background: -moz-linear-gradient(90deg, rgba(34,55,87,1) 0%, rgba(70,113,158,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(34,55,87,1) 0%, rgba(70,113,158,1) 100%);
background: linear-gradient(90deg, rgba(34,55,87,1) 0%, rgba(70,113,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#223757",endColorstr="#46719e",GradientType=1);
min-height:600px;
}

.section-top-home-content-up{
width:100%;
height:75px;
background-image:url('../images/bg-6.png'), url('../images/bg-4.png');
background-position:100% 0px, 0% 0px;
background-size:50% 100%, 50% 5px;
background-repeat:no-repeat, no-repeat;
}


.section-top-home-content-up-block{
width:calc(100% - 80px);
max-width:1834px;
padding:0px 40px;
margin:0px auto;
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:nowrap;
}

.section-top-home-content-up-block-left{
width:344px;
height:75px;
background:url('../images/bg-4.png') repeat-x top left;
}

.section-top-home-content-up-block-left-bg{
width:267px;
height:75px;
background:url('../images/bg-5.png') no-repeat top center;
}

.section-top-home-content-up-block-right{
width:calc(100% - 611px);
height:75px;
background:url('../images/bg-6.png') repeat-x top left;
display:flex;
justify-content:flex-end;
align-items:flex-start;
flex-wrap:nowrap;
}

.section-top-home-content-up-block-left-header{
color:#fff;
font-size:36px;
line-height:normal;	
text-transform:uppercase;
padding-top:38px;
font-weight:600;
}

.section-top-home-content-up-block-right-text{
display:flex;
justify-content:center;
align-items:flex-end;
flex-direction:column;
height:75px;	
}

.section-top-home-content-up-block-right-text-item{
color:#1b2841;
font-size:32px;
line-height:normal;	
text-transform:uppercase;
font-weight:400;
text-align:right;	
}

.section-top-home-content-anim{
width:1109px;
height:355px;
position:relative;
margin:76px auto 0px auto;
}

.section-top-home-content-anim-a{
width:182px;
height:188px;
top:30%;
left:50%;
background:#4976a4 url('../images/bg-8.png') no-repeat center center;
position:absolute;
border-radius:16px;
border:4px solid #f5a11a;
margin:-107px 0px 0px -93px;
opacity:0;
animation-name:start_blok;
animation-duration:0.5s;
animation-iteration-count:1;
animation-delay:0s;
animation-timing-function:linear;
animation-fill-mode:forwards;
-webkit-box-shadow: 0px 0px 55px -17px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 55px -17px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 55px -17px rgba(0, 0, 0, 0.8);
}

@keyframes start_blok {
 0%{
  opacity:0;
  top:70%;
 }
 100%{
  opacity:1;
  top:50%;
 }
}


.section-top-home-content-anim-b{
width:0%;
height:0%;
top:50%;
left:50%;
background:url('../images/bg-7.png') no-repeat center center;
position:absolute;
animation-name:start_linie;
animation-duration:2s;
animation-iteration-count:1;
animation-delay:0.3s;
animation-timing-function:linear;
animation-fill-mode:forwards;
}

@keyframes start_linie {
 0%{
  width:0%;
  height:0%;
  top:50%;
  left:50%;
 }
 100%{
  width:100%;
  height:100%;
  top:0%;
  left:0%;
 }
}


.section-top-home-content-anim-c{
width:238px;
height:150px;
top:-27px;
left:42px;
position:absolute;
text-align:right;
opacity:0;
animation-name:start_opcja;
animation-duration:0.5s;
animation-iteration-count:1;
animation-delay:1.5s;
animation-timing-function:linear;
animation-fill-mode:forwards;
z-index:11;	
}

.section-top-home-content-anim-c-block{
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
cursor:pointer;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-top-home-content-anim-c:hover .section-top-home-content-anim-c-block{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1);
}

.section-top-home-content-anim-d{
width:210px;
height:107px;
top:-11px;
right:53px;
position:absolute;
opacity:0;
animation-name:start_opcja;
animation-duration:0.5s;
animation-iteration-count:1;
animation-delay:1.5s;
animation-timing-function:linear;
animation-fill-mode:forwards;
z-index:11; 
}

.section-top-home-content-anim-d-block{
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
cursor:pointer;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-top-home-content-anim-d:hover .section-top-home-content-anim-d-block{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1);
}


.section-top-home-content-anim-e{
text-align:right;
width:210px;
height:107px;
top:119px;
left:-238px;
position:absolute;
opacity:0;
animation-name:start_opcja;
animation-duration:0.5s;
animation-iteration-count:1;
animation-delay:1.5s;
animation-timing-function:linear;
animation-fill-mode:forwards;
z-index:11; 
}

.section-top-home-content-anim-e-block{
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
cursor:pointer;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-top-home-content-anim-e:hover .section-top-home-content-anim-e-block{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1);
}


.section-top-home-content-anim-f{
width:253px;
height:154px;
top:74px;
right:-275px;
position:absolute;
opacity:0;
animation-name:start_opcja;
animation-duration:0.5s;
animation-iteration-count:1;
animation-delay:1.5s;
animation-timing-function:linear;
animation-fill-mode:forwards;
z-index:11; 
}

.section-top-home-content-anim-f-block{
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
cursor:pointer;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-top-home-content-anim-f:hover .section-top-home-content-anim-f-block{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1);
}


.section-top-home-content-anim-g{
text-align:right;
width:240px;
height:160px;
top:238px;
left:31px;
position:absolute;
opacity:0;
animation-name:start_opcja;
animation-duration:0.5s;
animation-iteration-count:1;
animation-delay:1.5s;
animation-timing-function:linear;
animation-fill-mode:forwards;
z-index:11; 
}

.section-top-home-content-anim-g-block{
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
cursor:pointer;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-top-home-content-anim-g:hover .section-top-home-content-anim-g-block{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1);
}


.section-top-home-content-anim-h{
width:220px;
height:150px;
top:249px;
right:53px;
position:absolute;
opacity:0;
animation-name:start_opcja;
animation-duration:0.5s;
animation-iteration-count:1;
animation-delay:1.5s;
animation-timing-function:linear;
animation-fill-mode:forwards;
z-index:11; 
}

.section-top-home-content-anim-h-block{
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
cursor:pointer;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-top-home-content-anim-h:hover .section-top-home-content-anim-h-block{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1);
}


.section-top-home-content-anim-img img{
margin-bottom:10px;
}


.section-top-home-content-anim-text{
font-family: "Days One", sans-serif;
color:#fff;
font-size:22px;
line-height:normal;	
text-transform:uppercase;
}


@keyframes start_opcja {
 0%{
 opacity:0;
 }
 100%{
 opacity:1;
 }
}

/*SEKCJA HOME TEKSTY*/

.section-home{
padding:150px 0px 0px 0px;
}

.section-home-text-top{
padding:0px 0px 40px 0px;
margin:0px 0px 70px 0px;
border-bottom:3px solid #e7e7e9;
position:relative; 
}

.section-home-text-top::before{
content:'';
position:absolute;
bottom:-2px;
left:50%;
width:100px;
height:5px;
background:#f5a119;
margin-left:-50px;
}

.section-home-text-top-blocks{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.section-home-text-top-blocks-item{
width:calc(33.333333333333333% - 80px);
margin:0px 40px 53px 40px;
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
position:relative;
}

.section-home-text-top-blocks-item-line::before{
content:'';
position:absolute;
top:0px;
right:-40px;
width:3px;
height:100%;
background:#e7e7e9;
}

.section-home-text-top-blocks-item-img{
width:54px;
}

.section-home-text-top-blocks-item-text{
width:calc(100% - 54px);
}


.section-home-text-bottom-blocks{
margin-bottom:50px;
width:100%;
}


/*SEKCJA BLOG*/

.section-blog{
padding-bottom:100px;
}

.section-blog-content{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px -17px;
}

.section-blog-content-two{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px -17px;
}

.section-blog-content-item{
width:calc(50% - 34px);
margin:0px 17px 50px 17px;
}

.section-blog-content-item-two{
width:calc(33.333333333333% - 34px);
margin:0px 17px 50px 17px;
}

.section-blog-content-item-img-two{
width:100%;
height:230px;
position:relative;
overflow:hidden;
margin-bottom:22px;
}


.section-blog-content-item-img{
width:100%;
height:430px;
position:relative;
overflow:hidden;
margin-bottom:22px;
}

.section-blog-content-item-img-ob{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

a:hover .section-blog-content-item-img-ob{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1);
}

.section-blog-content-item-img-ob img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.section-blog-content-item-header{
color:#1b2841;
font-size:16px;
line-height:normal;
font-weight:600; 
margin-bottom:16px; 
}

.section-blog-content-item-button span{
display:inline-block;
color:#5081b3;
font-size:15px;
line-height:normal;
font-weight:600;
padding-top:5px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;   
}

a:hover .section-blog-content-item-button span{
color:#1b2841;  
}

/*SEKCJA MAPA*/

.page-map{
padding:30px 0px 0px 0px;
border-top:5px solid #f5a11a;
position:relative;
}

.page-map-blank{
width:100%;
height:76px;
position:relative;
}

.page-map-content iframe{
width:100%;
height:640px;
display:block;
}

.page-map-content-bg{
position:absolute;
bottom:0px;
width:100%;
height:76px;
background-image: url('../images/bg-9.png'), url('../images/bg-11.png'), url('../images/bg-10.png');
background-position:0px 0px, 100% 0px, 0% 0px; 
background-size:auto auto, 100% 100%, 0% 100%; 
background-repeat:no-repeat, no-repeat, no-repeat;
}



/*STOPKA*/


.footer-page{
background:url('../images/bg-stopka.jpg') repeat top left;
padding-bottom:150px;	
}

.footer-page-content{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
padding-top: 40px;
}

.footer-page-content-item{
width:calc(33.333333333333333% - 100px);
padding:0px 50px;
}

.footer-page-content-item-header{
color:#1b2841;
font-size:16px;
font-weight:600;
line-height:normal;
margin:0px 0px 40px 0px;
position:relative;
}

.footer-page-content-item-header::before{
content:'';
width:16px;
height:16px;
background:#f5a11a;
border-radius:50%;
position:absolute;
top:1px;
left:-27px;
}

.footer-page-content-item-logo{
margin-bottom:18px;
}

.footer-page-content-item-logo img{
width:170px;
height:auto;
}

.footer-page-content-item-menu ul{
margin:0px;
padding:0px;
}

.footer-page-content-item-menu ul li{
list-style-type:none;
display:block;
}

.footer-page-content-item-menu ul li a{
font-weight:500;
font-size:16px;
color:#5182b3;
line-height:24px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.footer-page-content-item-menu ul li a:hover{
color:#1b2841;
}


.footer-page-content-item-name-one{
font-weight:500;
font-size:16px;
color:#1b2841;
line-height:normal;
}

.footer-page-content-item-name-two{
font-weight:400;
font-size:16px;
color:#808080;
line-height:normal;
margin-bottom:22px;
}

.footer-page-content-item-contact{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
}

.footer-page-content-item-contact-img{
width:36px;
}

.footer-page-content-item-contact span{
width:calc(100% - 36px);
font-weight:500;
font-size:16px;
color:#5182b3;
line-height:24px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.footer-page-content-item-contact:hover span{
color:#1b2841;
}

.footer-page-content-item-bottom{
padding-top:31px;
}


.window-pop-up{
position:fixed;
top:0px;
left:0px;
z-index:9999999999;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
display:none;
}

.window-pop-up-content{
position:absolute;
top:50px;
left:50px;
width:calc(100% - 100px);
height:calc(100% - 100px);
}

.window-pop-up-content-img{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

.window-pop-up-content-close{
 position:absolute;
top:-40px;
right:-40px;
width:32px;
height:32px;
background:#fff url('../images/close.png') no-repeat center center;
cursor:pointer; 
}


.window-pop-up-content-img img{
width:100%;
height:100%;
object-fit:contain;
object-position:center center;
}









