/***************************************************************/
/***************************************************************/
/*************************   RESET CSS   ***********************/
/***************************************************************/
/***************************************************************/

::-webkit-scrollbar {
  width: 0.9em;
}

::-webkit-scrollbar-track {
  background: #eaeaea;
  border-left: 1px solid #ddd;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #666;
}

* {
	border-radius: 0;
	box-shadow: none !important;
}

.btn{
	border: none;
	font-weight: lighter;
}

/***************************************************************/
/**********************   END: RESET CSS   *********************/
/***************************************************************/

/* overwrite style.css */
body{
		font-size: 14px;
		line-height: 1.42857143;
}
modal,
content {
  display: block;
}
h4{
	display: block;
}

/* end: overwrite */
/* ****************/

/***********************/
/* overwrite program styles */
.form-horizontal .form-group {
		margin-right: auto;
		margin-left: auto;
}
/* end: overwrite */
/* ****************/

/*
main global styles
*/

body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3{
	font-weight: lighter;
}

img {
	width: 100%; }
a{
	color: #666;
	cursor: pointer;}
a:hover {
	color: #999;
		text-decoration: none; }
.a-color{
	color: #666;
}
.flex-wrap {
  display: flex;
}
.flex-justify-content-center {
  justify-content: center;
}
.link-button {
  border: none;
  background: none;
  cursor: pointer;
  color: #5d8ec6;
  font-size: 14px;
  transition: color 0.3s;
  user-select: none;
}
.link-button:hover {
   color: #3d3d3d;
}
.link-margin-wrap {
  margin: 10px;
}
#cancel-recovery-link {
  background-color: #dadada;
  margin-right: 10px;
}
#qoute-content {
  font-size: 21px;
}
#qoute-author {
  font-size: 16px;
}

.btn-blank, .btn-blank:hover, .btn-blank:active, .btn-blank:visited{
	border: none !important;
	background: none !important;
	color: inherit !important;
}
hr{
	border-color: #ccc;
}
.image-narrow{
		margin: 20px 40px 20px 0;
		float: left;
		max-width: 300px;
}
@media screen and (max-width: 767px){
	.image-narrow{
	margin: 20px auto;
	float: none;
	}
}
.main-page-text{
	font-size: 16px;
	width: 100%;
	max-width: 900px;
		margin: 0 auto;
}
.phone-number{
	letter-spacing: 2px;
}
.left-indentation{
	margin-left: 20px;
}
.standard-container{
	width: 90%;
		max-width: 1366px;
		margin: 10px auto 20px;
		padding-top: 10px;
}
.fixed-facebook{
	position: fixed;
	bottom: 20%;
	font-size: 24px;
	right: 0;
}
.fixed-facebook span{
	padding: 10px 20px;
}
.up-arrow {
	display: none;
	position: fixed;
	bottom: 10%;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	padding: 10px;
	font-size: 20px;
	z-index: 900;
	border-bottom-left-radius: 100px !important;
	border-top-left-radius: 100px !important;
	font-weight: lighter;
	cursor: pointer; }
	.up-arrow:hover {
		background: rgba(0, 0, 0, 0.7); }
@media screen and (max-width: 767px){
	.up-arrow{
		bottom: 3%;
		font-size: 16px;
	}
	.fixed-facebook{
			bottom: 12%;
	}
	.h-border-bottom{
			margin-top: 0;
	}
}
.header-big-margins{
	margin: 40px auto;
}
.h-border-bottom{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	text-align: right;
	margin-bottom: 20px;
}
.read-more-link{
	font-size: 16px;
	font-style: italic;
	text-align: right;
}
.bg-none{
	background: none !important;
}
.mb-0{
	margin-bottom: 0 !important;
}

