/* BrowserWarning Overlay for old browser */

	.browserWarning {
		display: none;
		transition: opacity 0.3s linear;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 65;
		font-size: 15px;
	}
	
		.browserWarning.hidden {
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s 0.3s, opacity 0.3s linear;
		}
	
	.browserWarning .container {
		background: rgba(238,238,238, 0.97);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		position: relative;
		max-width: 1140px;
		margin: 0 auto;
		padding: 45px 85px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		box-sizing: border-box;
	}

	.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 h2 {
			color: #00b2ea;
			margin-bottom: 10px;
		}

		.browserWarning .text {
			box-sizing: border-box;
			margin-top: 10px;
			width: 65%; 
			padding-right: 15px;
			line-height: 1.6em;
			float: left;
		}
		
			.browserWarning .text p {
				margin-bottom: 0
			}


		.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 {
			display: table;
			width: 35%;
			padding-top: 50px
		}
		
			.browserWarning .browser-icons::after {
				content: "";
				display: table;
				clear: both;
			}
	
			.browserWarning .browser-icons a {
				display: table-cell;
				color: #555;
				text-align: center;
				padding: 0 15px;
				text-decoration: none;
			}
			
				.browserWarning .browser-icons a:last-child {
					padding-right: 0
				}
			
				/* hover*/
					.browserWarning .browser-icons a:hover {
						color: #00b2ea;
					}
				
					.browserWarning .browser-icons a:hover .icon {
						-webkit-transform: translateY(-3px);
						transform: translateY(-3px);
						transition: ease-in-out 0.3s;
					}	
					
					.browserWarning .browser-icons svg path,
					.browserWarning .browserwarning--closer:hover svg path {
						fill: #00b2ea;
					}
					
					.browserwarning--closer:hover {
						color: #00b2ea;
					}		
				
				.browserWarning .browser-icons span {
					margin-top: 10px;
					font-size: 13px;
				}
				
				.browserWarning .browser-icons .icon {
					display: block;
					width: 100%;
					height: 40px;
					margin-bottom: 10px;
				}
				
	.clear {
		clear: both
	}
	
			
@media screen and (max-width: 992px){
	.browserWarning .container {
		padding: 25px;
	}
	
	.browserwarning--closer {
		top: 15px;
		margin-bottom: -10px;
	}
	
		.browserwarning--closer::after {
			content: "";
			display: table;
			clear: both;
		}
	
	.browserwarning--closer .title {
		display: none
	}
	
	.browserWarning .text,
	.browserWarning .browser-icons {
		width: 100%;
		float: none;
	}
	
	.browserWarning .browser-icons {
		padding-top: 30px;
	}
	
		.browserWarning .browser-icons a {
			padding: 0 10px;
			width: 33.3%
		}		
}