/* --- Calibri Font ----------------------------------------------------------------------- */

/*
@font-face{
	font-family:'Calibri';
	src:url(../fonts/calibri/calibri.woff) format('woff'), url(../fonts/calibri/calibri.woff2) format('woff2'), url(../fonts/calibri/calibri.ttf) format('truetype');
}

@font-face{
	font-family:'Calibri';
	src:url(../fonts/calibri/calibrib.woff) format('woff'), url(../fonts/calibri/calibrib.woff2) format('woff2'), url(../fonts/calibri/calibrib.ttf) format('truetype');
	font-weight: bold;
}
*/

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


body {
/*	padding-top: 157px;*/
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 16px;
}
/* --- Custom CSS ------------------------------------------------------------------------- */

.trans-fast{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.content-list li {margin-bottom:10px;}
.contact-img {
	max-width: 190px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
    overflow: hidden;
}
.colorwhite {
	color: #ffffff;
}
.marginbottom30 {
	margin-bottom: 30px;
}
.margin-bottom40 {
	margin-bottom: 40px;
}
.img-medium{max-width:450px;}
hr {border-color: #7D1887; border-width: 3px; max-width: 100px; margin-top: 30px;}

.btn-blue-ocean, .btn-blue-ocean-button {color: white; background-color: #007ab8; text-transform: uppercase; font-size: 14px; line-height: 1.8; font-weight: normal;padding: 6px 23px;border-radius: 3px; border-color: #ffffff; outline: none;transition: all 0.2s ease;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.btn-blue-ocean-button {
border-style: solid;
}
.btn-blue-ocean a {color: inherit; text-decoration: none;}
.btn-blue-ocean:hover, .btn-blue-ocean-button:hover {color:#1d428a; background-color: #ffffff; border-color: #1d428a;}
.btn-blue-ocean:active:focus, .btn-blue-ocean:focus, .btn-blue-ocean-button:active:focus, .btn-blue-ocean-button:focus{color: #1d428a; background-color:#ffffff; border-color: #1d428a; outline:none;}
.button{margin: 10px 0 30px 0; width: 85%;}

.banner-left-block .btn-blue-ocean {
    background-color: #007ab8;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 1.8;
    padding: 6px 23px;
    border-color: #ffffff;
}

/* --- Navbar ----------------------------------------------------------------------------- */
.logo {width: 102px;padding: 18px 0;}
/*
.navbar-header {
	top:97px;
}
*/
.navbar-expand-md .navbar-nav .nav-link {
	padding-left: 20px;
	padding-right: 20px;
}
.navbar {
	border-radius: 0px;
	border: none;
	padding: 0 1rem 0 0;
	-ms-flex-pack:space-between;
    justify-content:space-between;
}
.navbar-default {background-color: #FFF; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); margin: 0; padding: 0;}
.navbar-light .navbar-nav > li > a {color: #5a5a5a; padding-top: 20px; padding-bottom: 20px; font-weight: bold; text-transform: uppercase; font-size: 13px;}
/*.navbar-default .navbar-light .navbar-nav > li > a:hover{color: #F51E1E;}*/
.navbar-default .navbar-light .navbar-nav > li > a:hover{color: #B5B5B5;}
.navbar-default .navbar-light .navbar-toggle {border-color: rgba(221, 221, 221, 0);}
.navbar-light .navbar-nav a {padding: 20px 15px !important;min-width: 72px;text-align: center;text-transform: uppercase;font-weight: bold;color: #5a5a5a;font-size: 15px;text-decoration: none;}
.navbar-light .navbar-nav ul li a:hover {opacity: .7;}

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

.navbar-default .navbar-light .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;
}
.homepage .thankyou-nav {
	display: none;
}
.thankyoupage .nav-link {
	display: none;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #a5a5a5;
    background-color: #e6e6e6;
}
i.fas.fa-home {
	font-size: 16px;
}
/*
.navbar-default .navbar-toggler {
	border-color: #5a5a5a;
}
*/

/* --- General ---------------------------------------------------------------------------- */
.container.policy {
	padding: 20px 15px;
}
.exertis {
	padding: 30px 0 39px 0;
	margin: 0px;
/*
	position:fixed;
	top:0;
*/
	width: 100%;
/*	z-index: 1000;*/
}
.header-logoatag img {
    max-width: 170px;
}
.navbar-brand {
	width: 170px;
	padding: 0;
}

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

h1 {
	font-size: 39px;
	line-height: 43px;
}
h2 {
	font-size:  2rem;
	line-height: 1.3;
}
h3 {
	font-size: 20px;
	line-height: 22px;
}
h4 {
	font-size: 1.5rem;
	line-height: 1.2;
}
h5 {
	font-size: 1.35rem;
	line-height: 1.2;
}

/* exertis header and footer */

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

.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 {
    margin-top: 30px;
	padding: 0 10px;
}
.footer-container .footer-link a {color: #ffffff;}
.footer-link {color: #ffffff; padding: 60px 0;}
.footer-link .footer-para {line-height: normal;}

/*/ replace CSS */

.ic-row {
	margin-left: -10px;
	margin-right: -10px;
}

.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%;
    padding-top: 20px;
    box-shadow: 0px 0px 10px 5px #a41021;
    padding: 6px 10px;
    border-radius: 2px;
    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);
}
.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;
}


/* End exertis header and footer */

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

.top-banner,
.top-video,
.carousel-inner .carousel-item {
	height: 600px;
}

.top-banner-inner h1,
.top-video-inner h1 {
	font-size: 60px;
	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-position: center;
	background-size: cover;
}

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


/* --- 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 {
	padding: 100px 0;
}

.section-heading {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 35px;
	font-weight: bold;
}

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

.bg-gray {
	background-color: #081828;
}

/* -- 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 -- */

.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;
}

.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;
}


/* --- 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;
}

button {
	outline: none;
}

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

/* --- Product Details  --- */

.prod-details {
	padding-top: 20px;
}

.row.prod {
	border-bottom: 1px solid #dfdfdf;
}

.prod-details .btn {
	margin: 20px;
}


.contact-info {
	margin-top: 80px;
}

.contact-info h1 {
	color: #fff;
	font-size: 60px;
}

.contact-info hr {
	max-width: 34%;
	margin-bottom: 40px;
}

/* --- END of - Product Details  --- */

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

.typed-cursor {display: none;}
.gap{margin-top: 130px;}
.padding{padding: 70px 0;}
.paddingsec3{padding: 40px 0;}
.p30{padding: 10px 30px;}
.bg-grey{background-color: #f6f6f6;}
.colour-strip.darkest {background-color:#322b33;}
.colour-strip.dark {background-color:#504b51;}
.colour-strip.light {background-color:#ffffff;}
.wrapper:hover .btn .material-icons {padding-left: 20px; opacity: 1;}
.divider {max-width:55%; border-color:#e8e8e8;}
.margin-bottom {margin-bottom:50px;}
.modal-banner {background-size:cover; height:250px; color:#fff; padding:20px; margin-bottom: 20px; background-color:#000; width:100%;}
.modal-header .close, .close-area  {float: right; background: transparent; border: none; color: #000;}
.modal-header .close:hover {color: #ffffff;}
.close-area {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%;}
.title {font-size: 22px; line-height: 40px;}
.modal-banner .box {background-color: #662e80;padding: 20px;border-bottom: 30px solid #7d4d8f;height: 210px;}
.modal-banner hr {border-color: #fff; border-width: 1px; max-width: 100%; margin-bottom: 10px; margin-top: -10px; width: 65%; float: left;}
.modal-vid {padding: 20px;}
.modal.orbi img {padding-top:40px;}
.model-icon {
	width:50px;
	margin-right: 8px;
}
.green .embed-responsive {border-top: 4px solid #009f4f;}
.purple .embed-responsive {border-top: 4px solid #7d4d8f;}
.red{border-top: 4px solid #231E19;}
.grey{border-top: 4px solid #FF2906;}
.blue .embed-responsive {border-top: 4px solid #27abdf;}
.resources .wrapper .material-icons {font-size:100px; margin-bottom:30px;}
.resources .wrapper .btn {background-color:rgba(0,0,0,0.0); border:none;}
.resources .wrapper {color:#504b51; text-decoration: none; display:block; cursor: pointer;}
.formsubt .btn:hover {background: #f51e1e;}
.form-container .form-group.headg{margin-top: 20px;}
.mandatory-red{color: red;}
.btn-wrapper {margin: 0 auto; overflow: hidden; position: relative; margin-bottom: 25px; box-shadow: 0 10px 10px -8px #2b2b2b;}
.wrapper:hover .btn-wrapper .button{color:#fff;}
.wrapper:hover .btn-wrapper .woosh {top:-55px;}
.wrapper:hover .btn-wrapper .button{color:#fff;}
.text-center-align {
	align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.btn-wrapper .btn {color: #504b51;border: 2px solid #504b51;border-radius: 3px;z-index: 2;position: relative;background: transparent;}
.btn-wrapper .button {margin:0px;width:100%;}
.resources .wrapper .btn {color: #504b51;border: 2px solid #504b51;border-radius: 3px;z-index: 2;position:relative;}
.resources .wrapper .btn .material-icons {font-size:20px; padding-left:-15px; position:absolute; opacity: 0.0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.resources .wrapper:hover .btn {color:#fff;}
.resources .wrapper:hover .btn .material-icons{opacity: 1;}
.formsubt .btn {padding: 10px;font-size: 14px;background: #5a5a5a;color: white;border: none; border-radius: 0; text-transform: uppercase; transition: .7s all linear;}
.form-container input {border-radius: 0;border: #ffffff;outline: none;font-size: 14px;color: #5a5a5a;border-bottom: 1px solid #e2e2e2;padding: 0;height: 30px;margin: 5px 0 25px;}
.form-container input:focus{border-radius: 0;border: none;outline: none;color: black;border-bottom: 1px solid #e2e2e2;padding: 0;box-shadow: 0px 7px 7px -7px #0000008c;transition: box-shadow 1s;}
.form-container label{font-size: 14px;color: #909090;margin-bottom: 0;}
.form-container .form-group {margin: 25px 0 0px;}
.form-container .submit-frm-grp{margin: 0;}
.btn-default{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;}
.full-bg {background-image: url("../img/bg.jpg"); background-size: cover; padding: 140px 0; color: #fff;}
.full-bg .btn-wrapper {width: 260px;}
.full-bg .para {margin-bottom: 40px; font-size: 20px;}
.full-bg .btn {background-color: rgba(0,0,0,0.0); border: none; color: #000;}
.full-bg .btn:hover {background-color: rgba(0,0,0,0.0);border: none;color: #fff;}

.text-white{color: white !important;}
.dropdown.actreport .dropdown-menu {background: #B82233;box-shadow: 0px 0px 10px 5px #a41021;padding: 10px 15px;border-radius: 2px;z-index: 1;left: 0;right: initial;min-width: 250px;margin-top: 30px;}
.footer .dropdown .dropdown-menu a {padding: 0;margin-bottom: 10px;background: transparent !important;}
.footer .dropdown .dropdown-menu a:last-child {margin-bottom: 0;}
.dropdown.actreport .dropdown-menu a {color: white;}
.navbar-nav a {padding: 20px 15px !important;min-width: 72px;text-align: center;text-transform: uppercase;font-weight: bold;color: #5a5a5a;font-size: 15px;text-decoration: none;}
.navbar-nav ul li a:hover {opacity: .7;}
.hamburger-menu{background: #595959;box-shadow: inset 0px 0 10px 0px #0000008a;border-radius: 2px;text-align: center;padding: 1px 7px;height: initial;line-height: initial;color: white;}
.productreason{background: url("../img/1180187740.jpg"); background-position: center; background-size: cover;}
.overlay-product{background: #fff; padding: 30px 0; box-shadow: 0 0 0px 0px #c0beae9e; border-radius: 2px; flex-wrap: initial; display: block; max-width: 1300px; margin: 0 auto;}
.overlay-product h3{margin: 0 auto;}
.overlay-product hr{padding: 0; margin: 30px auto 10px;}
.pro-section{/* min-height: 300px; */padding: 100px 0;}
.productmain .image{position: relative;}
.productmain .image > div.nav.flex-column{position: relative;}
.infodots{background: #6e2585; width: 21px; height: 21px; position: relative; left: 0; display: block; top: 0px; border-radius: 50px; border: 0; transition: .7s background linear, .7s box-shadow linear;}
.nav-link.active .infodots{box-shadow: 0px 0px 5px 1px #6c6c6c87; background: #834597; animation: pulse 2s infinite;}
.infodots:hover{box-shadow: 0px 0px 5px 1px #6c6c6c87; background: #834597; animation: pulse 2s infinite;}
.productmain .image .nav-pills a.nav-link{background: transparent; position: absolute; padding: 0; color: transparent;}
.productmain .image .nav-pills{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block;}
.description .tab-content {height: 100%;}
.description .tab-content .tab-pane, .description .tab-content .tab-pane .descriptionbox{height: 100%; text-align: left;}
.description .descriptionbox .heading{padding: 0 0 5px 0; margin: 0; color: #6e2585; font-size: 25px; line-height: normal; border-bottom: 1px solid #561b69; margin-bottom: 7px; display: inline-block; text-transform: uppercase;}
.description .descriptionbox .content{font-size: 17px; line-height: initial; color: #5a5a5a; display: block; width: 100%;}
.productmain .image a:nth-child(1){left: 17%;	top: 22%;}
.productmain .image a:nth-child(2){left: 33.5%; top: 35%;}
.productmain .image a:nth-child(3){left: 48%; top: 22%;}
.productmain .image a:nth-child(4){left: 64.5%; top: 13.5%;}
.productmain .image a:nth-child(5){left: 76.3%; top: 27.5%;}
.productmain .image a:nth-child(6){left: 21%; top: 61%;}
.productmain .image a:nth-child(7){left: 40%; top: 73%;}
.productmain .image a:nth-child(8){left: 53%; top: 63%;}
.productmain .image a:nth-child(9){left: 68.8%; top: 49%;}
.productmain .image a:nth-child(10){left: 84.5%; top: 63%;}

.photo {text-align: center; position: relative; z-index: 2; margin: auto; width: 150px; height: 150px; border: 8px solid #FFF;; line-height: 72px; border-radius: 50%; vertical-align: middle;	color: #FFF; font-size: 30px; }
.photo img { width: 100%; border-radius: 50%; }
.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: #fed300; vertical-align: middle; color: #FFF;	font-size: 30px; }
.info {   border: 0px solid #fed300;;  border-radius: 5px;  margin-top: -44px;  padding: 40px 0 20px 0;  background-color: #f6f6f6; }
.info h3{	margin-top: 20px;}
a.contact {  font-size: 20px; background-color: #6e2585;  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);	background-color:#6e2585;}
a.contact:hover::before{ background-color:#6e2585;}
.tooltip{font-size: 13px; font-weight: bold;}
.tooltip-inner{	padding: 5px 10px;}
/* Velocloud code */
.header-carousel, .header-banner {box-shadow: 0px 0px 20px 0px #888888;}
.intro-text {text-align:center;}
.modal-vmware {font-size: 16px; line-height: 18px;
    font-weight: 400; padding-left: 20px; padding-right: 20px;}
.trigger-modal{text-align: center; cursor: pointer; font-size:15px;}
.modal-header-intro {background-color:#e6e6e6; padding: 20px; text-align: center;}
.modal-container {background-color:white;}
.sd-wan {background-image: url("../img/sd-wan-bg.jpg"); padding: 80px 20px 80px 20px; background-position: right; background-size: cover; }
.gradient-backgrond {
	background-color: #1797e4; background-image: linear-gradient(90deg, #1797e4, #19438b);
}
.team-member .inner {
    text-align: center;
    padding: 75px 25px 50px;
    background: #ffffffd1;
    border: 1px solid white;
    box-shadow: 0 5px 10px -5px #0000007a;
    position: relative;
}
.team-member .heading {
    line-height: initial;
    font-size: 20px;
}
.team-member .job-title {
	margin: 0 auto 25px;
}
.team-member .inner a {
    display: inline-block;
    width: 52px;
    height: 52px;
    font-size: 21px;
    line-height: 50px;
    color: white;
    background: #007ab8;
    border-radius: 50%;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease;
    -mzo-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.team-member .inner a:hover {
    transform: scale(1.2);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.team-member .inner a:hover::before {
    display: block;
}
.team-member .inner a::before {
    display: none;
    content: '';
    background-color: #007ab8;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
    margin-top: 35px;
}
.video-area {padding: 60px 0;}
.contacts-section {padding: 60px 0;}
.zoom {transition: transform .2s; margin: 0 auto;}
.collapse:not(.show){float: right;display: block;}
.zoom:hover {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.sd-wan h5{margin-bottom: 25px;}


section.twosec {
/*padding: 75px 0;*/
color: white;
background-color: #1797e4;
}
section.thank-yousec {
	padding: 100px 0 0;
}

section.thank-you {
	    padding: 90px 0;
}

/* --- PDF Section -- */
.pdf-thumbnail {
    box-shadow: 0 4px 14px 0 #00000052;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 20px;
}
.pdf-thumbnail img {
border-radius: 5px;
}
.open-file-icon {
    position: absolute;
    right: -8px;
    top: -8px;
    background-color: #007ab8;
    padding: 12px;
    border-radius: 5px;
}
.open-file-icon .far {
    color: #ffffff;
    font-size: 38px;
}
.resources-tiles {
    text-align: center;
    color: #ffffff;
}
/* --- Blogs Section -- */
.blogssection {
	padding: 60px 0;
}
.hoverbox {
 transition: transform 0.3s ease;	
}
.hoverbox:hover {
    transform: scale(1.04);
}
.blogs img {
    border-radius: 5px 5px 0 0;
}
.blogs .inter-box {
    box-shadow: 0 4px 14px 0 #00000052;
    background: #ffffff;
    border-radius: 5px;
    position: relative;
}
.blogs .inter-box .cont {
    padding: 30px 20px 20px;
}
.blogs .inter-box .cont .dateposted {
    font-style: italic;
    font-size: 14px;
    line-height: initial;
    position: relative;
}
.blogs .inter-box .cont .dateposted i {
    font-size: 17px;
    margin-right: 7px;
    top: 1px;
    position: relative;
}
.blogs .inter-box h3 {
    margin: 25px auto;
    font-size: 17px;
	line-height: 1.2;
	min-height: 40px;
}
#sec2 {font-size: 28px;}

.video-area .inner{width: 720px; margin: 0 auto; max-width: 100%;}

.video-area .video-margin {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* --- 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 {
		font-family: 'Roboto', sans-serif;
	background-color: #E6E6E6;
/*	padding-top: 180px;*/
}
#policy-bg .navbar-header {
	font-family: 'Montserrat', sans-serif;
}
.headline {
    background-color: #FFFFFF;
}
.exe-headline {
    margin: 40px 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;
}

/* Jot Form */

.form-all {
	border-radius: 0;
    box-shadow: none; 
    max-width:inherit;
	margin: 0;
	background-color: inherit;
}

.page-section>li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]), .page-section>li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_paymrnt]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]),.page-section,
.page-section>li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse])+li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse])
 {
	margin-top: 0;
}

.form-line {
	margin: 0;	
}

ul.page-section {
    padding: 0;
}
li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
	width: 100%;
}
.jotform-form .form-label {
	font-weight: bold;
	margin-bottom: 10px;
	color: #212529;;
}
.form-textbox:not(#productSearch-input) {
	border-radius: 0;
/*	border-width: inherit;*/
	border: #000000 1px solid;	
}
.form-line-error .form-validation-error {
    border-color: #dc2626 !important;
	border-width: 2px !important;
}

/*.form-textbox:not(#productSearch-input):hover*/
/*.form-line-error .form-validation-error:hover */

.form-textbox, .signature-pad-passive, .signature-wrapper {
/*    border-color:inherit;*/
    color: #000000;;
/*    border-style: solid;*/
	outline: none;
	height: 36px;
}
.form-checkbox+label, .form-checkbox+span, .form-radio+label, .form-radio+span {
    padding-left: 25px;
}
.form-checkbox+label:before, .form-checkbox+span:before, .form-radio+label:before, .form-radio+span:before {
    border-color: #000000;
}
.form-checkbox+label:before, .form-checkbox+span:before, .form-checkbox:checked+label:after, .form-checkbox:checked+span:before, .form-checkbox+label:before, .form-checkbox+span:before, .form-radio+label:before, .form-radio+span:before {
    width: 15px;
    height: 15px;
}
.form-radio+label:after, .form-radio+label div:after, .form-radio+span:after, .form-radio+span div:after {
    top: 1px;
    left: 1px;
    width: 12px;
    height: 12px;
}

.form-dropdown, .form-textarea, .form-textbox, .signature-pad-passive, .signature-wrapper {
    background-color: #fff;
/*    border-color: #b8bdc9;*/
    color: #5A5A5A;
	border-radius: 0;
}

.form-buttons-wrapper, .form-submit-clear-wrapper {
	border-top: none;
}

.form-sub-label {
	color: #ffffff;
}

/*.termsAndConditionsV2*/
/*
#label_23 {
	padding-top: 30px;
	border-top: 1px solid;
}
*/

.cta-black, .cta-black-2, .cta-blue {display: inline-block; font-weight: bold; transition: transform 0.3s ease; font-family: 'Poppins', sans-serif; border: none;}

.cta-blue {transition: background-color 0.3s ease; 
}

.cta-black, .cta-blue, .hover-cta {padding: 19px 28px;display: inline-block;font-size: 23px; border-radius:30px;}

.cta-black, .cta-black-2, .cta-blue {
	font-size: 19px;
	line-height: 20px;
	padding: 11px 55px;
	border-radius: 31px;
}
.cta-black, .cta-blue {
	padding: 11px 55px;
}
.cta-black-2 {
	padding: 11px 30px;
}
.cta-black, .cta-black-2 {color: white; background: #000000;}
.cta-blue {color:#FFFFFF; background-color: #05639a;}
.hover-cta {;background: #242D40; opacity: 0.0;}
.cta-black:hover, .cta-black:focus, .cta-black-2:hover, .cta-black-2:focus, .cta-blue:hover, .cta-blue:focus {transform: scale(1.04);color: white;text-decoration: none;
			/*	background: #e50303;*/
	outline: none;}

.cta-blue:hover, .cta-blue:focus {
	background-color: #003667;;
}

.form-dropdown:hover, .form-textarea:hover, .form-textbox:hover, .signature-pad-passive:hover, .signature-wrapper:hover {
    border-color: inherit;
    box-shadow: none;
}

.form-dropdown:focus, .form-textarea:focus, .form-textbox:focus, .signature-pad-passive:focus, .signature-wrapper:focus {
	border-color: inherit;
	box-shadow: none;
}
.form-dropdown:focus, .form-dropdown:hover, .form-textarea:focus, .form-textarea:hover, .form-textbox:not(#productSearch-input):focus, .form-textbox:not(#productSearch-input):hover, .signature-wrapper:focus, .signature-wrapper:hover {
/*     border-width: 0;*/
	border-color: #5A5A5A;
}
.jotform-form .form-line-active {
	background-color: #E6E6E6;
}

.form-buttons-wrapper, .form-submit-clear-wrapper {
   padding:  10px 42px;
}

/* End Jot Form */




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

@media (min-width: 1920px) {
.red-chevron-bg, .site-footer{
	background-size: cover;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blogs .inter-box h3 {
    min-height: 60px;
}
}
@media (min-width: 768px) {
.navbar-collapse {
    flex-grow:0;
	}
}
	
@media (max-width: 767px) {
/*
	.navbar-nav {
		margin: 0px -15px;
	}
*/
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 13px;
	}
	.top-banner,
	.top-video,
	.carousel-inner .carousel-item {
		height: 300px;
	}
	.top-banner-inner {
		top: 25px;
	}
	.top-video-inner {
		top: -275px;
	}
	.carousel-caption {
		top: -265px;
	}
	.top-banner-inner h1,
	.top-video-inner h1,
	.carousel-caption h1 {
		font-size: 30px;
	}
	.top-banner-inner h2,
	.top-video-inner h2,
	.carousel-caption h2 {
		font-size: 20px;
	}
	#background {
		top: 110px;
	}
	.section-heading {
		font-size: 30px;
	}
	section#about {
		border-bottom: 1px solid #e7e7e7;
	}
	section#video {
		display: none;
	}
	.submit-button {
		margin-bottom: 40px;
	}
}


/* --- Change the Bootstrap NavBar Breakpoint --- */

@media (min-width: 768px) and (max-width: 991px) {
/*
	.navbar-nav>li {
		margin: 0 0 0 -15px;
	}
*/
	.navbar-toggle {
		margin-right: 0;
	}
section.twosec .intro-text .txt h1, section.threesec .intro-text .txt h1 {
    font-size: 2.1rem;
    line-height: initial;
	}
.sd-wan{background-position: bottom;}
.navbar-nav>li {margin: 0 0 0 -15px;}
.navbar-toggle{margin-right: 0;}
.pts .ptone, .pts .ptwo{
	padding-bottom: 50px;
}
.pts .ptone::after, .pts .pthree::after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: inline-block;
	background: #a4a4a4;
	height: 160px;
	width: 1px;
	margin: auto;
}
.pts .ptone, .pts .pthree{position: relative; padding-right: 50px;}
.pts .ptwo, .pts .ptfr{position: relative; padding-left: 50px;}	
}



* {
  box-sizing: border-box;
}


/*
@media (max-width:1500px){

}
*/

/*
@media (max-width:1320px){
	
}
*/
@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; 
	}
section.twosec .intro-text .txt p, section.threesec .intro-text .txt p {
    line-height: 22px;
    font-size: 17px;	
}
	section.twosec .intro-text .txt {
    padding-bottom: 50px;
	}
	section.threesec .intro-text .txt {
	padding-top: 50px;	
	}
}
	
@media (max-width: 767px) {
	section {
    padding: 75px 0;
	}
	.align {
		text-align: center;
	}
	/* exertis */
	.social-column {	
    padding: 20px 10px 20px 0;	
}
	.footer-link {
    padding: 40px 0;
}
.img-wrap {height: 82px;margin: 51px auto 40px auto;max-width: 270px;}
	#sec2 h3{font-size: 20px;line-height: 30px;}
	.pts .ptone, .pts .ptwo, .pts .pthree{
		padding-bottom: 20px;
    position: relative;
    margin-bottom: 30px;
	}
	.pts .ptone::after, .pts .ptwo::after, .pts .pthree::after{
		content: "";
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		display: inline-block;
		background: #a4a4a4;
		height: 1px;
		width: 270px;
		margin: 0 auto;
	}
	.navbar-default .responsive {
		position: relative;
	}
	.navbar-default .navbar {
		position: initial;
	}
		nav .navbar-header button{display: block;}
	.collapse:not(.show) {
    float: right;
    display: none;
	}
	.navbar-header{
		width: 100%;
	}
	nav.navbar .responsive{
		position: relative;
	}
	.navbar-collapse{
		position: absolute;
		background: #087dc0;
		padding: 25px;
		color: white;
		box-shadow: 0px 10px 25px -5px black;
		border: 1px solid #399bd3;
		outline: none;
		left: 15px;
		right: 15px;
		top: 94px;
	}
		.navbar-default .navbar-light .navbar-nav > li > a {
		font-size: 15px;
		font-weight: 500;
		display: block;
		padding: 10px !important;
		color: white;
		border-bottom: 1px solid rgba(231, 231, 231, 0.5);
	}
	ul.nav.navbar-nav{
		width: 100%;
    text-align: center;
	}
	.navbar-collapse ul li{
		width: 100%;
		text-align: center;
	}
	.navbar-default .navbar-nav > li:last-child a{
    border: none;
	}
	.navbar-default .navbar-nav > li > a:hover{
		color: white;
		font-weight: bold;
	}
	section.twosec .intro-text .txt h1, section.threesec .intro-text .txt h1 {
    font-size: 27px;
    line-height: initial;
    font-weight: 500;
}
	section.twosec .intro-text .txt h1 {
	margin-bottom: 25px;
	}
.sd-wan .txt {
    background: #ffffffc4;
    padding: 20px;
    width: 100%;
    flex: initial;
    max-width: 100%;
    border: 2px solid whitesmoke;
    box-shadow: 0 7px 10px -5px black;
	}
	.resources-tiles {
    margin-bottom: 40px;
}
	section.twosec .intro-text .txt {
    padding-bottom: 40px;
	}
	section.threesec .intro-text .txt {
	padding-top: 40px;	
	}
}
@media (min-width: 576px) and (max-width: 767px) {
.blogs .inter-box h3 {
    min-height: 60px;
}
}

@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 (min-width: 576px) {
	.modal-vmware {max-width:74%;}
}
@media (max-width: 575px) {
.blogs .blogs-col {
    max-width: 400px;
    flex: 0 0 100%;
    margin: 0 auto 30px;
    width: 100%;
}
}
@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;
    }
}