.btn-default {
	color: white;
  /* background: #4461e3;
  background: -moz-linear-gradient(top, #4461e3 1%, #1c33e4 100%);
  background: -webkit-linear-gradient(top, #4461e3 1%,#1c33e4 100%);
  background: linear-gradient(to bottom, #4461e3 1%,#1c33e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4461e3', endColorstr='#1c33e4',GradientType=0 ); */
    background-color: #01AAAD;
}
.btn-primary:hover, .btn-primary:active , .btn-primary:checked{
	filter: brightness(85%);
	background:none;
	background-color: #01AAAD !important;
}
.login_logo{
    text-align: center;
    width: 100%;
    /* padding: 20px; */

}
.login_logo img {
    max-height: 60px;
    width: auto;
    height: auto;
}
.logInLabel{
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
/*
********************************************
loader spinner
********************************************
*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #dadada;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #dadada transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/*
********************************************
header
********************************************
*/

#ekranyonline-header {
margin: 0 auto;
 width: 100%;
 max-width: 1366px;
 height: 60px; }

#ekranyonline-header #ekranyonline-logo img {
	width: 400px;
	position: relative;
	margin-top:10px;
	margin-left:20px;
	text-shadow: 0 0 2px;
	z-index: 10; }
}


#wgs-header {
	margin: 0 auto;
	width: 100%;
	max-width: 1366px;
	height: 60px; }
	#wgs-header #header-logo {
		width: 200px;
		height: 100%;
		padding: 5px;
		float: left; }
		#wgs-header #header-logo img {
			width: 190px;
			position: relative;
			text-shadow: 0 0 2px;
			z-index: 10; }
	#wgs-header #header-flex-menu {
		height: 100%;
		display: flex;
		align-items: center; }
		#wgs-header #header-flex-menu .header-flex-elem {
			height: 32px;
			flex: 2;
			text-align: center;
			font-size: 20px; }
		#wgs-header #header-flex-menu .header-flex-elem.icon-link{
			flex: 1;
		}
@media screen and (max-width: 1000px){
	#wgs-header #header-logo {
			width: 140px;}
		#wgs-header #header-logo img {
				width: 130px;}
}
@media screen and (max-width: 767px){
	#wgs-header {
		height: auto;}
}


/* bootstrap overwrite */
.navbar-default {
		background-color: initial;
}
h1, h2, h3, h4, h5, h6 {
		line-height: 1.2;
}
/* end: bootstrap overwrite */


#content {
				background-color: white;
				/*background-color: #fdfdfd;*/
	width: 100%;
				/*margin-bottom: 370px;*/
				margin-bottom: 350px;
				/*border-bottom: 1px solid #dde;*/
				/*padding-bottom: 20px; */
				position: relative;
				overflow: auto;
}


#news-flex-container {
		margin: 20px auto;
		width: 100%;
		max-width: 1200px;
	}
	#news-flex-container .flex-news {
		/* flex: 2; */
		display: -webkit-flex;
		display: flex;
		align-items: center;
					/*flex-wrap: nowrap;*/
					flex-wrap: wrap;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-o-justify-content: center;
		justify-content: center; }
		#news-flex-container .flex-news .flex-piece-of-news {
			cursor: pointer;
			width: 100%;
			max-width: 468px;
			height: 150px;
			margin: 20px 30px;
			position: relative; }
			#news-flex-container .flex-news .flex-piece-of-news .piece-of-news-box{
				position: absolute;
				margin-left: 150px;
				border: 1px solid #e9e1e1;
				border-radius: 40px;
				width: calc(100% - 150px);
				height: 150px;
				top: 0;
				padding: 15px 20px 10px 13px;
				background: #f5f5f5;
			}
			#news-flex-container .flex-news .flex-piece-of-news img {
				width: 150px;
				height: 150px;
				position: relative;
				z-index: 1;
				-webkit-transition: all 300ms ease-out;
				-moz-transition: all 300ms ease-out;
				-o-transition: all 300ms ease-out;
				transition: all 300ms ease-out;
				filter: saturate(0.7) brightness(0.9);
			}
				#news-flex-container .flex-news .flex-piece-of-news:hover img{
					filter: saturate(1) brightness(1);
				}
