/* ---- Sharepoint fix ------*/
/*----- move to corev15.css --*/
#s4-bodyContainer {padding-bottom:0;}
#sideNavBox { display: none; }
#contentBox {margin-left:0; margin-right:0; min-width:100%}
#suiteBarDelta, #s4-ribbonrow {/*display:none*/}
#ribbonBox *, #ribbonBox ::after, #ribbonBox ::before{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.ms-webpartzone-cell {margin-bottom:0}
.ms-srch-resultFooter {display:none}
.ms-srch-hover-actions {display:none}
.ms-srch-hover-subTitle h3 {font-size:11pt}
.ms-srch-sbLarge>input {border-style:solid}
.ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {display:block}
#pageStatusBar[class], .ms-status-msg {margin-bottom: 0; padding:0; border:0}
.sticky-top {z-index:99}

#tmp-item, #tmp-item1, #tmp-item04, #tmp-item24, #tmp-item23, #tmp-item25 {
	position:absolute;
	left:100%;
	top:0
}


@media (max-width: 768px){
.container, .container-sm {max-width: 100%;}
}
/* footer */
body #s4-workspace {margin-bottom: -180px;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -180px;overflow: visible !important;}
.push, footer {min-height: 180px;clear: both;}
footer .container .row {margin: 0 auto;width:92%}
/* end footer */

/*--- edit mode styles -----------*/
.ms-webpart-titleText {font-size:1rem; color:navy; margin-bottom:0; padding-bottom:0; padding-top:0}
.ms-WPAddButton {padding:0; font-size:14px;}
.ms-webpart-zone-title {font-size:14px;}
/*--------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family:Roboto;}

h2 {font-weight: 300;color: #4a4a4a;font-size: 28px;text-transform: uppercase;margin-bottom: 20px;}
/*@media (max-width: 1122px)and (min-width: 992px){
    h2 {font-size: 22px;}
    h1 {font-size: 24px;}
}*/
p.ms-rteElement-P{-ms-name:"Paragraph";-ms-element:"true";}
.ms-rtestate-field p, p.ms-rteElement-P {line-height: 22px;font-weight: 300; font-size:14px;}

