/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
 
/* box effekts */
.side_menu_bg{
	/* background-color: #009de0; */
	background-color: #D4F1FF;
	/* background-color: #e8e6ee */
}
.footer p{
	margin-bottom: 0.5rem;
}
.page-link{
	color: #009de0;
}
.btn-success, .btn-success:link{
	background-color: #009de0;
}

.btn-success:hover{
	background-color: #58b7e0;
}

.social {
    padding-right:4px; 
}
.logobox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: auto;
	  min-height: 250px;
  background: no-repeat left top;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.actionbox,
.actionbox * {
	box-sizing: border-box;
}
.actionbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: auto;
	  min-height: 250px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.actionbox img {
    position: relative;
	max-width: 100%;
}

.action-title {
font-weight: 900;
line-height: 1.2;
font-size: 1.7rem;
position: absolute;
top: 50%;
  	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
  transform: translate(0%, -50%);
  padding: 0px 15px;
}

.actionbox .actionbox-layer_bottom {
	display: block;   
}

.actionbox .actionbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(44,63,80, 0.8);
	color: #fff;
	padding: 5px;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.actionbox:hover .actionbox-layer_top,
.actionbox.active .actionbox-layer_top {
	opacity: 1;
}

.actionbox-blue:hover .actionbox-layer_top,
.actionbox.active .actionbox-layer_top {
	opacity: 1;
}