@media screen and (max-width: 767px){
	#news-flex-container .flex-news {
		display: block;
	}
	#news-flex-container .flex-news .flex-piece-of-news{
		margin: 20px auto !important;
		width: calc(100% - 40px);
		max-width: 320px;
		height: 100px;
	}
	#news-flex-container .flex-news .flex-piece-of-news .piece-of-news-box{
		height: 100%;
		width: calc(100% - 100px);
		margin-left: 100px;
		padding: 15px 8px 10px 10px;
		overflow-y: scroll;
	}
	#news-flex-container .flex-news .flex-piece-of-news img {
		width: 100px;
		height: 100px;
		}
}
	#news-flex-container #login-box {
		flex: 1;
		display: flex;
		align-items: center; }
		#news-flex-container #login-box #login-content {
			border: 2px solid #ccc;
			border-radius: 20px;
			padding: 10px;
			margin-left: 30px; }
			#news-flex-container #login-box #login-content h3 {
				margin: 0 0 20px 0;
				text-align: center; }
		#news-flex-container #login-box #login-contact {
			font-size: 12px;
			margin-top: 10px;
			letter-spacing: 0.2em;
			margin-bottom: 0;
			text-align: center; }

#current-affairs {
	margin: 0 auto;
	width: 90%;
	max-width: 1366px;
	margin: 20px auto; }
	#current-affairs .cur-aff-flexbox {
		display: flex;
		margin: 20px -1% 0;
		flex-flow: row wrap;
	}
		#current-affairs .cur-aff-flexbox .cur-aff-flex-item {
			padding: 10px 0;
			width: 400px;
			margin: 0 1%;
			flex-basis: 31%;
			line-height: 1.4em;  }
			#current-affairs .cur-aff-flexbox .cur-aff-flex-item .cur-aff-flex-item-img {
				border-radius: 10px;
				overflow: hidden; }
				#current-affairs .cur-aff-flexbox .cur-aff-flex-item .cur-aff-flex-item-img img {
					-webkit-transition: all 500ms ease-out;
					-moz-transition: all 500ms ease-out;
					-o-transition: all 500ms ease-out;
					transition: all 500ms ease-out; }
					#current-affairs .cur-aff-flexbox .cur-aff-flex-item .cur-aff-flex-item-img img:hover {
						-webkit-transform: scale(1.1);
						-moz-transform: scale(1.1);
						-o-transform: scale(1.1);
						transform: scale(1.1); }
			#current-affairs .cur-aff-flexbox .cur-aff-flex-item .line-clamp {
				overflow: hidden;
				line-height: inherit;
				height: 4.2em;
			}
				#current-affairs .cur-aff-flexbox .cur-aff-flex-item .line-clamp p {
					padding: 0;
					margin: 0; }
			#current-affairs .cur-aff-flexbox .cur-aff-flex-item .more, #current-affairs .cur-aff-flexbox .cur-aff-flex-item .less {
				float: right;
				font-style: italic;
				margin: 0.4em 0 0 0;
				cursor: pointer; }
				#current-affairs .cur-aff-flexbox .cur-aff-flex-item .more:hover, #current-affairs .cur-aff-flexbox .cur-aff-flex-item .less:hover {
					color: #449; }
			#current-affairs .cur-aff-flexbox .cur-aff-flex-item .less {
				margin: 0; }
	@media screen and (max-width: 900px){
		#current-affairs .cur-aff-flexbox .cur-aff-flex-item{
			flex-basis: 48%;
		}
	}
	@media screen and (max-width: 500px){
		#current-affairs .cur-aff-flexbox .cur-aff-flex-item{
			flex-basis: 98%;
		}
	}
#wgs-footer {
	position: fixed;
	z-index: -1;
	bottom: 0;
	width: 100%;
	height: 350px;
	padding: 40px 20% 0;
	background-color: #e0e4fa;
}
	#wgs-footer #firm-data {
		float: left;
		width: 55%; }
	#wgs-footer #map {
		float: right;
		width: 40%;
		max-width: 280px; }
	#wgs-footer #firm-name {
		font-weight: bold; }
	#wgs-footer #adress {
		font-size: 11px;
		font-weight: bold;
		line-height: 2em; }
	#wgs-footer #BOK {
		line-height: 1.4em; }
