/* --- Calibri Font ----------------------------------------------------------------------- */
/*
@font-face{
	font-family:'Calibri';
	src:url(../fonts/calibri/calibri.eot);
	src:url(../fonts/calibri/calibri.eot?#iefix) format('embedded-opentype'),url(../fonts/calibri/calibri.woff) format('woff2'),url(../fonts/calibri/calibri.woff) format('woff'),url(../fonts/calibri/calibri.ttf) format('truetype'),url(../fonts/calibri/calibri.svg#calibri) format('svg');
}
*/

/* --- Vendors Font ----------------------------------------------------------------------- */


body {
/*	padding-top: 96px;*/
	font-family: 'Roboto', sans-serif;
	color: #5A5A5A;
	font-size: 14px;
	line-height: 16px;
}

/* --- Custom CSS ------------------------------------------------------------------------- */

.header-logoatag img {
    max-width: 170px;
}
.logo {
	max-width: 227px;
}

/* --- Navbar ----------------------------------------------------------------------------- */
/*
.navbar-header {
	top:97px;
}
*/
.navbar {
	border-radius: 0px;
	border: none;
	padding: 0 1rem 0 0;
	-ms-flex-pack:space-between;
    justify-content:space-between;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 20px;
	padding-right: 20px;
}
.navbar-default {
	background-color: #FFF;
/*	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);*/
	margin: 0;
	transition: box-shadow, background-color 500ms;
}
.navbar-default-active {
/*	background-color: #FFF;*/
	    border-bottom: 1px solid #bbbdbf;
    box-shadow: 0 2px 4px 0 #bbbdbf;
/*	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);*/
}
.navbar-nav > li > a {
	position: relative;
	padding-top: 23px;
	padding-bottom: 23px;
	font-weight: bold;
	font-size: 16px;
	color: #212121;
}
/*
.navbar-default .navbar-nav > li > a:hover{
	color: #212121;
}
*/
.navbar-nav > li > a::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 4px;
    transition: all .2s;
    background: #FEBE04;
    width: 0;
    margin-left: 5%;
    margin-right: 5%;
}
.navbar .navbar-nav .show > .nav-link, .navbar .navbar-nav .active > .nav-link, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .nav-link.active::before {
/*
	color: #212121;
	background-color: #e6e6e6;
*/
	background: #000000;
	width: 91%;
	left: 0;
}

.navbar-default .dropdown-item {
	color: #212121;
	font-size: 13px;
	padding: 8px 20px 8px 10px;
}