.actionbox .actionbox-text {
	line-height: 1.25;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.actionbox .actionbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.actionbox.active .actionbox-text_mobile {
	display: block;
}

.actionbox .actionbox-layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.actionbox:hover .actionbox-layer_slideup,
.actionbox.active .actionbox-layer_slideup {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.actionbox:hover .actionbox-title {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}


.rc-blue {
background-color: #8BB9D4;
} 

.rc-purple {
background-color: #AE9CD6;
}

.rc-green {
background-color: #A6CFA1;
}

.rc-brown {
background-color: #DAD6A1;
}

.rc-orange {
background-color: #E1B298;
}

.rc-pink {
background-color: #E59CA0;
}





/* .fa {
  padding: 6px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  color: white;
  background: #009de0;
} */

/* .fa-facebook:hover {
  background: #3B5998;
  color: white;
}

.fa-twitter:hover {
  background: #55ACEE;
  color: white;
}


.fa-linkedin:hover {
  background: #007bb5;
  color: white;
}

.fa-instagram:hover {
  background: #125688;
  color: white;
} */

.project-logo {
	position: relative;
	display: inline-block;
	overflow: hidden;
width: 100%;
	height: auto;
	min-height: 180px;
 background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.boardbox {
position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 200px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.rcbox,
.rcbox * {
	box-sizing: border-box;
}
.rcbox {
	position: relative;
/* display: inline-block;  STASIU */
    display: flex;
	overflow: hidden;
	width: 100%;
	height: auto;
	  min-height: 250px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.rcbox_small{
	height: auto;
	  min-height: 180px;
}
.rcbox_big{
	height: auto;
	min-height: 520px;
}
.rcbox img {
    position: relative;
	max-width: 100%;
}

.rcbox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  background: rgba(44,63,80, 0.8);
  padding: 2% 5% 0 5%;
  	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.rcbox .rcbox-layer_bottom {
	display: block;   
}

.rcbox .rcbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(44,63,80, 0.8);
	color: #fff;
	padding: 5px;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.rcbox:hover .rcbox-layer_top,
.rcbox.active .rcbox-layer_top {
	opacity: 1;
}

.rcbox-blue:hover .rcbox-layer_top,
.rcbox.active .rcbox-layer_top {
	opacity: 1;
}


.rcbox .rcbox-text {
	line-height: 1.25;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.rcbox .rcbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.rcbox.active .rcbox-text_mobile {
	display: block;
}

.rcbox .rcbox-layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.rcbox:hover .rcbox-layer_slideup,
.rcbox.active .rcbox-layer_slideup {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.rcbox:hover .rcbox-title {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.rcbox h1{
text-align: center;
margin: auto !important; 
color: black;
text-shadow: 2px 2px 2px white;
position: relative;
}

.rcbox-orange {
/* background-color: #ee680e; */
background-color: #029DD6;
}

.rcbox-blue {
background-color: #0e77ee;
} 
 
 
body {
padding-top: 94px; 
font-family: "Lato";
}

p {
font-size: 90%;
}

ul li{
	/* font-size:90%; */
   }

.small {
font-size: 80%;
}

a {
  color: #009de0;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}

.a_footer, .a_footer:hover{
	color: #6c757d!important;
	/* background-color: transparent; */
}

.rem-3 {
font-size: 3rem;
}


.navbar {
  padding: 1rem;
      -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
}

.carousel-caption {
    /* position: relative;
    left: 0; */
	bottom: 0;
	top: 0;
	right: 60%;
	left: 10%;
	padding: 1em;
}
.bg-dark-2{
background-color: rgba(0,0,0,0.5);
}
.carousel-item {
  height: 420px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.carousel-city {
  height: 300px !important;
  margin-bottom: 15px;
}

.carousel-inner {
display: flex;
}

.carousel-inner h1 {
text-align: center;
margin: auto !important; 
color: white;
text-shadow: 2px 2px 2px black;
position: relative;
}

.panorama-item {
position: relative;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex; 
  margin-bottom: 10px;
}

.panorama-item h1 {
text-align: center;
margin: auto !important; 
color: white;
text-shadow: 2px 2px 2px black;
position: relative;
}

.panorama-title {
    position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  background: rgba(44,63,80, 0.8);
  padding: 1% 2% 0 2%;
}

.thumb-small {
float: left;
width: 120px;
height: 120px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  margin: 8px 8px 0 0;
}

.portfolio-item {
  margin-bottom: 30px;
}

.container-about {
	padding-right: 0px;
  margin-right: 0px;
}


.carousel-mask {
min-height: 480px;
width: 100%;
margin-right: -100%;
position: relative;
float: left;
transition: opacity .3s ease-in-out;
}

.carousel-blue {
background-image: linear-gradient(rgba(44,63,80,.0), rgba(44,63,80,.8), rgba(44,63,80,1));
opacity: .7;
}

.carousel:hover  .carousel-blue {
/* background-image: linear-gradient(rgba(44,63,80,.0), rgba(44,63,80,.8), rgba(44,63,80,1)); */
opacity: .9;
}

.card-img-top {
  width: 100%;
  transition: all .25s ease-in-out;
  border-radius: 0;
}

.frame-grey {
border: 1px solid rgba(200,200,200,1);
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  overflow: hidden;
}

.frame-grey:hover .card-img-top { 
overflow: hidden;
transform: scale(1.1);
}

.img-project {
height: 15vh;
width: 100%;
}

.card {
border: 0 solid rgba(0,0,0,0);
border-radius: 0;
}

.card-body {
padding: 1rem;
/*margin-bottom: 1.5rem; STASIU */
}

.btn-down {
  position: absolute;
   right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 30%;
  margin-left: 30%;
  margin-top: 1rem;
}

.btn-right {
border-radius: 0 0.25rem 0.25rem 0;
}

.input-small {
max-width: 150px;
}

.river-grey {
background: rgb(232,230,238);
}

.river-grey2 {
background: rgb(238,236,244);
} 

.btn-primary {
  color: #fff;
  background-color: #009de0;
  border-color: #0289c2;
    margin-bottom: 1rem;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-bold {
font-weight: 700;
margin-left: 10px;
float: right !important;
}

.btn-icon {
float: left;
width: 25px;
height: 25px;
margin-right: 8px;
}

.col-100 {
width: 100%;
overflow: hidden;
}

.col-40 {
overflow: hidden;
margin-top: .5rem;
margin-bottom: .5rem;
}

.news-box {
height: 20vh;
padding: .5rem;
}

.newsletter {
padding: 50px 0;

}

.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }




.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}

.newsletter .content .btn {
border-radius: 0 0.25rem 0.25rem 0;
}

.side_active{
	font-weight: bold;
}
.sidebar-heading {
padding: 0.875rem 1.25rem;
font-size: 1.2rem;
}

@media (min-width: 768px) {
.carousel-item, .carousel-mask {
/* height: 45vh; */
}

.rcbox-mask {
height: 20vh;
}

.col-40 {
width: 40%;
}

.columns-3 {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}

}

@media (max-width: 767px) {
.carousel-item, .carousel-mask {
    height: 35vh;
}

.rcbox-mask {
height: 25vh;
}

.col-40 {
width: 100%;
}

.columns-3 {
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1;
}

}

@media (max-width: 991px) {
.border-left {
border-left:none !important;
}	
.carousel-caption {
	/* position: relative;
	left: 0; */
	bottom: 10%;
	top: 10%;
	right: 20%;
	left: 20%;
	padding: 1em;
}
}

.rc-green2 {
/*
background-color: #73ac6c;
    border-color:#5f8e59;
*/
}

.page-item.active .page-link {
	background-color: #009de0;
	border-color: #009de0;
}

.page-link {
	color: #009de0;
}