@media screen and (max-width: 767px){
	#wgs-footer{
		padding-left: 5%;
		padding-right: 5%;
	}
}
/* *************************************************************
	 ************** about and realization ************************
	 ************************************************************* */
#main-page-top-content{
	display: flex;
	flex-flow: row wrap;
	margin: 5px auto;
	width: 90%;
	max-width: 1366px;
}
.main-page-logo-and-login{
	flex-basis: 51%;
	margin-top: 2%;
}
.main-page-main-image-content{
	flex-basis: 49%;
}
.main-page-main-image{
	position: relative;
	width: 90%;
}
#LogoColorSmall{
	width: 46%;
}
@-keyframes pulseScreen{
	0% { transform: scale(1.05);}
	20% { transform: scale(1.015);}
	50% { transform: scale(1);}
	80% { transform: scale(1.015);}
	100% { transform: scale(1.05);}
}
@-webkit-keyframes pulseScreen{
	0% { transform: scale(1.05);}
	20% { transform: scale(1.015);}
	50% { transform: scale(1);}
	80% { transform: scale(1.015);}
	100% { transform: scale(1.05);}
}
@-ms-keyframes pulseScreen{
	0% { transform: scale(1.05);}
	20% { transform: scale(1.015);}
	50% { transform: scale(1);}
	80% { transform: scale(1.015);}
	100% { transform: scale(1.05);}
}
@-moz-keyframes pulseScreen{
	0% { transform: scale(1.05);}
	20% { transform: scale(1.015);}
	50% { transform: scale(1);}
	80% { transform: scale(1.015);}
	100% { transform: scale(1.05);}
}
#gif-screen{
	position: absolute;
	top: 0;
	left: 60.5%;
	width: 19%;
	animation: pulseScreen 2000ms infinite linear;
	-webkit-animation: pulseScreen 2000ms infinite linear;
	-ms-animation: pulseScreen 2000ms infinite linear;
	-moz-animation: pulseScreen 2000ms infinite linear;
}
#girl{
	position: absolute;
	top: 8%;
	right: -22%;
	width: 50%;
}

#content-narrower {
	margin: 0 auto;
	width: 90%;
	max-width: 1366px; }

#write-order-login {
	font-size: 1.2em;
	margin: 5% 0;
	}

	#about_order {
		margin: 10% 0 0 20px;
	}
	#about_login {
		border: 1px solid #ccc;
		border-radius: 10px;
		padding: 20px;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}
	#about_login p{
		margin-bottom: 0;
	}
	#about_login p.margin-bottom-sm{
	margin-bottom: 15px;
	}
	.write-order-login-description{
		margin-right: 10px;
	}
	@media screen and (max-width: 1000px){
			#write-order-login{
				font-size: 1em;
				margin-left: 0;
			}
			#about_login {
			padding: 10px 20px;
		}
		#about_login .btn-lg {
			font-size: 14px;
			padding: 5px 10px;
		}
		#about_order {
			margin-top: 5%;
		}
	}
	@media screen and (max-width: 767px){
		#about_login {
			margin: 0 auto;
			/* width: 100%; */
		}
		.navbar{
			margin-top: 10px;
		}
		.left-indentation{
			margin: 10px 0;
		}
		.main-page-logo-and-login{
		flex-basis: 100%;
		}
		.main-page-main-image-content{
		flex-basis: 0%;
		}
	}