.navbar-default .dropdown-menu {
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border-radius: 0px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #a5a5a5;
    background-color: #e6e6e6;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
.navbar-default .navbar-toggler {
    color: #212121;
    border-color: #212121;
}
/*
.navbar-default .navbar-toggler {
	border-color: #5a5a5a;
}
*/

/* --- General ---------------------------------------------------------------------------- */
.container.policy {
	padding: 20px 15px;
}
.exertis {
	padding: 30px 0 30px 0;
	margin: 0px;
/*
	position:fixed;
	top:0;
*/
	width: 100%;
/*	z-index: 1000;*/
}
.navbar-brand {
	width: 227px;
	padding: 16px 0 16px 0;
}

p {
	font-size: 14px;
	line-height: 16px;
}

h1 {
	font-size: 24px;
	line-height: 26px;
}
h2 {
	font-size: 22px;
	line-height: 24px;
}
h3 {
	font-size: 20px;
	line-height: 22px;
}
h4 {
	font-size:18px;
	line-height: 20px;
}
h5 {
	font-size: 16px;
	line-height: 18px;
}

/* exertis header and footer */
.red-chevron-bg, .site-footer {
  background: #b82233; /* Old browsers */
  background: -moz-linear-gradient(left,  #b82233 0%, #e82c2e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #b82233 0%,#e82c2e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #b82233 0%,#e82c2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b82233', endColorstr='#e82c2e',GradientType=1 ); /* IE6-9 */
  background-size: 1920px auto;
}
.header-chevron {
  background-image: url("../img/master/exertis-chevron-header.jpg");
}
.footer-chevron {
  background-image: url("../img/master/exertis-chevron-footer.jpg");
}
.red-chevron-bg-header {
  background-position: top;
}
.red-chevron-bg-footer {
  background-position: bottom;
}
.footer-container {font-family: 'Roboto', sans-serif;}
.footer-container p {font-size: 14px;}
.footer-para {color: #fff; font-size: 14px; margin-top: 30px; padding: 0 10px;}
.footer-container .footer-link a {color: #ffffff;}
.footer-link {color: #ffffff; padding: 60px 0; width: 100%;}
.footer-link .footer-para{line-height: normal;}

/*/ replace CSS */
.footer-link, .social-block {
	display: flex;
	flex-wrap: wrap;
}
.social-block {
	justify-content: space-evenly;
}
.footer-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-link ul li {
    padding: 0 0 5px;
	line-height: 25px;
	margin: 0;
	white-space: nowrap;
    position: relative;
}
.footer-link ul li a {
	color: #ffffff;
	text-decoration: none;
}
.footer-link ul li ul {
    visibility: hidden;
	opacity: 0;
	transition: .4s linear opacity, .4s linear visibility;
    position: absolute;
    background: #B82233;
    top: 100%;
    box-shadow: 0px 0px 10px 5px #a41021;
    padding: 6px 10px;
    border-radius: 2px;
/*	max-height: 250px;*/
	overflow-y: auto;
    z-index: 2;
}
.footer-link ul li ul li:last-child {
	padding-bottom: 0;
}
.footer-link ul .modern-dropdown ul {
     max-height: 250px;
}
.footer-link ul .gpg-dropdown ul {
     max-height: 180px;
}
.dropdownfooter {
	cursor: pointer;
}
.dropdownfooter:hover > ul {
	visibility: inherit;
	opacity: 1;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
    -webkit-animation: Grow .4s ease-in-out;
    animation: Grow .4s ease-in-out;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
@keyframes Grow{0%{opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}

.dropdownfooter:hover > .arrow {
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow {
    border: solid white;
	left: 5px;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
	margin-bottom: inherit;
    position: relative;
    transition: .4s linear all;
}

.arrow-right {
    -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ic-row {
	margin-left: -10px;
	margin-right: -10px;
}
.footer-link .footer-column {
	padding: 0 10px;
	color: #ffffff;
	width: 25%;
/*	box-sizing: border-box;*/
}
.social-column {
    padding: 20px 0;
/*	box-sizing: border-box;*/
}
.social-column img 
{ width: 45px;
}
.dcc {
    text-align: center;
	 padding-top: 35px;
}
.footer-dcc {
    width: 150px;
    height: auto;
}
.anchor-top {
	display: none;
}
.anchor-target {
	display: table-column-group;
}
.btn.btn-to-top {
    position: fixed;
    border-radius: 10px;
    padding: 15px;
    bottom: 40px;
    right: 40px;
	z-index: 1;
}

/* End exertis header and footer */

/* --- CONTENT ----------------------------------------------------------------------------- */

.st0{fill:#4b4e52;}
.st1{fill:#FEBE04;}
.st2{fill:#5ce500;}


/*.st1-active{fill:#FEBE04;}*/

.kemp-style {
	color: #212121;
}

.top-video,
.carousel-inner .carousel-item {
	height: 440px;
}
.page-header h1,
.top-banner-inner h1,
.top-video-inner h1 {
	font-size: 44px;
	line-height: 50px;
	font-weight: bold;
}

.top-banner-inner h2,
.top-video-inner h2 {
	font-size: 32px;
}

.gap {
	margin-top: 130px;
}

/* --- Top Header Static Banner ------------------------------------- */

.top-banner {
	 background: linear-gradient(270deg,#FEE516 0%,#fec10d 100%);
	padding: 60px 0;
}

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

/* --- Top Header Video BG Banner ----------------------------------- */

#background {
	position: relative;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}

.top-video {
	overflow: hidden;
	position: relative;
}

.top-video::before {
	display: block;
	content: '';
	background-image: url(../img/gridtile.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	pointer-events: none;
}

.top-video-inner {
	position: relative;
	top: -440px;
	z-index: 10;
	padding: 20px 50px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}


/* --- Top Header Carousel Banner ----------------------------------- */

.carousel-inner .carousel-item {
	background-position: center;
	background-size: cover;
	height: 500px;
}

.carousel-caption {
	top: -250px;
	transform: translateY(50%);
}

.carousel-caption h1 {
	font-size: 60px;
	font-weight: bold;
}

.carousel-caption h2 {
	font-size: 32px;
}

.btn-carousel {
	margin-top: 18px;
}

.carousel-indicators .active {
	width: 32px;
	height: 4px;
}

.carousel-indicators li {
	border: none;
	width: 30px;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.3);
}


/* --- Sections --------------------------------------------------- */

section {
	padding: 60px 0;
}

.section-heading {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 35px;
	font-weight: bold;
}
.global-style {
	padding: 4em 0;
	color: #ffffff;
	background-image: url("../img/city.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #464646;
}


/* -- Resources -- */

a.resource-box {
	display: block;
	border-radius: 5px;
	padding: 30px 0;
	background-color: rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	color: #02284f;
	outline: none;
	border: none;
}

a.resource-box:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	background-color: rgba(255, 255, 255, .4);
	text-decoration: none;
}

.icon {
	text-align: center;
	position: relative;
	z-index: 2;
	margin: auto;
	vertical-align: middle;
	color: #fff;
	font-size: 60px;
}

.resource {
	margin-top: -40px;
	padding: 40px 0 10px 0;
}


/* -- Contacts -- */
button, .global-button {
	background-color: #007AFF;
	outline: none;
	padding: 9px 24px 11px 24px;
	border: none;
	border-radius: 2px;
    font-size: 1.28em;
    margin-bottom: 0;
    line-height: 26px;
	font-weight: 700;
}
/*
.global-button {
	margin-top: 10px;
	margin-bottom: 10px;
}
*/
button a, button a:hover, button a:focus, .global-button a, .global-button a:hover, .global-button a:focus {
    color: #ffffff;
	text-decoration: none;
}
button:hover, .global-button:hover {
background-color: #3d70ce;
}
button.navbar-toggler:hover {
    background-color: initial;
}
/*
.button {
    display: block;
    border-radius: 50px;
    background-color: #ffd012;
    border: none;
    color: #000;
    text-align: center;
    font-size: 17px;
    padding: 20px 0px;
    width: 230px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 40px auto;
}
.button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button span::after {
	content: 'â–º';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.button:hover span {
	padding-right: 25px;
}

.button:hover span::after {
	opacity: 1;
	right: 0;
}
*/
.kemp-icon {
	text-align: center;
}
.kemp-icon img {
	max-width: 64px;
	margin-bottom: 20px;
}
.padding0 {
    padding: 0;
}
.padding20 {
    padding: 20px 0;
}
.paddingtop40 {
    padding-top: 40px;
}
.paddingtop80 {
    padding-top: 80px;
}
.paddingbottom10 {
padding-bottom: 10px;
}
.marginbotton20 {
	margin-bottom: 20px;
}
.marginbotton40 {
	margin-bottom: 40px;
}
.margintopbottom20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.paddingbottom20 {
	padding-bottom: 20px;
}
.paddingbotton40 {
	padding-bottom: 40px;
}
.medium-container {
	max-width: 692px;
	margin-left: auto;
	margin-right: auto;
}
.text-style {
/*color: #212121; */
	color: #333334;
}
.text-dark-bold {
	color: #212121;
	font-weight: bold;
}
/*
.text-style h1, .text-style h2, .text-style h3, .text-style h4, .text-style p {
    margin-bottom: 20px;
    font-weight: normal;
    padding: 0;
}
*/

.panel-light {
    background-color: #f5f8fc;
    
}
.card-block {
	margin-bottom: 40px;
}
.box {
	border: 1px solid #d8d8d8;
	background-color: #ffffff;
	padding: 20px;
}
.kemprated {
	font-weight: 700;
	height: 30px;
}
/*
.text-style h1 {
    font-size: 56px;
	line-height: 62px;
}
*/
.global-style h3 {
	font-size: 24px;
    line-height: 26px;
	font-weight: bold;
	color: #fec10d;
}
.text-style h2, .banner-tile h2, .global-style h2 {
	font-weight: 700;
    line-height: 44px;
    font-size: 2.46em;
}
.text-style h2, .banner-tile h2 {
	color: #212121;
}
.banner-tile h2 {
	margin: 0;
}
.text-style h3 {
	color: #212121;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 16px;
    margin-top: 0;
    font-size: 1.82em;
}
.text-style h4 {
	font-weight: 700;
    line-height: 27px;
    margin-bottom: 8px;
    margin-top: 0;
    font-size: 1.82em;
}
.text-style p, ul.content-ul {
    font-size: 20px;
    line-height: 32px;
}
.global-style p {
	margin-top: 20px;
	font-size: 18px;
    line-height: 28px;
}
.text-style p small {
    font-size: .76em;
    color: #212121;
    line-height: 24px;
}
.action {
    font-size: 1.15em;
    color: #007AFF;
}
.action:focus, .action:focus {
    color: #007AFF;
}
.action::after {
/*    content: ' \3E';*/
    content: ' \2192';
}
.kempbg {
	background-image: url("../img/banners/banner-01.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 180px;
}
/*
ul.content {
     font-size: 2.0rem; 
    font-size: 20px;
    line-height: 48px;
}
*/
.initials {
	text-align: center;
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid #FFF;
	line-height: 72px;
	border-radius: 50%;
	background: #00aeef;
	vertical-align: middle;
	color: #FFF;
	font-size: 30px;
}
.validation a:hover {
	text-decoration: none;
}
.validation-logo {
	min-height: 80px;
}

.info {
	border: 0px solid #00aeef;
	border-radius: 5px;
	margin-top: -44px;
	padding: 40px 0 20px 0;
	background-color: #02284f;
}

a.contact {
	font-size: 20px;
	background-color: #00aeef;
	color: #ffffff;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	margin: 5px;
	transition: all 0.3s ease;
}

a.contact:hover {
	transform: scale(1.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

a.contact::before {
	display: none;
	content: '';
	background-color: #0096AA;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	pointer-events: none;
	margin-top: 33px;
}

a.contact:hover::before {
	display: block;
}

.tooltip {
	font-size: 13px;
	font-weight: bold;
}

.tooltip-inner {
	padding: 5px 10px;
}

.center-object{
	display:block;
	margin:0 auto;
}

.embed-responsive {
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px;
}
.logos img {
    margin: 20px 0;
}

.logo-block {
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
}

.resources h4 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 24px;
}

.email {
	width: 48px;
}
.subhead {
	font-size: 23px;
    line-height: 30px;
}
.contact p {
line-height: 26px;	
}
.contact h3 {
    font-size: 36px;
    line-height: 38px;
}

/* --- VIDEO PLAYER ----------------------------------------------- */

#video,
.video {
	padding: 0;
}

.btn-video {
	width: 100%;
	height: 100%;
	color: #FFF;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	background-color: transparent;
	border: 0;
}

.video .glyphicon {
	font-size: 100px;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 1;
}

.hide-button {
	opacity: 0;
}

.bg-video {
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

/* --- CUSTOM ELEMENTS ----------------------------------------------------------------------- */


/* --- MODAL ------------------------------------- */

.modal-body{
	padding: 20px;
}

.modal {
	top: 84px;
	padding-bottom: 70px;
}

.modal-header{
	color: #5A5A5A;
	padding: 20px 15px;
	border-radius: 5px 5px 0 0;
	border-bottom: 2px solid #f51e1e;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}


.modal-header .close {
	font-size: 18px;
	position: absolute;
    right: 20px;
    top: 23px;
}

button:focus {
    outline:none;
}

.modal-content{
	border-radius: 5px;
	border: none;
}
.btn-default{
	/*border-radius: 0;*/
	color: #333;
    background-color: #e7e7e7;
    border-color: transparent;
	transition: all 0.3s ease;
}
.btn-default:hover{
	border-color: #e7e7e7;
    background-color: #C8001E;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #fff;
}
.button-pop{
	margin: 20px 0 0px 0;
	border-radius: 4px;
    width: 49%;
}
.download{
	position: relative;
    top: 7px;
}


/* --- VIDEO MODAL ------------------------------------- */

.dismiss {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 0;
	box-shadow: none;
}

.plc {
	margin: 5% auto;
}

.no-padding {
	padding: 0;
	margin: 0 0 -5px 0;
}

.btn-close {
	background-color: #FFF!important;
	padding: 5px 10px!important;
	right: -45px;
	position: absolute;
	top: 0px;
	box-shadow: 0 0 10px #515151;
	/*border-radius: 4px;*/
}

/*-- end --*/ 



.bg-grey{
	background-color: #f6f6f6;
}

/* -- Policy -- */
.policy {
	color: #5a5a5a;
}

.policy a {
	color: #5a5a5a;
	text-decoration: none;
}
.policy a:hover, .policy a:focus, .policy a:active {
	color: #003667;
	text-decoration: underline;
}
.intro {
    background-color: #FFFFFF;
    padding: 20px;
    clear: both;
	margin-bottom: 50px;
	box-shadow: 0px 12px 7px -10px #b2b2b282;
}
#policy-bg {
	background-color: #E6E6E6;
}
.headline {
    background-color: #FFFFFF;
}
.exe-headline {
    margin: 50px 0 10px 0;
    padding: 15px 20px;
    border: 0;
	box-shadow: 0px 12px 7px -10px #b2b2b282;
	background-color: #ffffff;
}
.exe-headline h1 {
    margin: 0 auto;
    font-size: 20px;
    font-weight: normal;
    line-height: initial;
	text-transform: inherit;
	font-family: inherit;
    color: #5a5a5a;
    letter-spacing: inherit;
}
.policy-title {
    display: none;
}
.policy h2 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0;
}
.policy h6 {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.policy p {
	margin-bottom: 20px;
    font-size: 14px;
	line-height: 16px;
}
/* -- End Policy -- */


.img-res{
	width: 240px;
	margin: 20px auto;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}
.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}
.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}
.panel-title {
	font-size: 14px;
}
.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
}
.more-less {
	float: right;
	color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}
* {
	box-sizing: border-box;
}
.content {
	display: block;
	min-height: 100vh;
	max-width: 40rem;
	margin: 2.5rem auto;
	padding: 1.5rem;
}

/* Video Modal-----------------------------------------*/
.video-modal,
.video-modal .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
}
.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;
	-webkit-transform: translate(500%,0%);
	transform: translate(500%,0%);
	-webkit-transition: -webkit-transform 0s linear 0s;
	transition: transform 0s linear 0s;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.video-modal .overlay {
	z-index: 0;
	background:rgba(0,0,0,0.83);
	opacity: 0.0;
	-webkit-transition: opacity 0.2s ease-out 0.05s;
	transition: opacity 0.2s ease-out 0.05s;
}
.video-modal-content {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
	margin: 0 auto;
	overflow-y: visible;
	background: #000;
	width: calc(100% - 12em);
	height: 0;
	padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* modal close button */
.close-video-modal {
	display: block;
	position: absolute;
	left: 0;
	top: -40px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: #000;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}
/* show the modal: add class to the body to reveal */
.show-video-modal .video-modal {
	opacity: 1.0;
	-webkit-transform: translate(0%,0%);	
	transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
	opacity: 1.0;
}
.show-video-modal .video-modal-content {
	-webkit-transform: translate(0%,0%);
	transform: translate(0%,0%);
}
.prd-list{
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
}
.w-100{
	width: 100%;
}
.eatonologists-lg{
/*	height:431px;*/
	margin-top: 15px;
}
.eatonologists{
	background-color: #0071AD;
	padding: 70px 0;
}
.snippet-header {
	margin-bottom: 30px;
}
.text-yellow{
	color: #fcc917;
}
.snippet-text p{
	font-size: 17px;
	color: #f1faff;
}
.blue-cta {
	width: 100%;
	padding: 12px;
	color: #005db9;
	background: white;
	border: 2px solid #005db9;
	margin-bottom: 0;
	text-transform: uppercase;
}
.section-gap{
	padding: 70px 0;
}

/* --- MEDIA QUERY ------------------------------------------------------------------------- */

@media (min-width: 1920px) {
.red-chevron-bg, .site-footer {
    background-size: cover;
		}
		}

@media (max-width: 1199px) {
	.bottom-wave {
	right: -118%;
}
.top-wave {
	left: -112%;
}
.load-balancers h4 {
	font-size: 26px;
	line-height: 28px;
	font-weight: bold;
}

.contact h2 {
	font-size: 34px;
    line-height: 36px;
}
}

@media (min-width: 992px) {

.top-banner {
    background: url("../img/default-header2020.png"), linear-gradient(270deg, #FEE516 0%,#fec10d 100%);
    background-repeat: no-repeat;
    background-position: right top;
}
	.navbar-nav > li > a:hover::before {
	width: 91%;
	left: 0;
}
	.resources h4 {
		min-height: 48px;
	}
/*
.navbar-nav-active > li > a::before {
    background: #FEBE04;
}
*/
}

@media (max-width: 991px) {
	
/* exertis */
.social-column {
	padding: 25px 30px 20px 0;
}
.social-block {
	justify-content:flex-start;
}	
.footer-link .footer-column {
	width: 50%;
}
.dcc {
	text-align: inherit; 
}	
.page-header h1 {
    font-size: 39px;
    line-height: 44px;
	}
.navbar-nav {
	background-color: #ffffff;
}
.contact-role-tile {
min-height: 52px;
}
}

@media (min-width: 768px) {
.navbar-collapse {
    flex-grow:0;
	}
}
	
@media (max-width: 767px) {
	.logo {
		margin-left: 13px;
	}
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 13px;
	}

h1, .h1 {
	font-size: 40px;
	font-size: 4.0rem;
}

.load-balancers p {
min-height:unset;
}
	.text-style h1 {
    font-size: 52px;
		line-height: 54px
	}
	.text-style h4 {
    font-size: 1.75em;
	}
	.text-style p small {
		font-size: 16px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
.navbar-toggle {
	margin-right: 0;
	}
}


* {
  box-sizing: border-box;
}
	
	
@media (max-width: 767px) {
	.align {
		text-align: center;
	}
	/* exertis */
	.social-column {	
    padding: 20px 10px 20px 0;	
}
	.footer-link {
    padding: 40px 0;
}
}

@media (min-width: 460px) and (max-width: 767px) {
    .footer-link ul .modern-dropdown ul {
        max-height: 260px;
    }
    .footer-link ul .gpg-dropdown ul {
    max-height: 200px;
}
}

@media (max-width: 459px) {
	header, footer {
		background-size: cover;
	}
	.footer-link ul li {
    padding: 0 0 12px;
	}
	.footer-link .footer-column {
	width: 100%;
}
	.social-column {
    padding: 30px 20px 20px 0;
	}
    .footer-link ul .modern-dropdown ul, .footer-link ul .gpg-dropdown ul {
        max-height: inherit;
    }
}