/* BrowserWarning Overlay for old browser */

	.browserWarning {
		display: none;
		transition: opacity 0.3s linear;
	}
	
		.browserWarning.hidden {
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s 0.3s, opacity 0.3s linear;
		}
	
	.browserWarning .container {
		position: relative;
		padding-top: 25px;
		padding-bottom: 35px
	}
	
		/* Design 1 -8 */
		.browserWarning > .container:not(.bootstrap-grid) {
			padding: 20px 15px 30px 15px;
			max-width: 960px;
			margin: 0 auto
		}
	
		.browserWarning > .container:not(.bootstrap-grid) .col.text {
			max-width: 80%;
		}

	.browser--ie.browserversion--7 .browserWarning,
	.browser--ie.browserversion--8 .browserWarning,
	.browser--ie.browserversion--9 .browserWarning,
	.browser--ie.browserversion--10 .browserWarning,
	.browser--ie.browserversion--11 .browserWarning {
		display: block
	}

	.browserWarning {
		background: rgba(238,238,238, 0.97);
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 65;
		box-shadow: 03px 1px 5px rgba(0,0,0,0.3);
		font-size: 15px;
	}

		.browserWarning .text {
			margin: 10px auto 0 auto;
			text-align: center;
			float: none
		}

		.browserwarning--closer {
			position: absolute;
			top: 20px;
			right: 15px;
			cursor: pointer;
			font-size: 13px;
		}
		
			.bootstrap-grid .browserwarning--closer {
				right: 0
			}
		
			.browserwarning--closer svg {
				position: relative;
				width: 15px;
				height: 15px;
				margin-left: 8px;
				top: 3px
			}

	.browserWarning .browser-icons {
		margin: 30px auto 0 auto;
		display: table;
		width: auto;
		float: none;
	}

		.browserWarning .browser-icons a {
			display: table-cell;
			color: #555;
			text-align: center;
			padding: 0 30px;
			text-decoration: none;
		}
		
				/* hover*/
				.browserWarning .browser-icons a:hover .icon {
					-webkit-transform: translateY(-3px);
					transform: translateY(-3px);
					transition: ease-in-out 0.3s;
				}				

			.browserWarning .browser-icons span {
				margin-top: 10px;
				font-size: 15px;
				line-height: 1.2em;
			}
			
			.browserWarning .browser-icons .icon {
				display: block;
				width: 100%;
				height: 40px;
				margin-bottom: 10px
			}

			
@media screen and (max-width: 992px){
	.browserwarning--closer {
		top: 15px;
		margin-bottom: -10px;
	}
	
		.browserwarning--closer::after {
			content: "";
			display: table;
			clear: both;
		}
	
	.browserWarning .browser-icons a {
		padding: 0 10px;
		min-width: 100px;
	}
	
	.browserwarning--closer .title {
		display: none
	}
}