.about-menu {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	font-size: 22px;
	margin: 40px auto;
	text-align: center;
	}
	.about-menu > div {
		padding: 10px;
		flex: 2;
		background: #eef;
		display: flex;
		align-items: center;
		height: 80px;
		cursor: pointer;
		}
		.about-menu > div:hover {
			background: #e3eaf8;
			color: #999; }
		.about-menu > div:hover a {
			color: #999; }
		.about-menu > div a{
		width: 100%;
		}
	.about-menu > .icon-link {
		flex: 1; }
.about-content {
	width: 70%;
	margin: 40px auto 0;
	text-align: justify;
	}
	.about-content h2 {
		margin-top: 40px; }
	.about-content .about-img {
		position: relative;
		width: 60%;
		max-width: 600px;
		margin: 20px auto; }
		.about-content .about-img .img-describe {
			position: absolute;
			bottom: 0;
			width: 100%;
			background-color: rgba(50, 100, 200, 0.8);
			padding: 15px;
			text-align: center;
			font-size: 20px;
			color: white;
			display: none; }
		@media screen and (max-width: 767px){
			.about-content .about-img .img-describe {
				font-size: 12px; }
			.about-content {
			width: 100%;
		}
		}
		.about-content .about-img:hover .img-describe {
			display: block; }
	.about-content .describe {
		font-size: 20px; }
		@media screen and (max-width: 767px){
			.about-content .describe {
				font-size: 14px; }
		}
		.about-content .describe ul {
			margin: 0 10%; }
		.about-content .describe li {
			margin: 10px 0; }

/* realization photos: */
.realization-flexbox {
	display: flex;
	flex-flow: row wrap; }
	.realization-flexbox .realization-flex-item {
		flex-basis: 33.33%;
		margin: 0;
		overflow: hidden;
		position: relative;
		}
		.realization-flexbox .realization-flex-item .realization-descr {
			opacity: 0;
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			bottom: 0;
			padding: 20px;
			color: white;
			background-color: rgba(0, 0, 0, 0.7);
			-webkit-transition: all 300ms ease-out;
			-moz-transition: all 300ms ease-out;
			-o-transition: all 300ms ease-out;
			transition: all 300ms ease-out;
			display: flex;
			align-items: center; }
		.realization-flexbox .realization-flex-item:hover .realization-descr {
			opacity: 1; }
		.realization-flexbox .realization-flex-item .realization-descr .realization-descr-text{
			margin: auto;}
		@media screen and (max-width: 767px) {
			.realization-flexbox .realization-flex-item {
				flex-basis: 50%; } }
		@media (max-width: 500px) {
			.realization-flexbox .realization-flex-item {
				flex-basis: 100%; } }


/* photo carousel */
.imgal-row {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	justify-content: center; }
	.imgal-row .imgal {
		width: 48%;
		max-width: 300px;
		margin: 8px;
		cursor: pointer;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out; }
		.imgal-row .imgal:hover {
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1); }

#photos-of-realizations {
	height: 25px;
	margin-top: 30px; }

#carousel_div {
	margin: 0 auto;
	box-shadow: 0 0 15px black;
	position: relative;
	display: none; }

.carousel-indicators {
	bottom: 0px;
	left: 0;
	width: 100%;
	margin: 0; }
	.carousel-indicators li {
		border: none;
		box-shadow: 0 0 5px black;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out; }
		.carousel-indicators li:nth-of-type(1) {
			background: url("../../img/realizacja_1.jpg");
			background-size: 100%;
			background-repeat: no-repeat; }
		.carousel-indicators li:nth-of-type(2) {
			background: url("../../img/realizacja_2.jpg");
			background-size: 100%;
			background-repeat: no-repeat; }
		.carousel-indicators li:nth-of-type(3) {
			background: url("../../img/realizacja_3.jpg");
			background-size: 100%;
			background-repeat: no-repeat; }
		.carousel-indicators li:nth-of-type(4) {
			background: url("../../img/realizacja_4.jpg");
			background-size: 100%;
			background-repeat: no-repeat; }
		.carousel-indicators li:nth-of-type(5) {
			background: url("../../img/realizacja_5.jpg");
			background-size: 100%;
			background-repeat: no-repeat; }
		.carousel-indicators li:nth-of-type(6) {
			background: url("../../img/realizacja_6.jpg");
			background-size: 100%;
			background-repeat: no-repeat; }
		.carousel-indicators li:hover {
			-webkit-transform: scale(1.07);
			-moz-transform: scale(1.07);
			-o-transform: scale(1.07);
			transform: scale(1.07); }
		.carousel-indicators li.active:hover {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1); }

.slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto; }