h1.ms-rteElement-H1{-ms-name:"Heading 1";-ms-element:"true";}
.ms-rtestate-field h1, h1.ms-rteElement-H1 {font-size:30px;font-weight:300;line-height:40px;text-transform: uppercase; color:#000000;margin-top: 20px;margin-bottom: 10px;}

h2.ms-rteElement-H2{-ms-name:"Heading 2";-ms-element:"true";}
.ms-rtestate-field h2, h2.ms-rteElement-H2 {color:#000;line-height: 1.4;font-size: 28px;}

h2.ms-rteElement-H2A{-ms-name:"Heading 2 w/o left padding";}
h2.ms-rteElement-H2A {padding-left:0;}

h3.ms-rteElement-H3{-ms-name:"Heading 3";-ms-element:"true";}
.ms-rtestate-field h3, h3.ms-rteElement-H3 {font-size: 23px;margin-top: 20px;margin-bottom: 10px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}

h4.ms-rteElement-H4{-ms-name:"Heading 4";-ms-element:"true";}
.ms-rtestate-field h4, h4.ms-rteElement-H4 {font-weight: 300;line-height: 40px;font-size: 24px;margin-top: 20px;margin-bottom: 10px;font-weight: 300;line-height: 1.1;color: #4a4a4a;}

h2.ms-rteElement-H2B{-ms-name:"Heading 2 Alternate";margin-top: 20px;margin-bottom: 10px;padding-left: 0;line-height: 40px;font-size: 24px;color:#000000; text-transform:uppercase}
h3.ms-rteElement-H3B{-ms-name:"Heading 3 Alternate";font-size: 18px;margin-top: 10px;margin-bottom: 10px; color:#000000; text-transform:uppercase; font-weight:300;}
h4.ms-rteElement-H4B{-ms-name:"Heading 4 Alternate";font-size: 22px;margin-top: 10px;margin-bottom: 10px; color:#4a4a4a; text-transform:none; font-weight:300; line-height:32px}
.ms-rtestate-field ul {line-height:22px; font-weight:300}

@media (max-width: 767px) {	
	h1 {font-size: 36px !important;line-height: 44px !important;}
}


@media (max-width: 767px) {	
/*h2 {font-size: 20px !important;}
h1 {font-size: 22px !important;}
h4 {font-size: 18px !important;}
h4 {font-size: 16px !important;}
h5 {font-size: 14px !important;}*/
}

/*------------------ Main -------*/
body {font-family: "Roboto", sans-serif;font-weight: 400;background-color: #fff;color: #4a4a4a;position: relative;}
ul ul {list-style-type: square;}

a {color: #808284;text-decoration:none;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;    background: transparent;}
a:visited {color: #808284;} /* move to bootstrap */
a:hover {color: #71d6e0;background: transparent;text-decoration: none;}
a:active {color: #71d6e0;background: transparent;text-decoration: none;}
a:focus {color: #71d6e0;background: transparent;text-decoration: none;}
/*--------------- Hamburger ---------------------------*/
.hamburger {margin-top: 60px;margin-left:30px;}
@media (max-width: 992px) {.hamburger {margin-top: 32px;}}
@media (max-width: 767px) {.hamburger {margin-top: 24px;}}

.hamburger > a {color:#000000;font-size:18px}
.hamburger > a:hover {color: #808284;}

/*--------------------- Search -------------*/
.search {margin-top: 60px;padding-left:15px;border-left: solid 2px #CCCCCC;}
.search a {color: #000;font-size:18px}
.search a:hover {color: #808284;}
@media (max-width: 992px) {.search {margin-top: 32px;}}
@media (max-width: 767px) {.search {margin-top: 24px;}}
#SearchBox {width:100%}
#searchBox .ms-srch-sbLarge.ms-srch-sb-border, .ms-srch-sbLarge.ms-srch-sb-borderFocused {border:0; width:100%}
#searchBox .ms-srch-sbLarge>input {width:90%}
/*-------------------- Header --------------------------*/

.navbar-header {background-color:#ffffff}
.logo {margin: 8px 0;display:block;}
.fixed-nav{background: #fff;top: 0px;left: 0px;right: 0px;z-index: 99;position: fixed;position: sticky;}
.navbar-header .logo-with-pagetitle {position: absolute;left: 243px;top: 67px;margin: 0;border-bottom: 0;font-size: 12px;color: #045D85;font-weight: 400;text-transform: uppercase;}
.navbar-header .logo-with-pagetitle a {color:#666666}
@media (min-width: 991px) {
    #full_menu .dropdown:hover .dropdown-menu {display: block;}
    #full_menu_new .dropdown:hover .dropdown-menu {display: block;}
}

@media (max-width: 767px) {
	.navbar-header .logo-with-pagetitle {left: 133px;top: 32px;}
}
/*-------------- Megamenu ----------------------*/
.harman-megamenu {margin-top:50px;}
.harman-megamenu.navbar {padding:0}
.caret {display: inline-block;width: 0;height: 0;margin-left: 5px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid \9;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.harman-megamenu .navbar-nav > li.nav-link {	padding:0}
.harman-megamenu .navbar-nav > li > a {padding-left:10px;padding-right:10px;line-height:50px; font-weight: 400;color: #787878;font-size: 16px;text-transform: uppercase;display:block}
.harman-megamenu .navbar-nav > li > a {
	color:#707274
}
#full_menu_new.harman-megamenu .navbar-nav > li > a {
	font-size: 14px;
}
.harman-megamenu .navbar-nav > li::after {background: #006499 none repeat scroll 0 0;content: "";display: block;height: 2px;transition: width 0.3s ease 0s;width: 0;}
.harman-megamenu .navbar-nav > li:hover::after,  
.harman-megamenu .navbar-nav > li:focus::after {width: 100%;}
.harman-megamenu .navbar-nav > li > a:hover, 
.harman-megamenu .navbar-nav > li > a:focus {color: #333;background-color: transparent;}

ul.dropdown-menu {margin-top:0;background-color: #f8f8f8;border-radius: 0;border-style: solid;border-width: 0 0 2px;box-shadow: none;padding-bottom:0;padding-top:0;width: 100%;}
ul.dropdown-menu li {min-height: 34px;}
#full_menu, #full_menu_new {background-color:#ffffff}
#full_menu li.nav-link ul.dropdown-menu, #full_menu_new li.nav-link ul.dropdown-menu {width:auto;background: #ffffff none repeat scroll 0 0;padding-bottom: 2px;padding-top: 2px;     -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
#full_menu .dropdown-item, #full_menu_new .dropdown-item {position: relative; padding-left:20px; padding-right:20px;}
#full_menu .dropdown-item a, #full_menu_new .dropdown-item a {color: #333; font-size:14px}
/*#full_menu li.nav-link ul.dropdown-menu ul li a {color: #333;display: block;font-size: 22px;font-weight: 400;padding: 10px 10px 10px 20px;cursor: pointer;min-width: 470px;text-transform: uppercase;text-decoration: none;}*/
#full_menu .dropdown-item:focus, #full_menu .dropdown-item:hover, #full_menu_new .dropdown-item:focus, #full_menu_new .dropdown-item:hover  {background: #EAEAEA;}
#full_menu .dropdown-item.active, #full_menu_new .dropdown-item.active {background-color: #337ab7;}
#full_menu .dropdown-item.active > a, #full_menu_new .dropdown-item.active > a {color: #fff}

/* Humburger Menu */
/*Hamburger desctop and mobile menu*/
.hamburger-menu.collapse.show {overflow-y: auto;}
.hamburger-menu {background-color: #FFFFFF;top: 0;right: 0;position: fixed;height: 100vh;min-height:10em;max-height:100vh;width: 300px;z-index:1100;padding-left:0}
.hamburger-menu > li:first-child {border-top: 1px solid #000000;border-bottom: 1px solid #000000;padding: 1px;}
.hamburger-menu .nav-link-header {padding:10px 15px;display:block;font-size:18px}
.hamburger-menu .closemenu {height: 40px;float: right;padding: 10px 10px;cursor: pointer;}
.hamburger-menu .nav-link {padding:0; position:relative}
.hamburger-menu .nav-link > a {padding:6px 50px 6px 15px;display:block; text-transform:uppercase; font-size:18px; }
.hamburger-menu .nav-link.dropdown a.has-child {padding:6px 50px 6px 15px;display:block; text-transform:uppercase; background-color:#eeeeee;font-size:18px;}
.hamburger-menu .dropdown-item {background-color:#ffffff}
.hamburger-menu .dropdown-item:hover {background-color:#f9f9f9}
.hamburger-menu .dropdown-item.active {background-color: #337ab7;}
.hamburger-menu .dropdown-item.active a {color:#ffffff}
.hamburger-menu .dropdown-item a {padding:0px;display:block; color:#333; font-weight:300; font-size:14px;line-height:26px}
.hamburger-menu .dropdown-menu {border:0}
.hamburger-menu .caret {position: absolute;top:15px;right: 10px;z-index:1200;border-top-width: 6px;border-right-width: 6px;    border-left-width: 6px;}
/*****END******/

/*-------------------- Edit Show Block ------------------------------*/
.edit-block-item-link, .edit-block-approve-item-link, .edit-mode-block-cl {display:none;}
.edit-mode-block, .edit-mode-block-cl {z-index:99; background-color:#ffffff; }
.edit-mode-block {border:2px; border-color:#4a4a4a;padding:10px}
.edit-mode-block button, .edit-mode-block-cl button {min-width:auto}
.updateProgressGear img{z-index: 1001;top: 40%;margin:0px;left:40%;position: absolute;}
.updateProgressGear{margin:0px;padding:0px;top:0px; bottom:0px; left:0px; right:0px;position:absolute;z-index:1000;background-color:#cccccc;filter: alpha(opacity=70);opacity: 0.7;}
.edit-block-link {}
.edit-block-item-link {position:absolute; top:0; left:0; }
.active .edit-block-item-link  {z-index:100}
.edit-block-item-link button {opacity: 0.7;color:#ffffff; cursor:pointer; min-width:auto;background-color:#0073ae}
.edit-block-approve-item-link {position:absolute; top:0; left:40px;}
.active .edit-block-approve-item-link  {z-index:100}
.edit-block-approve-item-link button {opacity: 0.7;color:green; cursor:pointer; min-width:auto;}
.draft {color:red!important; font-size:11pt;}

/*--------------------- EXTENSIONS !!! -----------------*/
.bg-gray {background-color:#e5e4e4!important}
.bg-darkblue {background-color:#006499!important}
.bg-blue {background-color:rgba(0, 164, 227, 0.9)!important}
.height-400 {height:400px}
.height-500 {height:500px}
.column-1 p {-webkit-column-count: 1!important;-moz-column-count: 1!important;column-count: 1!important;-webkit-column-gap: 0px!important;-moz-column-gap: 0px!important;column-gap: 0px!important;}

/*-------------------------------------------------------------------*/
.page-section {padding-top:30px;padding-bottom:30px}
/*----------------- HERO pages --------------------------------------*/
/*hero*/
.hero-section .hero-banner {}
.hero-section img {width: 100%;height: auto;}
.hero-section .hero-content {background: rgba(0, 99, 153, 0.95);position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);width: 62%;padding: 40px 40px 40px 60px;}
.hero-section .hero-content h2 {line-height: 36px;font-size: 21px;font-weight:400; padding-left:0;text-transform: none;color: #ffffff;margin-bottom:0;padding-top:0}
.hero-section .hero-content div {line-height: 22px;font-size: 17px;font-weight: 400;margin: 0; color:#ffffff;}
.hero-section .hero-content div a {color:#ffffff}
.hero-section .hero-content input.ms-long{width:100%;}
.hero-section .hero-content textarea{width:100%; height:80px}

@media (min-width: 992px) {
	.hero-section .hero-content {left: 50%}
	.hero-left .hero-section .hero-content {left:0;}
}
@media (min-width:768px) and (max-width:991px) {
    .hero-section .hero-content {position: relative;top:0;width: 100%;padding: 10px;bottom: -1px;transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);}
    .hero-section .hero-content div{font-size: 14px;line-height: 24px;}
    .hero-section .hero-content h2{font-size: 16px;line-height: 30px;padding-left: 0;}
}
@media (max-width:767px) {
    .hero-section .hero-content {top:0;position: relative;width: 100%;transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);padding: 10px;}        
    .hero-section .hero-content div{font-size: 14px;line-height: 24px;} 
    .hero-section .hero-content h2{font-size: 16px;line-height: 30px;padding-left: 0;}
}

/*--------------------- FORMS --------------------------*/
.form {padding: 1em 1em 1em 1em}
.form-select {width:100%;color: #808284;font-weight: 300;padding: 10px;margin-bottom: 10px;margin-right: 25px;font-size: 14px;border: 1px solid #e5e4e4;height: 40px;border-radius: 0px;}
.form-submit {color: #ffffff!important;border: transparent;padding: 8px;font-size: 16px!important;margin-left: 6px;width: 92px;border-radius: 3px;border-style: none !important;background-color: #337ab7 !important;}
.form-result {padding:0px 10px}
.street-address {padding:0 10px; display:block}
/*--------------------- EXCEPTIONS!!!!! ----------------*/

/*------------------ Back To Top ---------------------*/
#backToTopButton{display: inline-block;background-color: #fff;color:#333;width: 50px;height: 50px;text-align: center;border-radius: 2px;position: fixed;bottom: 20px;right: 20px;transition: background-color .3s, opacity .5s, visibility .5s;  opacity: 0;  visibility: hidden;  z-index: 1000;}
#backToTopButton::after {content: "\f102";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;}
#backToTopButton:hover {cursor: pointer;background-color: #555; color:#fff}
#backToTopButton:active {background-color: #555;color:#fff}
#backToTopButton.show {opacity: 1;visibility: visible;}
@media (min-width: 500px) {#backToTopButton{margin: 30px;}}

/*-------------- Footer ------------------------------*/
footer {background-color: #2a292a;color: #fff;padding-left: 30px !important;padding-right: 30px !important;}
/*footer > div {padding: 0 30px;}*/
footer a, footer a:visited {color: #fff;}
footer ul.footer-menu {margin-bottom: 7.5px}
footer .copyright {font-size:12px}
footer .copyright a {text-decoration:underline}
footer ul.nav li a:hover, footer ul.nav li span:hover, footer ul.nav li a:hover, footer ul.nav li span:hover, footer .copyright a:hover, footer ul li a:hover,
footer ul.nav li a:focus, footer ul.nav li span:focus, footer ul.nav li a:focus, footer ul.nav li span:focus, footer .copyright a:focus, footer ul li a:focus,
footer .copyright a:hover{background-color: transparent;color: #716f71;text-decoration: none;}
footer .nav-link {padding:0.2rem 1rem;display: block;}
footer .lang-btn {line-height:1;background: transparent none repeat scroll 0 0;border: 1px solid #fff;border-radius: 2px;color: #fff;margin-bottom: 15px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
footer .lang-btn:hover {background: transparent none repeat scroll 0 0;color: #ccc;text-decoration: none;}
.ada_comp {margin-top: 5px;color: #aeaeae;font-size: 12px;}

@media (max-width: 767px) {
.logo img{width: 100px;}
footer .copyright {text-align: center;}
footer ul.nav li a, footer ul.locations li a, footer ul.locations li span, footer ul.nav li span, footer a {font-size: 16px;line-height: 23px;}
footer ul.footer-menu {margin: 7.5px -15px;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}
.language-option {text-align: center;width: 100%;}
.language-option .btn {float: none !important;margin-bottom: 10px;}
footer .hline {background: #4a4a4a none repeat scroll 0 0;height: 1px;margin: 15px 0;width: 100%;}
footer .copyright, footer .copyright a {font-size: 12px;}
}


/*Blog starts*/
.blog-page .content-section{padding-top: 30px;padding-bottom: 30px;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;overflow-x: hidden;}
.blog-main h1 {font-weight:400;font-size: 36px;color: #4a4a4a; margin-bottom: 16px;	}
.blog-main .blog-date{margin-bottom: 10px;font-size: 16px;line-height: 2;color: #4a4a4a;}
.blog-main .blog-img img{margin-bottom: 20px;}
.blog-main .blog-img img{display: block;max-width: 100%;height: auto;}
.blog-main .blog-preamble{color:#707274; font-size:14px; line-height:22px;font-weight:400 }
.blog-main .blog-content-desc{color:#707274; font-size:14px; line-height:22px; margin-top:20px;  margin-bottom:20px }
.blog-main .blog-content-desc a {color:#0077b5}
.blog-main .blog-img img{width:100%}
.blog-main .blog-home-img img{width:100%}
.blog-main textarea.ms-long {width: 620px;}
.blog-main table.ms-long .ms-input>select {width:260px !important;}
.blog-social{list-style-type: none;margin: 0;padding: 0;padding-right: 30px;font-weight: 300;}
.blog-social li{padding: 6px 0 6px 20px;border-bottom: 1px #e5e4e4 solid;cursor: pointer;}
.clearfix {clear: both;}
.avatar .author-img-wrapper {float: left;padding-left: 15px;padding-right: 15px;}
.avatar .author-img-wrapper img {border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;}
.avatar .author-details-wrapper {float: left;}
.avatar .author-details-wrapper h4 {font-weight: 300;margin-bottom: 12px; font-size:18px}
.avatar .author-details-wrapper h6 {font-weight: 300;margin-bottom: 8px;}
.avatar .author-details-wrapper a {display: inline-block;padding: 3px;height: 35px;width: 35px;border: 1px solid #ccc;border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin-right: 10px;text-align: center;}
.avatar .author-details-wrapper a.twitter-img {color:#1da1f2;}
.avatar .author-details-wrapper a.linkedin-img {color:#0077b5;}
.img-responsive{display: block; max-width: 100%;height: auto;}
.block-title{display: block;font-size: 28px;line-height: 31px;margin-bottom: 22px;color: #4a4a4a;text-transform: uppercase;text-align: left; font-weight:300}
.blog-related{background: #eff0f1;}
.blog-related #blog-inner-pages{margin: 5px 0 !important;position: relative;padding: 20px 15px !important;width: auto;}
#blog-inner-pages .article-index-item{border-bottom: #e5e4e4 2px solid;padding: 15px 0;}
#blog-inner-pages .article-index-item h4{font-weight: 400;font-size: 18px;margin-bottom: 16px;color:#808284; line-height:24px}
.article-tags{font-size: 14px;color: #ccc !important;margin-bottom: 10px;}	
/*Blog end*/

.view-blogs{
margin-left: 4%;
}

#blogs-container {margin-top:50px;}
.searchContainer {margin-top:60px;}
.blogCard {margin-top: 0px;margin-bottom: 20px !important;}
.blogCard h5 {font-size: 16px;line-height: 18px;margin-bottom: 10px; color:#808284}
.blogCard img {width:100%}
.blogCard .blogCardTitle {font-weight: 400;color: #4a4a4a;margin-top: 30px;margin-bottom: 20px;overflow: hidden;font-size:18px;line-height:26px}
.blogCardDate .blogCardDateSpan{display: block;font-weight: 400;color: #808284;margin-bottom: 10px;font-size: 14px;}
.blogCard .blogCardDesc {color: #808284;margin-bottom: 15px;font-size: 14px;}
.blobBtnShowMore > a {display: inline-block;padding: 5px 14px;border-width: 1px;border-style: solid;border-color: rgb(221, 221, 221);}
.blobBtnShowMore {cursor: pointer; margin-bottom:30px}

#search-container {background-color: #c2c2c2;padding: 20px; margin-bottom:30px}

.lblBlogdate  {
    color: #777;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0;

}

.main-container
{
	margin-left:0px !important;
}

.btnLoadBlogs
{
	margin-top: 1.4em;
    border-radius: 0px;
    background: #00a4e4 !important;
    color: white !important;
    font-weight: 500;
    padding: 5px 10px;
	cursor: pointer;
    font-size: smaller !important;
}

.follow-us i {
    color: white;
    font-size: 25px;
    width: 18%;
	
}
.follow-us {
    background-color: #014060;
    padding: 15px;
    margin-top: 20px;
	
}
.social-media {
    background-color: #808284;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.latest-social-media .social-media .customNavTab1 {
    margin-bottom: 0;
}

.social-media .customNavTab1 > li {
    display: inline-block;
    padding-right: 20px;
    width: 20%;
}

.social-media .tabItemType2 {
    position: relative;
    clear: both;
    overflow: hidden;
}

.social-media .social-media-img {
    background-color: #fff;
    padding: 15px;
    margin-top: 0px;
}
.clearfix {
    clear: both;
}
.hcs-tweets {
    padding: 0;
    width: auto;
}
.section {
    padding-top: 30px;
    padding-bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow-x: hidden;
}
.hcs-tweets .twitter-status {
    padding: 0;
}

.twitter-status .avatar {
    float: left;
}

.hcs-tweets .timestamp {
    width: 37%;
    float: right;
    font-size: 12px;
    margin-top: 13px;
}
.twitter-status .timestamp {
    float: right;
    color: #999999;
    font-size: 0.85714285714286em;
}

.hcs-tweets .twitter-status .name-handle {
    margin-left: 0;
    width: 100%;
    clear: both;
    font-size: 14px;
}
.twitter-status .name-handle {
    margin-left: 60px;
}
.twitter-status .name-handle .name, .twitter-status .name-handle .handle {
    display: inline;
}
.twitter-status .name-handle .name, .twitter-status .name-handle .handle {
    display: inline;
}

.hcs-tweets .twitter-status .text {
    margin-left: 0;
    width: 100%;
    font-size: 16px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e4e4;
}

.hcs-tweets .actions {
    display: none;
}
.twitter-status .actions {
    text-align: right;
    font-size: 0.85714285714286em;
    padding: 0;
    margin: 0;
    visibility: hidden;
}

div.view-tweets ul {
    list-style-type: none;
    padding: 0px;
}

.social-media h4 {
    color: #fff;
    margin-bottom: 15px;
    margin-top:10px
}

.social-media .customNavTab1 > li a i {
    color: rgba(255, 255, 255, 0.5);
    font-size: 25px;
    width: 18%;
}

.blog-card-gray {
    padding: 0px;
    background-color: #f2f7f9;
}

.blogCard .homeBlogTitle
{
	padding: 0px 20px;
	    font-weight: 400;
    color: #4a4a4a;
    margin-top: 30px;
    margin-bottom: 15px;
    overflow: hidden;
	font-size: large;
    height: 80px;
}
.blogCard .homeblogCardDesc
{
	padding: 0px 20px;
	font-weight: 300;
    color: #808284;
    margin-bottom: 15px;
    font-size: 14px;
	height: 80px;
}
.blog-block-title
{
	    margin: 0 0.57%;
   
}
.blog-subtitle
{
	    margin: 0 1.57%;
    padding-bottom: 22px !important;
    color: #808284 !important;
    font-weight: 300 !important;
    text-align: left !important;
    font-size: 20px !important;
    line-height: 26px !important;
}

.homeBlogImg
{
	    width: 390px;
    height: 220px;
}


/* Marketo */
/*Marketo style starts*/
.mktoForm {width: 100% !important;overflow: hidden;}
.section-enquiry-bg {background-image: url(/SiteCollectionImages/marketo/contact_bg1.jpg);background-attachment: fixed;padding:15px; background-size:cover}
.section-enquiry-bg.avasant {background-image: url(/SiteCollectionImages/marketo/HARMAN_Avasant%20report_WebpageBanner_011020Artboard%201%20copy%204.png);background-attachment:inherit;}

.avasant h2.section-title {color:#ffffff!important; text-align:center; margin-top:50px; font-size:40px; font-weight:500; letter-spacing:1px} 
.avasant h3.subtitle {
	color:#ffffff!important; font-size:1rem; margin:0 20.0%; text-align:center; line-height:1.5
}


.mktoForm .mktoFormRow {margin-left: -15px;margin-right: -15px;}
.mktoForm .mktoFormCol {width: 45%;padding-left: 15px;padding-right: 15px;}
.mktoForm .mktoGutter {display: none;}
.mktoForm .mktoField {width: 100% !important;font-weight: 300;border: 1px solid #e5e4e4;margin-bottom: 20px;padding: 5px;font-size: 14px;color: #808284;height: 38px;}
.mktoForm select.mktoField {width: 100% !important;height: 38px;color: #808284;font-weight: 300;padding: 10px;margin-bottom: 10px;font-size: 14px;border: 1px solid #e5e4e4;}
.mktoForm .mktoLabel {margin-bottom: 5px;font-weight: 300 !important;}
.mktoForm .mktoButtonRow {width: 100%;}
.mktoButtonRow span{text-align:center !important;}
.mktoButtonWrap {margin: 0 auto !important;display: block;text-align: center;}
.mktoForm .mktoButtonWrap.mktoShadow .mktoButton {background-color: rgb(0, 164, 228) !important;color: #fff !important;text-decoration: none;font-size: 14px !important;background-image: none !important;border: 0px !important;padding: 8px 12px !important;}
.mktoOffset {display: none;}
.mktoForm .mktoFormRow {margin: 0 auto;width: 70% !important;clear: both;}
.mktoForm .mktoFieldWrap {float: left;width: 100%;}
button.mktoButton {width: auto;color: #fff !important;text-decoration: none;font-size: 14px !important;background-image: none !important;border: 0px !important;padding: 12px 35px !important;margin-top: 10px;margin-bottom:10px;}
@media all and (max-width: 767px){.mktoForm .mktoFormCol{float: none;width: 100%;padding: 0 5px;}}
#Consent_to_Processing__c {height: 15px !important;width: 15px !important;}
#mktoForm_3320 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;}
#mktoForm_3200 :nth-child(6).mktoFormRow .mktoFormCol{width:94%;}
#mktoForm_3200 :nth-child(7).mktoFormRow .mktoFormCol{width:100%;}
#mktoForm_4384 :nth-child(6).mktoFormRow .mktoFormCol{width:94%;}
#mktoForm_4384 :nth-child(7).mktoFormRow .mktoFormCol{width:100%;}
#mktoForm_3306 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;}
#mktoForm_1254 :nth-child(9).mktoFormRow .mktoFormCol{width:100%;}
#mktoForm_1343 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;}
#mktoForm_2073 :nth-child(6).mktoFormRow .mktoFormCol{width:94%;}
#mktoForm_2073 :nth-child(7).mktoFormRow .mktoFormCol{width:100%;}
#mktoForm_1159 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;}

#mktoForm_2073 textarea.mktoField {min-height: 6em;}
#mktoForm_3200 textarea.mktoField {min-height: 6em;}
#mktoForm_4384 textarea.mktoField {min-height: 6em;}

/*Marketo style Ends*/





/* Block Styles   */
.blocks-wrapper {background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;overflow-x: hidden;}
.blocks-wrapper .block-header>p {padding: 0 15px 20px;color: #808284;font-weight: 300;text-align: left;font-size: 18px;line-height: 26px; margin-bottom:0}
.blocks-wrapper .block-header>p {color:#707274}
.blocks-wrapper .block-header>h2 {padding-left:15px; padding-right:15px; font-family:Roboto; padding-top:30px; line-height:31px;}
.blocks-wrapper .card-sub-header>h2 {padding-left:15px; padding-right:15px; font-family:Roboto; padding-top:30px; line-height:31px;}
.slick-container {width:1042px;}
.blocks-wrapper li {list-style: disc;}
.blocks-footer {font-weight:300; padding-left:15px; padding-top:10px;}
.overlay {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}

.btn-p {color: #fff; background: #0073ae;padding: 8px 12px;font-size: 14px;line-height: 18px;text-transform: uppercase;border: 0 solid transparent;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 2px;}
.btn-p:hover {color: #fff;background: #00a4e4;text-decoration: none;}
.btn-p:active {color: #fff;background: #0077b5;text-decoration: none;}
.btn-p:visited {color: #fff;}
.btn-p:focus {color: #fff;background: #0077b5;text-decoration: none;}

.btn-a {margin-left:3px;color: #fff; background: #0073ae;padding: 5px 6px;font-size:10px;line-height: 14px;text-transform: uppercase;border: 0 solid transparent;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 2px;}
.btn-a:hover {color: #fff;background: #00a4e4;text-decoration: none;}
.btn-a:active {color: #fff;background: #0077b5;text-decoration: none;}
.btn-a:visited {color: #fff;}
.btn-a:focus {color: #fff;background: #0077b5;text-decoration: none;}


/*banner css start*/
.slick-container .slick-prev {left:20px;z-index:1;width:auto;height:auto;}
.slick-container .slick-next {right:20px;z-index:1;width:auto;height:auto;}
.slick-banner .slick-dotted.slick-slider {margin-bottom:0}
.slick-banner .content-img {height:500px; overflow:hidden; position:relative}
.slick-banner .content-img img {height:500px;width:1170px;}
.slick-banner .content-sub {width:100%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.slick-banner .content-sub h1 {margin-bottom: 10px;font-size: 48px;line-height: 48px;font-weight: 300;color:#ffffff; text-transform:uppercase}
.slick-banner .content-sub h1.up2 {font-size:60px; line-height:60px;}
.slick-banner .content-sub h2 {font-weight: 500; margin-bottom: 31px;font-size: 44px;line-height: 48px;color:#ffffff; text-transform:uppercase}
@media (max-width: 767px) {	
	.slick-banner .content-sub h2 {font-size: 24px !important;line-height: 36px !important;margin: 0 10px 20px 10px;}
}

.slick-banner .content-sub h3 {font-weight: 400;margin-bottom: 30px;font-size: 20px;line-height: 26px;color:#ffffff; }
.slick-banner .slick-dots {bottom:15px;}
.slick-banner .slick-dots li button::before {color:#ffffff;}
.slick-banner .slick-dots li.slick-active button:before {opacity: .75;color: white;}
.slick-banner .content-sub a.link{color:#fff; font-size:18px;}
.white-arrow{color: #fff;text-transform: uppercase;font-size: 18px;background: rgba(0, 99, 153, 0) url(/_catalogs/masterpage/services/img/white-arrow.png) no-repeat scroll 10px 5px;display: inline-block;text-decoration: none;width: 40px;vertical-align: top;height: 24px;}
/*banner css end*/

/*---- 3-box ------------*/
.slick-3-box .block-content {margin-left:-15px; margin-right:-15px}
.slick-3-box.blog .block-content {margin-left:0; margin-right:0}
.slick-3-box .block-content h3 {max-height:50px; overflow:hidden; color:#4a4a4a; margin-top:0px; margin-bottom:20px; padding:0 20px; font-size:20px; line-height:26px; font-weight:400;}
.slick-3-box .card0 {position:relative; margin-left:15px; margin-right:16px}
.slick-3-box.blog .block-content h3 {height:78px;margin-top:30px;}
.slick-3-box .block-content h4 {color:#4a4a4a;text-transform: uppercase;display: inline-block;font-weight: 300;font-size: 16px;margin-top: 20px;margin-bottom: 10px;padding: 0px 20px;}
.slick-3-box .block-content p {height:78px; overflow:hidden; color:#4a4a4a; margin-bottom:15px; padding:0 20px; font-size:14px; line-height:26px; font-weight:300;}
.slick-3-box .block-content a {margin-bottom:20px; margin-left:20px;}
/*.slick-3-box .block-content a {display:inline-block; margin-bottom:20px; margin-left:20px;color: #fff;background:#0073ae; padding: 8px 12px;font-size: 14px;line-height: 18px;border: 0 solid transparent;-webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-o-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;text-transform: uppercase;}
.slick-3-box .block-content a:hover {color: #fff;background: #00a4e4;text-decoration: none;}
.slick-3-box .block-content a:active {color: #fff;background: #0077b5;text-decoration: none;}
.slick-3-box .block-content a:focus {color: #fff;background: #0077b5;text-decoration: none;}*/
.slick-3-box .block-content .content-img img {width:100%; height:200px}
@media (max-width: 575px) {
	.slick-3-box .block-content .content-img img {width:100%; height:auto}
}

.box .block-content h3 {height:50px; overflow:hidden; color:#4a4a4a; margin-top:0px; margin-bottom:20px; padding:0 20px; font-size:20px; line-height:26px; font-weight:400;}
.box .card0 {position:relative;}
.box .block-content h4 {color:#4a4a4a;text-transform: uppercase;display: inline-block;font-weight: 300;font-size: 16px;margin-top: 20px;margin-bottom: 10px;padding: 0px 20px;}
.box .block-content p {height:78px; overflow:hidden; color:#4a4a4a; margin-bottom:15px; padding:0 20px; font-size:14px; line-height:26px; font-weight:300;}
.slick-3-box .block-content a {margin-bottom:20px; margin-left:20px;}
/*.box .block-content a {display:inline-block; margin-bottom:20px; margin-left:20px;color: #fff;background:#0073ae; padding: 8px 12px;font-size: 14px;line-height: 18px;border: 0 solid transparent;-webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-o-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;text-transform: uppercase;}
.box .block-content a:hover {color: #fff;background: #00a4e4;text-decoration: none;}
.box .block-content a:active {color: #fff;background: #0077b5;text-decoration: none;}
.box .block-content a:focus {color: #fff;background: #0077b5;text-decoration: none;}*/
.box .block-content img {width:100%}

.frame-blue .block-header {background-color:#176596;margin-top:20px;}
.frame-blue .block-header h2, .frame-blue .block-header p{color:#ffffff;}
.frame-blue .block-footer {height:30px;background-color:#176596;}
/*---- end 3-box ------------*/

.card-icon-box{padding-bottom:0;}
.card-icon-box .card0 {background-color: #eff0f1;border: 1px solid #e5e4e4;padding-top: 90px;padding-bottom: 30px;padding-left: 30px;padding-right: 30px;    margin-top: 55px;border-radius:1px;}
.card-icon-box .card0 .card-title{color:#707274;font-size: 24px;line-height: 30px;margin-bottom: 22px;font-weight:400;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}

.card-icon-box .card0 .card-description {font-size: 14px;line-height: 24px;margin-bottom: 30px;color: #808284;text-overflow: ellipsis;    -webkit-box-orient: vertical;    display: -webkit-box;    -webkit-line-clamp: 10;}
.card-icon-box .card0 .card-description {
	color:#707274;color:#666666;
	}
.card-icon-box .card0 .circle {width: 100px;height: 100px;background-color: #0073AE;border: 1px solid #e5e4e4;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);overflow: hidden;}
.card-icon-box .card0 .circle .circle-img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);}
/*card icon box css end*/

/*overview card*/
.card-overview-box .block-content {margin:0 15px;}
.card-overview-box .card0 {position:relative; }
.card-overview-box .card0 .card-img img {width:100%}
.card-overview-box .card0 .content-sub {padding:20px 0px}
.card-overview-box .card0 h3 {font-weight: 400;color: #4a4a4a;margin-top: 10px;margin-bottom: 20px;overflow: hidden;font-size: 20px;line-height: 26px;}
.card-overview-box .card0 p {font-weight: 300;color: #4a4a4a;margin-bottom: 30px;font-size: 14px;}


/*overview card 2*/
.card-overview-box2 .block-content {margin:0 15px;}
.card-overview-box2 .card0 {position:relative; }
.card-overview-box2 .card0 .card-img img {width:100%}
.card-overview-box2 .card0 .content-sub {padding:20px 20px}
.card-overview-box2 .card0 h3 {font-weight: 400;color: #4a4a4a;margin-top: 10px;margin-bottom: 20px;overflow: hidden;font-size: 20px;line-height: 26px;}
.card-overview-box2 .card0 p {font-weight: 300;color: #4a4a4a;margin-bottom: 15px;font-size: 14px;}

/*overview card benefits*/
.card-overview-benefits .block-content {margin:0 15px; padding-bottom:30px}
.card-overview-benefits .block-header h2, .card-overview-benefits .block-header p {color:#ffffff;}
.card-overview-benefits .card0 {padding-top:20px}
.card-overview-benefits .card0 .card-img {width: 45px;height: 45px;display: inline-block;float: left;color:#e5e4e4; font-size:18px}
.card-overview-benefits .card0 .content-sub {margin-left: 20px;padding:0 20px 20px 0}
.card-overview-benefits .card0 .content-sub h3 {display: inline-block;color: #fff;font-size: 18px;line-height: 26px; margin-top:0; margin-bottom:16px}
.card-overview-benefits .card0 .content-sub {font-size: 14px;font-weight: 400;min-width: 140px;;display: inline-block; color: #f9f9f9;line-height: 22px; margin-bottom:0}
.card-overview-benefits .card0 .content-sub p{margin-bottom:0}
@media (max-width: 767px) {	.card-overview-benefits .card0 .content-sub p {    font-size: 18px;}}
/*overview card end*/

/* Intro text */
.intro-text .block-content {margin:0 15px; padding:0 0 0 0}
.intro-text h2 {margin-left:15px; margin-right:15px; margin-top:20px;}
.intro-text .card0 {position:relative;}
.intro-text .card0 .content-sub {margin-left:15px; margin-right:15px}
.intro-text .card0 .content-sub p , 
.intro-text .card0 .content-sub div, .tab-content p, .tab-content ul, .nav-pills a{font-size: 18px;line-height: 26px;color: #666; text-align: left;font-weight: 300;}
.intro-text .card0 .card-img {text-align:center}
/*.intro-text .card0 .card-img img {max-width:75%}*/
/* Intro text end */

/*--------------------------------------------------------*/
.chess-cards .card-2 {padding:30px;background: #e5e4e4;}
.chess-cards .card-1 .chess-card-image {height:100%;}
.chess-cards .card-1 .chess-card-image img {width:100%; height:100%}
.chess-cards .card-2 .chess-card-text h3 {color: #2a292a;font-weight: 400;font-size: 18px;line-height:26px; margin-bottom:30px }
.chess-cards .card-2 .chess-card-text p, .chess-cards .card-2 .chess-card-footer p {line-height: 24px;color: #2a292a;font-size:16px; font-weight:300;padding-top:0px;}
.chess-cards .card-2 .chess-card-text a, .chess-cards .card-2 .chess-card-footer  a {color:#0000ff}
.chess-cards .card-2 .chess-card-text div, .chess-cards .card-2 .chess-card-footer div {line-height: 24px;color: #2a292a;font-size:16px; font-weight:300;padding-top:0px;}
.chess-cards .card-2 .chess-card-link a {font-weight: 400;transition: all 0.3s ease-in-out;text-transform: uppercase;font-size: 18px;}
.chess-cards .card-2 .chess-card-link a:hover {padding-right: 55px; text-decoration:none}
@media (max-width: 767px) {	.chess-cards .card-1 {    min-height:220px;} .chess-cards .card-1 iframe {width:100%}}
/*-------------------------------------------------------*/

/*----------------- Image Cards -------------------------*/ 
.image-cards {min-height:calc(100vh - 150px); position:relative}
.image-cards .block-header {text-align:center;min-height: 10vh} 
.image-cards .block-header h2 {color:#ffffff; font-weight: bold;font-size: 4vh; line-height:4vh; letter-spacing:1px; padding-top:4vh}
.image-cards.image-cards-2 h2 {}
.image-cards .block-header h2 span {display:block;font-size: 2vh;font-weight: 300; text-transform:none;line-height: 2; }
.image-cards .card-1 { display: flex;  flex-direction: column;justify-content: space-between}
.image-cards .card-text {color:#ffffff; font-weight:300}
.image-cards .card-0 .card-text {text-align:left; margin-left:15px; margin-right:55%}
.image-cards .card-1 .card-text {text-align:right; margin-right:15px;margin-left:55%}

.image-cards .card-0 .card-text strong {font-weight:bold; font-size:2rem;}
.image-cards .card-1 .card-text {font-size:2vh;font-weight: 500;line-height: 3vh; letter-spacing:1px}
.image-cards .card-0 .cart-text-rich p {margin-bottom:0}
.image-cards .card-1 .card-text .cart-text-plain{margin-bottom:60px;margin-bottom:6vh;}
.media-suite-banner { cursor:pointer; position :relative;margin-top:60px;width: 400px;height: 90px;opacity: 0.84;border-radius: 10px;background-color: #ffffff; float:right; margin-right:15px;}
.media-suite-banner .media-suite-text {text-transform:uppercase;width:50%;text-align: right;position: absolute;top: 50%;left: 15px;transform: translate(0%, -50%);  color: #006499; font-weight:500; line-height:1.2rem}
.media-suite-banner .media-suite-img {width:30%;position: absolute;top: 50%;right: 15px;transform: translate(0, -50%);}
.media-suite-banner .media-suite-img img {width:100%}
.avasant-page .blocks-wrapper {background-attachment:inherit;	background-position:top center;}
.avasant-page .btn-p {background-color:#006498; text-transform:none;    -webkit-border-radius: 20px; padding: 12px 20px;  font-weight:500;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.scroll-up {position:absolute; left:49.4%; top:5px;color:#ffffff!important}
.scroll-down {position:absolute; left:49.4%; bottom:5px;color:#ffffff!important}
@media (max-width: 992px) {
	.image-cards .card-0 .card-text {margin-right:25%}
	.image-cards .card-1 .card-text {margin-left:25%}
	.image-cards .block-header h2 {font-size: 30px;}
	.media-suite-banner {margin-top:40px;}
	.image-cards .card-1 .card-text .cart-text-plain{margin-bottom:30px;}
}
@media (max-width: 767px) {
	.image-cards {min-height: calc(100vh - 80px);}
	.avasant-page .blocks-wrapper {background-size: auto;}
	.image-cards .card-1 .card-text {font-size: 0.9rem;margin-left:15%}
	.image-cards .card-0 .card-text {font-weight:500; font-size: 0.9rem;margin-right:15%;}
	.image-cards .card-0 .card-text strong {font-size:1.3rem}
	.image-cards .block-header h2 {font-size: 18px;}
	.media-suite-banner {margin-top:50px;width: 330px;}
	.media-suite-banner .media-suite-text {font-size: 0.85rem;}
	.image-cards .card-1 .card-text .cart-text-plain{margin-bottom:40px;}
	.image-cards .block-header h2 span {line-height:1.5}
	.avasant-page .btn-p {font-size:12px; padding-left:10px; padding-right:10px}
}


/* Chess Hover */
.hover-cards  {padding-bottom:15px}
.hover-cards .block-header h2, .hover-cards .block-header p{color:#ffffff;}
.hover-cards a.hoverCard{position: relative;display: block;/*width: 263px;*/height: 318px;overflow: hidden;color: #fff;background: transparent; margin-left:20px; margin-right:20px}
.hover-cards a.hoverCard .hoverCard-img {width:100%;/*position: absolute;top: 0;left: 0; width:100%; height:auto;*/}
.hover-cards a.hoverCard .hoverCard-content {position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background-color: #0077b5;opacity: 0.9;overflow: hidden;padding: 20px 20px 40px 20px;    -webkit-transition: top 1s;    -moz-transition: top 1s;    transition: top 1s;}
.hover-cards a.hoverCard .hoverCard-content .hoverCard-title {color: #fff;font-weight: 400;margin-bottom: 25px;line-height: 24px;font-size: 18px;}
.hover-cards a.hoverCard .hoverCard-content .hoverCard-desc {color: #fff;overflow: hidden;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 8;	font-size: 14px;    line-height: 22px;}
.hover-cards a.hoverCard .hoverCard-content {top: 77%;background-color: RGBA(0, 0, 0, 0.5);}
.hover-cards a.hoverCard:hover .hoverCard-content {background-color: #0077b5;top: 0;}
.hover-cards a.hoverCard:hover{color: #fff;background: transparent;text-decoration: none;}
.hover-cards .slick-dots {bottom: -35px}
.hover-cards .slick-dots li.slick-active button::before {color:#ffffff}
.hover-cards .slick-dots li button::before {color:#ffffff}
.hover-cards a.hoverCard .hoverCard-content span {position: absolute;bottom: 15px;color: #71d6e0;font-size: 18px;line-height: 24px;}
@media (max-width: 767px) {
.hover-cards a.hoverCard .hoverCard-content {top: 0px;left: 0;width: 100%;height: 100%;padding: 20px 20px 40px 20px;background-color: #0077b5;}
}
@media (max-width: 575px) {
	.hover-cards a.hoverCard .hoverCard-img {width:100%; height:auto}
}


/* Icons Slider  */
.icons-container .card0{position:relative}
.icons-container .card0 img {margin:0 auto}


/* Partners */
#partners-container h4 {margin-top: 0;font-size: 18px;line-height: 24px;color: #4a4a4a;font-weight:500}
#partners-container p {font-size: 14px;line-height: 28px;color: #707274; font-weight:400}


/*Customer Stories Starts*/
.customer-stories {margin: 30px 0;}
.customer-stories .block-header {margin-bottom:20px;}
.customer-stories .block-header p {color:#808284; font-size:20px;}
.customer-stories .card0{margin-top: 0px;margin-bottom: 20px; position:relative}
.customer-stories .card0 .content-sub {padding: 0px 20px;}
.customer-stories .card0 .content-sub h4 {height: 48px; font-weight: 400;color: #4a4a4a;margin-top: 30px;margin-bottom: 20px;overflow: hidden;font-size: 18px;line-height: 24px;/* height: 56px; */}
.customer-stories .card0 .content-sub p {height: 110px;font-weight: 300;color: #808284;margin-bottom: 30px;/* height: 155px; */overflow: hidden;}
.leftSlideCard-content {background-color: #014060;padding: 20px 20px 20px 20px;min-height: 164px;position: absolute;bottom: 0;width: 100%;}
.leftSlideCard-img{width: 100%;}
@media (max-width: 767px) {	.leftSlideCard-img{width: auto}}
	
.slickNavBannerLeft{height: 415px;position: relative;overflow: hidden;border: 10px solid RGBA(0, 0, 0, 0.3) }

.leftSlideCard-title{margin-bottom: 20px;font-weight: 300;color: #fff;font-size: 18px;line-height: 26px;text-transform: uppercase;}
.slickNavBannerRight{border: 10px solid RGBA(255, 255, 255, 0);border-left: 30px solid RGBA(255, 255, 255, 0);overflow: hidden;position: relative;}
.rightSlideCard-content{position: absolute;bottom: 0;left: 0;background-color: rgba(0, 115, 174, 0.9);width: 100%;padding: 10px 15px;}
.rightSlideCard-content h4{margin: 0;padding: 0;font-weight: 300;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;line-height:24px;}
.rightSlideCard-title{margin: 0;padding: 0;font-weight: 300;color: #fff;}
.customersStoriesBannerLink, .customersStoriesBannerLink:visited {color:#fff;font-size:18px; text-transform:uppercase}
.slider-nav .slick-current .slickNavBannerRight{border: 10px solid RGBA(0, 0, 0, 0.3);border-left: 30px solid RGBA(0, 0, 0, 0.3);} 
/*Customer Stories Ends*/


/*News starts*/
.page-news h4 {font-size: 18px;line-height: 26px; font-weight:400}
.page-news h5 {font-size: 14px;line-height: 18px;}
.page-news .media-body{padding-bottom: 20px;border-bottom: 1px solid #e5e4e4;}
.page-news .media-body .media-date{color: #808284;font-weight: 300;margin-bottom: 20px;padding: 0;clear: both;}
.page-news .search-filter{background-color: #014060;padding: 20px;text-align: center;margin-top: 20px;}
.page-news #filter{border-radius: 0;border-color: transparent;width:95%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.page-news #filtersubmit{position: relative;z-index: 1;left: -25px;top: 1px;color: #7B7B7B;cursor:pointer;width: 0;}

.page-news .view-content{background-color: #eff0f1;padding: 0px;}
.page-news .view-content .views-row{padding: 23px;border-bottom: 1px solid #e4e3e3;}
.page-news .view-content .views-row .search-result a {color: rgb(51, 122, 183); font-weight:300}
.page-news .view-content .views-row .search-result a:hover{color: #23527c;}
.page-news .view-content .views-row .search-result a{font-size: 18px;line-height: 26px;}



.news-follow-us{padding-left: 0px;padding-right: 0px;}
.follow-us{background-color: #014060;padding: 15px;margin-top: 20px;}
.news-follow-us .follow-us h5{color: #fff;margin-bottom:15px;}
.news-follow-us .follow-us i{color: white;font-size: 25px;width: 18%;}

.social-media h5{color: #fff;margin-bottom:15px;}
.social-media .customNavTab1{width: 100%;text-align: center;border-bottom: none;}
.social-media .customNavTab1 > li {display: inline-block;padding-right: 20px;width: 20%;}
.social-media .customNavTab1 > li.active > a, .social-media .customNavTab1 > li.active > a:focus, .social-media .customNavTab1 > li.active > a:hover {background-color: transparent;outline: none;}
.social-media .customNavTab1 > li a{text-align: left;font-size: 24px;padding-bottom: 0;padding-left: 5px;float:left}
.social-media .customNavTab1 > li a i{color: rgba(255, 255, 255, 0.5);font-size: 25px;width: 18%;}
.social-media .customNavTab1 li.active > a:after {width: 0;height: 0;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;display: block;content: "";margin-left: 3px;}
.social-media .social-media-img{background-color: #fff;padding: 10px;margin-top: 0px;}
.social-media .social-media-img img{width: 100%;}
.hcs-tweets{padding: 0;width: auto;}
.view-tweets ul{list-style-type: none;padding: 0px;}
.view-tweets ul li{list-style: none;}
.hcs-tweets .twitter-status {padding: 0;}
.clearfix{clear: both;}
.twitter-status{background: #ffffff;color: #333333;padding: 10px 10px 0;margin-bottom: 2px;font-size: 1.077em;line-height: 1.42857142857143em;}
.twitter-status .avatar{float: left;}
.twitter-status a{color: #30a9ff;}
.twitter-status .avatar img{border-radius: 3px;}
.hcs-tweets .timestamp{width: 37%;float: right;font-size: 12px;margin-top: 13px;color: #999999;}
.hcs-tweets .twitter-status .name-handle{margin-left: 0;width: 100%;clear: both;font-size: 14px;}
.twitter-status .name-handle .name, .twitter-status .name-handle .handle{display: inline;}
.twitter-status .name-handle .name a{font-weight: bold;margin-right: 5px;color: #333333;}
.twitter-status .name-handle .handle a{color: #999999;font-size: 0.85714285714286em;}
.hcs-tweets .twitter-status .text{margin-left: 0;width: 100%;font-size: 16px;padding-bottom: 15px;border-bottom: 1px solid #e5e4e4;}
.view-news .pager{padding-left: 0;margin: 20px 0;text-align: center;list-style: none;}
.view-news .pager li {display: inline;}
.view-news li.pager-next a {cursor: pointer;border-radius: 0px;display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none;background-color: #eee;}


/* Search result */
.search-result h3.ms-srch-ellipsis {font-size:1.2rem}
.search-result h3.ms-srch-ellipsis a {color:rgb(51, 122, 183)}
.search-result .ms-srch-item-summary {font-size:14px}
.search-result .ms-srch-sb-border, .search-result .ms-srch-sb-borderFocused {border:1px #666 solid!important}
.search-result .ms-srch-sb-borderFocused {width:auto!important}
.search-result .ms-promlink-button {width:auto;height:auto;}

/*blocks*/
ul.multiselect{font-family:Roboto;border:1px solid #ccc;width:100%;min-height:400px;display:inline-block;vertical-align:top;list-style:none;padding-left:0}
ul.multiselect li{background-color:Azure;border-bottom:1px dotted Gray;cursor:pointer;padding:5px 10px}
ul.multiselect li.selected{background-color:orange}
ul.ul-selected li.draggableInputHelper{background-color:#0f0;width:90%!important}
.ms-webpart-cell-vertical, .ms-webpart-chrome-vertical, .ms-webpart-zone {display: block;}
.ms-webpart-chrome-title h2 {line-height: 1rem;}
.ms-webpart-titleText {font-size: 1rem;color: navy;margin-bottom: 0;padding-bottom: 0;padding-top: 0;}
.ms-webpartzone-cell {margin-bottom: 0;}

/* temp */
#site-map {
  margin-bottom: 130px; }

#site-map .site-map-menus {
  margin-top: 30px;
  margin-bottom: 30px; }
  #site-map .site-map-menus .site-map-box {
    margin-bottom: 1em; }
    #site-map .site-map-menus .site-map-box .site-map-menu {
      padding-left: 0px;
      clear: both; }
      #site-map .site-map-menus .site-map-box .site-map-menu > li {
        width: 25%;
        color: #4a4a4a;
        float: left;
        text-transform: uppercase;
        margin-top: 20px; }
        #site-map .site-map-menus .site-map-box .site-map-menu > li > span {
          font-size: 18px;
          line-height: 32px; }
        #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li {
          margin-top: 10px;
          width: 100%;
          text-transform: capitalize;
          font-size: 18px;
          line-height: 28px;
          color: #808285 !important;
          border-bottom: none; }
          #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a {
            color: #808284;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            background: transparent;
            border: none;
            font-size: 18px;
            line-height: 28px;
            vertical-align: middle; }
            #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:hover {
              color: #028ECC;
              background: transparent;
              text-decoration: none; }
            #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:active {
              color: #028ECC;
              background: transparent;
              text-decoration: none; }
            #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:focus {
              color: #028ECC;
              background: transparent;
              text-decoration: none; }
            #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:before {
              display: inline-block;
              font: normal normal normal 14px/1 FontAwesome;
              font-size: 12px;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\f0a9";
              padding-bottom: 3px;
              padding-right: 10px;
              vertical-align: middle; }
          #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li i {
            font-size: 12px; }


/*Vertical tab css starts*/
.vertical-tab-Descr-Title{font-weight: 400;color: #2a292a;font-size: 18px;line-height: 26px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: #0073ae; !important;}
.nav-pills a{border-bottom: 1px solid #e5e4e4;}
/*Vertical tab css End*/
/*UCC Page Insights section height fix*/
#ctl00_ctl42_g_1dc98bac_8701_47e2_8b51_6baff5a8b61a_ctl00_BlockWrapper .content-item .content-sub{height: 254px;}
/*testimonials css starts*/
.testm-sl1{border-bottom-right-radius: 60px;border-top-left-radius: 60px;}
/*.testimonials .content-slider-card{height: 115px;position: relative;background: #0073ae;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;padding: 12px 20px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;overflow: hidden;cursor: pointer;}
.testimonials .content-slider-card-title-wrapper {padding: 4px 12px;height: 100%;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}*/
.content-slider-card-title{font-size: 16px;line-height: 22px;letter-spacing: 0.68px;font-weight: 900;}
/*testimonials css End*/
.section-enquiry-bg .subtitle{padding-left:0px !important;}
.download .download-meta{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.download .download-wrapper{background: #00a4e3;padding-top: 20px;padding-bottom: 20px;color: #fff;position: relative;}
.download .download-btn-wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-start;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-start;}
.download .download-description{font-size: 20px;line-height: 28px;font-weight: 900;padding: 0px 20px;}
@media (max-width:719.98px) {.download .download-description {font-size: 18px;line-height: 25px}}
.download .download-description .field {margin-bottom: 0;}
.download .download-info {font-size: 16px;line-height: 28px;font-weight: 200;margin-top: 4px;padding: 0px 20px;}
.download .download-info-type {text-transform: uppercase;}
.download .download-info-bar, .download .download-info-size, .download .download-info-type {display: inline-block;}
.download .download-info-bar {border-right: 1px solid #fff;}
.download .download-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 900;
    background: #fff;
    color: #00a4e3;
    border-radius: 50%;
    height: 92px;
    width: 92px;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: .5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.download .download-btn-icon {font-size: 28px;}
@media (max-width:719.98px) {.download {text-align: center;}.download .download-btn-wrapper {margin-top: 20px;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}}
.download .download-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hmi-download:before{content:"\e920";}
/***********************end*************/