#exitCarousel {
	position: absolute;
	top: 20px;
	right: 20px; }
	#exitCarousel a {
		color: rgba(255, 255, 255, 0.85);
		text-shadow: 0 0 5px black;
		font-size: 30px;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out; }
		#exitCarousel a:hover {
			color: white; }
		#exitCarousel a:active {
			color: rgba(200, 200, 200, 0.9); }

/* end: photo carousel */


/* ****************   offer    *************/
.offer-contaniner{
	width: 70%;
	margin-left: 5%;
}

/********************************************/
/********************************************/
/*===== NADPISANIE logowania i footera =====*/
/********************************************/
/********************************************/
.text-success {
  color: #43a047;
}
#main_div{
	width: 90%;
	height: auto;
	margin: 70px auto;
	text-align: center;
	color: #666;
}
h2.logging-title{
	padding: 20px;
	color: #fff;
}
.logging-title {
	/* padding:  10px; */
	/* margin-bottom: 30px; */
	margin-top: 0;
	line-height: 1.4;
	height: 100px;
	background: #01AAAD;
	background: linear-gradient(90deg, rgba(1, 170, 173, 1) 0%, rgba(1, 170, 173, 1) 0%, rgba(0, 117, 246, 1) 0%, rgba(1, 170, 173, 1) 100%);
	border-top-left-radius: .50rem;
	border-top-right-radius: .50rem;
}
modal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f5f5f5;
  border-radius: .50rem;
  width: 100%;
  max-width: 450px;
  min-height: 426px;
  margin: 80px auto;
  padding: 30px;
}
@media screen and (max-width: 767px){
	modal {
		background: none;
		max-width: 100%;
	}
}
input.error {
  border-color: red;
  background-color: #fbe9e7;
}
#login-form {
  max-width: 400px;
  margin: 0 auto;
}
form#login-form label{
	padding: 5px 0 5px 5px;
	font-weight: normal;
}
form#login-form input{
	width: 100% !important;
	margin-right: 60px;
}
form#recovery-form label{
	margin-right: 7px;
  display:inline;
  vertical-align:top;
}
form#recovery-form input[type=radio]{
  margin-right: 4px;
  display:inline;
  vertical-align:top;
}
#compatibility{
	margin-top: 20px;
	font-size: 12px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#kontakt_telefon{
	font-size: 14px;
	margin-top: 10px;
	letter-spacing: 0.5px;
	margin-bottom: 0;
}
#contact{
	margin-top: 0;
	text-align: center;
	font-size: 34px;
}
 #middle-box{
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }



@media screen and (max-width: 767px){
	modal {
		margin: 0 auto;
	}
	.contact-content{
		font-size: 12px;
	}
	.contact-content h3{
		font-size: 18px;
	}
}

#login-header-logo{
	width: 200px;
	max-width: 50%;
	padding: 10px;
}
#ngs-runlogin{
	font-size: 16px;
	padding: 8px 18px;
	font-weight: lighter;
}

.login-background{
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.login-background img{
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	filter: brightness(0.7);
}
.box-shadow-important{
	box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
}
@media screen and (max-width: 767px){
	.login-background{
		background: #e0e4fa;
	}
	.box-shadow-sm-none-important{
		box-shadow: none !important;
	}
	.login-background img{
		display: none;
	}
}



/*
  ALERT
*/
.alert-container .alert {
	background: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-width: 0;
	color: #3b3c3e;
	padding: 5px 17px;
	margin: 0;
	box-shadow: 0 3px 14px 0px #0c123c57;
}
.alert-container .alert-danger {
	background: linear-gradient(#fc713f, #fe3b71);
	color: #fff;
}
.alert-container {
  position: fixed;
  top: 0;
  right: 50%;
  width: auto;
  z-index: 99999;
	transform: translate(50%, -120%);
  transition: transform 0.4s ease;
}
.alert-container.alert-visible {
  transform: translate(50%, 0%);
	transition: transform 0.4s ease;
}
.error_code {
	color: #7e1c1c;
  font-size: 13px;
  margin-left: 10px;
}
.close {
  margin-left: 10px;
}