@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-refresh:before {
	content: "\f021"
}

.fa-2x {
	font-size: 2em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right {
	margin-left: .3em
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.fa.pull-left {
	margin-right: .3em
}

.fa.pull-right {
	margin-left: .3em
}

.fa-long-arrow-left:before {
	content: "\f177"
}

.fa-long-arrow-right:before {
	content: "\f178"
}

.fa-arrow-circle-right:before {
	content: "\f0a9"
}

.fa-play-circle-o:before {
	content: "\f01d"
}

.fa-youtube-play:before {
	content: "\f16a"
}

.fa-play:before {
	content: "\f04b"
}

.fa-play-circle-o:before {
	content: "\f01d"
}

.fa-search:before {
	content: "\f002"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
	content: "\f09a"
}

.fa-linkedin:before {
	content: "\f0e1"
}

.fa-youtube-square:before {
	content: "\f166"
}

.fa-youtube:before {
	content: "\f167"
}

.fa-youtube-play:before {
	content: "\f16a"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
	content: "\f0c9";
}

.fa-edit:before,
.fa-pencil-square-o:before {
	content: "\f044"
}

.fa-check:before {
	content: "\f00c"
}

.fa-plus:before {
	content: "\f067"
}

/* ---- 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;
	background-color: #fff
}

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

/*------------------ Main -------*/
body {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	background-color: #fff;
	color: #231F20;
	position: relative;
}

ul ul {
	list-style-type: square;
}

a {
	color: #0073AE;
	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: #0073AE;
}

/* move to bootstrap */
a:hover,
a:active,
a:focus {
	color: #00A4E4;
	background: transparent;
	text-decoration: none;
}

/*--------------- Hamburger ---------------------------*/
.hamburger {
	margin-left: 20px;
}

.hamburger>a {
	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 --------------------------*/
.logo-wrapper {
	display: flex
}

.logo {
	display: flex;
	align-items: center;
	margin: 15px 0
}

.logo img {
	max-width: 166px;
	margin-right: 20px
}

@media (max-width: 767px) {
	.logo img {
		max-width: 100px;
	}

	#sitetitle {
		display: none
	}
}

.fixed-nav {
	background: #fff;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
	position: fixed;
	position: sticky;
}

/* Search control */
.search-box {
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.search-box.active {}

.search-box.active input {
	opacity: 1;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.search-box input {
	background: #fff;
	border: 1px #fff solid;
	border-radius: 50px;
	padding: 10px;
	outline: none;
	opacity: 0;
	display: none;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.search-box .search-btn {
	width: 30px;
	padding: 8px;
	background: #fff;
	color: #0073AE;
	position: relative;
	text-align: center;
	border-radius: 40px;
	cursor: pointer;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	z-index: 2;
}

.search-box.active .search-btn {
	width: 114px;
	background: #0073AE;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

@media (max-width: 1199.997px) {
	.search-box.active {
		height: 45px
	}

	.search-box.active .search-btn {
		right: 30px;
	}

	.search-box.active input {
		min-width: 300px;
		right: 30px
	}
}


/* site map */
.sitemap-wrapper {}

.sitemap-wrapper ul.sitemap {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0
}

.sitemap-wrapper ul.sitemap>li {
	width: 33%;
	padding-right: 20px
}

.sitemap-wrapper ul.sitemap a {
	display: block;
	color: #231F20;
	font-size: 14px
}

.sitemap-wrapper ul.sitemap>li>a {
	font-size: 16px
}

.sitemap-wrapper ul.sitemap .dropdown-item,
.sitemap-wrapper ul.sitemap .nav-link {
	padding-left: 0;
}

.sitemap-wrapper ul.sitemap ul.dropdown-menu {
	display: block;
	position: relative;
	top: 0;
	border: 0;
	width: 100%;
}

.sitemap-wrapper ul.sitemap ul.dropdown-menu a[href=''] {
	color: #0073AE;
	display: block;
	cursor: default
}



/* new menu */
/* common styles */
.harman-megamenu-new .dropdown-item:focus,
.harman-megamenu-new .dropdown-item:hover,
.harman-megamenu-new .dropdown-item.active,
.harman-megamenu-new .dropdown-item:active {
	background-color: transparent;
}

.harman-megamenu-new .dropdown-item a {
	color: #231F20;
	font-size: 16px;
	display: block
}

.harman-megamenu-new .dropdown-item a:hover,
.harman-megamenu-new .dropdown-item a:focus {
	color: #0073AE;
}

.harman-megamenu-new .dropdown-item.active a {
	color: #000;
}

/* first level */
.harman-megamenu-new .navbar-nav>li:hover>.dropdown-menu {
	display: block;
}

.harman-megamenu-new .navbar-nav>li>a:hover,
.harman-megamenu-new .navbar-nav>li>a:focus {
	color: #0073AE;
}

.harman-megamenu-new .navbar-nav>li.nav-link {
	padding: 0.9rem
}

.harman-megamenu-new .navbar-nav>li>a {
	color: #4D4D4D;
}

.harman-megamenu-new .navbar-nav>li>a .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
	border-top: 4px dashed #2F72A9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.harman-megamenu-new .navbar-nav>li>ul {
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.harman-megamenu-new .navbar-nav>li.nav-link>ul.dropdown-menu {
	margin-top: -1px;
	padding: 10px 0 15px;
	border-radius: 0 0 15px 15px;
	border: 0;
}

.harman-megamenu-new .navbar-nav>li.nav-link>ul.dropdown-menu>.dropdown-item {
	position: relative;
	padding: 6px 25px;
}

.harman-megamenu-new .navbar-nav>li::after {
	background: #006499 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	transition: width 0.3s ease 0s;
	width: 0;
}

.harman-megamenu-new .navbar-nav>li:hover::after,
.harman-megamenu-new .navbar-nav>li:focus::after {
	width: 100%;
}

/* second level with children dropdown */
.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link {
	padding: 6px 25px;
}

.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.dropdown a {
	color: #4D4D4D
}

.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.dropdown a:hover {
	color: #0073AE
}

.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link .caret {
	border: 0;
	background: transparent url(/assets/images/icons/arrow_blue.png) no-repeat 10px 6px;
	display: inline-block;
	width: 40px;
	vertical-align: top;
	height: 24px;
	-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;
}

.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link:focus .caret,
.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link:hover .caret {
	background-position: 20px 6px;
}

/* 3d level dropdown */
.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) li.dropdown>.dropdown-menu {
	min-height: 100px;
	border-radius: 15px;
	top: -100%;
	left: calc(100% + 1px);
	-webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);
}

.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) li.dropdown>.dropdown-menu li {
	padding: 6px 25px
}

.harman-megamenu-new .navbar-nav>li.nav-link:not(:nth-child(3)) li.dropdown:hover>.dropdown-menu {
	display: block;
}

/* second level mega menu */
.harman-megamenu-new .navbar-nav>li.nav-link:nth-child(3) li.dropdown>ul.dropdown-menu {
	display: block;
	position: relative;
	border: 0
}

.harman-megamenu-new .navbar-nav>li.nav-link:nth-child(3)>ul.dropdown-menu {
	width: 600px
}

.harman-megamenu-new .navbar-nav>li.nav-link:nth-child(3)>ul.dropdown-menu li.dropdown {
	font-weight: 500;
	float: left;
	display: inline;
	width: 50%;
	padding-left: 25px;
	padding-right: 25px
}

.harman-megamenu-new .navbar-nav>li.nav-link:nth-child(3)>ul.dropdown-menu li.dropdown:nth-child(2) {
	float: right;
}

.harman-megamenu-new .navbar-nav>li.nav-link:nth-child(3)>ul.dropdown-menu>li.dropdown>a {
	cursor: default;
}

.harman-megamenu-new .navbar-nav>li.nav-link:nth-child(3)>ul.dropdown-menu li.dropdown a:hover {
	color: #0073AE
}

.harman-megamenu-new .navbar-nav>li.nav-link:nth-child(3) li.dropdown>ul.dropdown-menu li.dropdown-item {
	padding-left: 0;
	padding-right: 0
}


@media (min-width: 991px) {
	#full_menu .dropdown:hover .dropdown-menu {
		display: block;
	}

	#full_menu_new .dropdown:hover .dropdown-menu {
		display: block;
	}

	/*#full_menu_new1 ul > li.dropdown:hover > .dropdown-menu {display: block;}
	#full_menu_new1 .navbar-nav > li.nav-link:nth-child(3) ul.dropdown-menu li.nav-link.dropdown .dropdown-menu {display: block; position:relative;}
	#full_menu_new1 .navbar-nav > li.nav-link:nth-child(3) ul.dropdown-menu {width:600px}
	#full_menu_new1 .navbar-nav > li.nav-link:nth-child(3) ul.dropdown-menu li.nav-link.dropdown {float: left;display: inline;width: 50%;}
	#full_menu_new1 .navbar-nav > li.nav-link:nth-child(2) ul.dropdown-menu li.nav-link.dropdown .dropdown-menu {top:-100%; left:calc(100% + 1px);-webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);}*/
}

@media (max-width: 767px) {
	.navbar-header .logo-with-pagetitle {
		left: 133px;
		top: 32px;
	}
}

/*-------------- Megamenu ----------------------*/
.navigation-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center
}

.harman-globalmenu {
	position: relative
}

.harman-globalmenu .navbar-nav .nav-link {
	padding: 0 0.7rem
}

.harman-globalmenu .navbar-nav .nav-link {
	display: flex;
	align-items: center
}

.harman-globalmenu .navbar-nav>li>a {
	color: #4D4D4D;
	font-size: 14px;
}

.harman-globalmenu .navbar-nav>li.nav-link.last>a {
	color: #0073AE
}

.harman-globalmenu .navbar-nav>li.nav-link:nth-last-child(1) a {
	display: block;
	color: #fff;
	width: 114px;
	line-height: 41px;
	text-align: center;
	background-color: #0073AE;
	border: 2px solid #0073AE;
	border-radius: 36px;
}

.harman-globalmenu .navbar-nav>li.nav-link:not(:nth-last-child(-n+1)) a::after {
	background: #006499 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	transition: width 0.3s ease 0s;
	width: 0;
}

.harman-globalmenu .navbar-nav>li.nav-link:not(:nth-last-child(-n+1)) a:hover::after,
.harman-globalmenu .navbar-nav>li.nav-link:not(:nth-last-child(-n+1)) a:focus::after {
	width: 100%;
}

.harman-globalmenu .navbar-nav>li.nav-link:not(:nth-last-child(-n+1)) a:hover,
.harman-globalmenu .navbar-nav>li.nav-link:not(:nth-last-child(-n+1)) a:focus {
	color: #0073AE;
	background-color: transparent;
}


/*.harman-megamenu {margin-top:50px;}*/
/*.harman-megamenu.navbar {padding:0}
.harman-megamenu .caret {display: inline-block;width: 0;height: 0;margin-left: 5px;vertical-align: middle;border-top: 4px dashed;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;}

#full_menu ul.dropdown-menu, #full_menu_new 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%;}
#full_menu ul.dropdown-menu li, #full_menu_new 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: 400px;
	z-index: 1100;
	padding-left: 0
}

@media (max-width: 400px) {
	.hamburger-menu {
		width: 100%
	}
}

.hamburger-menu .nav-link-header {
	padding: 10px 15px;
	display: block;
}

.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 15px;
	display: block;
}

.hamburger-menu .nav-link.dropdown a.has-child {
	padding: 6px 15px;
	display: block;
	background-color: #eeeeee;
	border-bottom: 1px #fff solid
}

.hamburger-menu .dropdown-item {
	background-color: #ffffff;
	white-space: normal
}

.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-size: 14px;
	line-height: 26px
}

.hamburger-menu .dropdown-menu {
	border: 0
}

.hamburger-menu .caret {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 1200;
	box-sizing: border-box;
	height: 10px;
	width: 10px;
	border-style: solid;
	border-color: #0073AE;
	border-width: 0px 1px 1px 0px;
	transform: rotate(45deg);
	transition: border-width 150ms ease-in-out
}

.hamburger-menu .nav-link.dropdown a.has-child[href=""] {
	display: none
}

.hamburger-menu .dropdown-menu {
	margin: 0;
	padding: 0
}

/*****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;
	z-index: 9
}

.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;
	z-index: 9
}

.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 !!! -----------------*/
.text-regular {
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 20px
}

.text-regular p:last-child {
	margin-bottom: 0
}

.text-header {
	font-size: 32px;
	font-weight: 500;
	line-height: 38px;
	color: #0073AE;
	margin-bottom: 20px
}

.text-lead {
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	color: #4D4D4D;
	text-transform: uppercase;
	margin-bottom: 20px
}

.text-title {
	font-size: 25px;
	font-weight: 500;
	line-height: 35px;
	color: #fff;
	margin-bottom: 10px
}

.strong {
	font-weight: 500
}

@media (max-width: 992px) {
	.text-regular {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 20px
	}

	.text-header {
		font-size: 28px;
		line-height: 32px;
	}

	.text-lead {
		margin-bottom: 10px
	}

	.text-title {
		font-size: 21px;
		line-height: 24px
	}
}

@media (max-width: 767.997px) {
	.text-regular {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 10px
	}

	.text-header {
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 10px
	}

	.text-lead {
		margin-bottom: 10px
	}

	.text-title {
		font-size: 18px;
		margin-bottom: 0px
	}
}

.button-wrapper {}

.align-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.blue-arrow {
	background: transparent url(/assets/images/icons/arrow_blue.png) no-repeat 10px 6px;
	display: inline-block;
	width: 40px;
	vertical-align: top;
	height: 24px;
}

.white-arrow {
	background: transparent url(/assets/images/icons/arrow_white.png) no-repeat 10px 6px;
	display: inline-block;
	width: 40px;
	vertical-align: top;
	height: 24px;
}

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

.effect6 {
	box-shadow: 0px 2px 4px -2px rgb(24 39 75 / 12%), 0px 4px 4px -2px rgb(24 39 75 / 8%);
}

.effect7 {
	box-shadow: -1px -1px 4px -2px rgb(24 39 75 / 12%), 0px 4px 4px -2px rgb(24 39 75 / 8%);
}

.overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.overlay-bottom {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.overlay-half {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}

@media (max-width: 991px) {
	.overlay-half {
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
	}
}

@media (max-width: 575px) {
	.overlay-half {
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 100%);
	}
}

.section {
	padding: 72px 0 0;
}
.section-pd-bt-72{	
	padding-bottom: 72px;
}
.paragraph {
	margin: 72px 0 0;
}

.paragraph-top {
	margin-bottom: 72px;
}

.paragraph-half {
	margin: 36px 0 0;
}

@media (max-width: 575px) {
	.paragraph {
		margin: 36px 0 0;
	}

	.paragraph-top {
		margin-bottom: 36px;
	}

	.section {
		padding: 36px 0 0;
	}
	.section-pd-bt-72{
		padding: 36px 0 0;
	}
}

.bg-gray {
	background-color: #e5e4e4 !important;
}

.bg-darkblue {
	background-color: #006499 !important;
}

.bg-blue {
	background-color: rgba(0, 164, 227, 0.9) !important;
}

.bg-lightblue {
	background-color: #CAE3E9 !important;
	padding: 72px 0;
}
.bg-ltblue{background-color: #CAE3E9;}
@media (max-width: 575px) {
	.bg-lightblue {
		padding: 36px 0;
	}
}

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

.section-title {
	display: block !important;
	font-size: 28px !important;
	line-height: 31px !important;
	font-weight: 300;
	margin-bottom: 22px;
	color: #4a4a4a !important;
	text-transform: uppercase;
	text-align: left;
}

.subtitle {
	margin-bottom: 40px !important;
	color: #808284 !important;
	font-weight: 300 !important;
	text-align: left;
	padding-left: 15px;
}

/*----------------- 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%;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 25px;
	font-size: 14px;
	background-color: #e5e4e4;
	border-color: #e5e4e4;
	height: 50px;
	border-radius: 5px;
}

.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!!!!! ----------------*/
/* ------------------ Header ---------------------------*/
.region-header {
	padding: 0 45px;
	display: flex;
	justify-content: space-between
}

@media (max-width: 575px) {
	.region-header {
		padding: 0 15px
	}
}

.region-header .navbar {
	padding: 0;
}

/*------------------ Back To Top ---------------------*/
/* top top wrapper */
.top-top-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.top-top-wrapper .to-top-btn {
	float: right;
	cursor: pointer;
	display: flex;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding-top: 25px;
	border-radius: 10px;
	margin-top: 100px;
	margin-bottom: 40px
}

@media (max-width:1199.98px) {
	.top-top-wrapper .to-top-btn {
		margin-top: 80px
	}
}

@media (max-width:1023.98px) {
	.top-top-wrapper .to-top-btn {
		margin-top: 72px
	}
}

@media (max-width:767.998px) {
	.top-top-wrapper .to-top-btn {
		margin-top: 48px
	}
}

/* end top top wrapper */
div.arrow {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(-45deg);
}

/*-------------- 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) {
	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: 500;
	font-size: 30px;
	color: #4a4a4a;
	margin-bottom: 10px;
	color: #0073AE;
}

.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;
	border-radius: 15px;
}

.blog-main .blog-preamble {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400
}

.blog-main .blog-content-desc {
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 20px
}

.blog-main .blog-content-desc img {
	max-width: 90%;
	display: block;
	margin: 0 auto !important;
}

.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;
	font-weight: 300;
}

.blog-social {
	width: 50px;
	border: 1px solid;
	float: right;
	border-radius: 15px;
}

@media all and (max-width: 767px) {
	.blog-social {
		display: none
	}
}

.blog-social li {
	padding: 10px 0px 2px 10px;
	cursor: pointer;
}

.avatar {
	display: flex;
	justify-content: left
}

.avatar .author-img-wrapper {
	padding-right: 15px;
}

.avatar .author-img-wrapper img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
}

.avatar .author-details-wrapper h4 {
	margin-bottom: 12px;
	font-size: 18px
}

.avatar .author-details-wrapper h6 {
	font-weight: 400;
	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;}*/
.article-tags {
	font-size: 16px;
	line-height: 24px;
}

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


div.ms-formfieldlabelcontainer span.ms-formfieldlabel,
.ms-formfieldlabelcontainer .ms-formfieldlabel {
	color: #000;
	font-size: 0.7rem;
}

.ms-formfieldvaluecontainer {
	padding: 0;
}

.noborder .ms-formfieldvaluecontainer {
	border: 0
}

.ms-dtinput a {
	padding: 0
}


/* 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 .block-header>div.h2 {
	padding-left: 15px;
	padding-right: 15px;
	font-family: Roboto;
	line-height: 31px;
	margin-bottom: 0;
}

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



.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-g {
	margin-left: 3px;
	color: #fff;
	background: #2dbe00;
	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-g:hover {
	color: #fff;
	background: #44d517;
	text-decoration: none;
}

.btn-g:active {
	color: #fff;
	background: #00b533;
	text-decoration: none;
}

.btn-g:visited {
	color: #fff;
}

.btn-g: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;
}

.button {
	border-radius: 36px;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0px;
	padding: 16px 30px;
	box-sizing: border-box;
	text-decoration: none;
	display: inline-flex;
}

.btn-h,
.btn-h:visited {
	background: #fff;
	transition: all 0.5s linear;
	border: 2px solid #fff;
	color: #0073ae;
}

.btn-h:hover {
	background: transparent;
	color: #fff;
	font-size: 17px;
}

.btn-s {
	background: #0073ae;
	color: #fff;
	border: 2px solid #0073ae;
	font-size: 16px;
}

.btn-s:visited {
	color: #fff;
}

.btn-s:hover {
	background: transparent;
	color: #0073ae;
}

.btn-m {
	background: #0073ae;
	color: #fff;
	border: 2px solid #0073ae;
	font-size: 16px;
	padding: 10px 30px
}

.btn-m:visited {
	color: #fff;
}

.btn-m:hover {
	background: transparent;
	color: #0073ae;
}

/* 1-box logo slider */
.slick-1-box-slider {
	background-color: #F2F2F2;
	padding: 72px 0;
	position: relative
}

.slick-1-box-slider:before {
	position: absolute;
	content: ' ';
	background: url(/Assets/Motives/group-2.png) no-repeat;
	background-size: cover;
	width: 80px;
	height: 80px;
	right: 0;
	top: 0;
}

.slick-1-box-slider:after {
	position: absolute;
	content: ' ';
	background: url(/Assets/Motives/group-1.png) no-repeat;
	background-size: cover;
	width: 120px;
	height: 120px;
	bottom: 0;
	left: 0;
}

.slick-1-box-slider .media-wrapper {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 37.66667%;
	-ms-flex: 0 0 37.66667%;
	flex: 0 0 37.66667%;
	max-width: 37.66667%;
	margin-left: 12.33333%;
	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;
	justify-content: center
}

.slick-1-box-slider .media-wrapper img {
	max-width: 300px;
	max-height: 200px
}

.slick-1-box-slider .content-wrapper {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 37.66667%;
	-ms-flex: 0 0 37.66667%;
	flex: 0 0 37.66667%;
	max-width: 37.66667%;
	margin-right: 12.33333%;
	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;
}

.slick-1-box-slider .content-wrapper h3 {
	font-size: 25px;
	line-height: 35px;
	letter-spacing: 0px;
	color: #231F20;
	margin-bottom: 20px
}

@media (max-width: 992px) {
	.slick-1-box-slider .media-wrapper {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-left: 0;
	}

	.slick-1-box-slider .content-wrapper {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-right: 0%;
	}
}

@media (max-width: 575px) {
	.slick-1-box-slider {
		padding: 36px 0;
	}

	.slick-1-box-slider:before {
		width: 50px;
		height: 50px;
	}

	.slick-1-box-slider:after {
		width: 80px;
		height: 80px;
	}

	.slick-1-box-slider .media-wrapper {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0;
		padding-bottom: 20px;
	}

	.slick-1-box-slider .content-wrapper {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0%;
		padding-left: 12%;
		padding-right: 12%;
		text-align: center;
	}

	.slick-1-box-slider .content-wrapper h3 {
		font-size: 18px;
		line-height: 25px;
	}
}

/* tabs */
/* tabs */
.hide {
	display: none;
}

.show {
	display: block;
}

.tabs-nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	justify-content: space-around;
}

.tabs-nav li {
	list-style: none;
	padding: 0 10px 8px 10px;
	text-align: center;
	white-space: nowrap;
	*display: inline;
	zoom: 1;
	cursor: pointer;
	border-bottom: 5px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 0 !important;
}

.tabs-nav .active,
.tabs-nav li.active {
	color: #000;
	border-bottom: 5px solid #0073AE;
	background-color: #fff;
}

* html .tabs-nav li {
	/* for IE6 */
	display: inline;
}

*+html .tabs-nav li {
	/* for IE7 */
	display: inline;
}

.tabs-nav li:hover {
	color: #00a4e3;
}

.tabs-nav li:first-child {
	margin-left: 0;
	border-left: 0;
}

.tabs-nav li:last-child {
	border-right: 0;
	border-left: 0;
}

@media (max-width: 800px) {
	.tabs-nav li {
		width: 33.34%;
	}
}


/* solution teaser tabs */
.teaser-tabs .tab-teaser-legend {
	position: relative;
	/*display:flex; flex-direction:column; justify-content:center;height:100%;padding-right:20px*/
}

.teaser-tabs .tab-teaser-legend h2 {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 10px;
	letter-spacing: 0px;
	color: #0073AE;
	text-transform: none;
	font-weight: 500;
	margin-left: 0
}

.teaser-tabs .tab-teaser-item {
	height: 100%;
	position: relative;
}

.teaser-tabs .tab-teaser-container {
	height: 100%;
	position: relative;
}

.teaser-tabs .tab-teaser-item-content {
	background-color: #CAE3E9;
	border-radius: 15px 0px 0px 15px;
	padding: 0;
	position: relative;
	width: 100%;
	min-height: 1px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 37%;
	-ms-flex: 0 0 37%;
	flex: 0 0 37%;
	max-width: 37%;
	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;
}

.teaser-tabs .tab-teaser-item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0px
}

.teaser-tabs .tab-teaser-item-icon img {
	width: 41px
}

.teaser-tabs .tab-teaser-item-headline {
	color: #4d4d4d;
	line-height: 28px;
	font-size: 18px;
}

.teaser-tabs .tab-teaser-wrapper {
	display: flex
}

.teaser-tabs .tab-teaser-item-text {
	margin: 50px 30px 30px 30px
}

.teaser-tabs .tab-teaser-item-text h3 {
	line-height: 28px;
	font-size: 22px
}

.teaser-tabs .tab-teaser-item-media {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 62.99997%;
	-ms-flex: 0 0 62.99997%;
	flex: 0 0 62.99997%;
	max-width: 62.99997%;
	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
}

.teaser-tabs .tab-teaser-item-media img {
	width: 100%
}

.teaser-tabs .tab-teaser-item-link {
	margin: 0 30px
}

.teaser-tabs .tab-teaser-item-header {
	display: none
}

@media (min-width: 1200px) {
	.teaser-tabs .tab-teaser-legend {
		margin-top: 110px;
	}

	.teaser-tabs .tab-teaser-item-headline {
		font-size: 20px;
	}
}

@media (min-width: 992px) {
	.teaser-tabs .tab-teaser-item-text {
		margin-top: 100px
	}
}

/*@media (min-width:1024px)  and (max-width: 1199px) {
    .teaser-tabs .tab-teaser-item-content	{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
    .teaser-tabs .tab-teaser-item-media {-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
    .teaser-tabs .tab-teaser-item-text h3 {line-height:24px; font-size:20px}
    .teaser-tabs .tab-teaser-item-text {margin: 50px 30px 30px 50px;}
}*/

@media (max-width: 767.997px) {

	/*.teaser-tabs .tab-teaser-legend { margin-top:0px;}*/
	.teaser-tabs .tab-teaser-item-headline {
		font: normal normal normal 16px/24px Roboto;
	}

	.teaser-tabs .tab-teaser-item-icon img {
		width: 31px
	}
}

@media (max-width: 680px) {
	.teaser-tabs .tabs-nav {
		display: none;
	}

	.teaser-tabs .tab-teaser-item-header {
		border-radius: 15px;
		cursor: pointer;
		position: relative;
		margin-top: 10px;
		display: flex;
		align-items: center;
		padding: 10px;
		background-color: #CAE3E9;
	}

	.teaser-tabs .tab-teaser-wrapper {
		flex-direction: column
	}

	.teaser-tabs .tab-teaser-item-header.active {
		border-radius: 15px 15px 0 0;
	}

	.teaser-tabs .tab-teaser-item-icon {
		display: inline;
		align-items: center;
		margin: 0 15px 0 5px;
	}


	.teaser-tabs .tab-teaser-item-content {
		border-radius: 0 0 15px 15px;
		padding: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}

	.teaser-tabs .tab-teaser-item-media {
		padding: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.teaser-tabs .tab-teaser-item-media img {
		object-fit: cover;
		height: 250px;
	}

	.teaser-tabs .tab-teaser-item-text {
		margin: 30px 30px 30px 30px;
	}

	.teaser-tabs .tab-teaser-item-link {
		margin-bottom: 30px;
	}

	.teaser-tabs .tab-teaser-item-link .btn-s {
		display: block
	}
}

/* text media */
.text-media-landscape .content-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.text-media-landscape .text-regular b {
	font-weight: 500;
	color: #231F20
}

.episode__item {
	margin-bottom: 20px
}

.episode__item a {
	position: relative;
	padding: 0
}

.episode__item .media-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	content: " ";
	font-size: 50px;
	color: #fff;
	opacity: .8;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.episode__item img {
	border-radius: 15px;
	width: 100%
}

@media (max-width: 575px) {
	.text-media-landscape .content-wrapper {
		padding-right: 15px
	}

	.text-media-landscape .content-img img {
		margin-bottom: 20px
	}
}

.video h3 {
	text-align: center;
}

.video img {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

/* venobox */
.vbox-overlay *,
.vbox-overlay :after,
.vbox-overlay :before {
	-webkit-backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.vbox-overlay * {
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}

.vbox-overlay {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 999999
}

.vbox-title {
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 50px;
	overflow: hidden;
	position: fixed;
	display: none;
	left: 0;
	z-index: 89
}

.vbox-close {
	cursor: pointer;
	position: fixed;
	top: -1px;
	right: 0;
	width: 50px;
	height: 40px;
	padding: 6px;
	display: block;
	background-position: 10px center;
	overflow: hidden;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	z-index: 99
}

.vbox-left {
	cursor: pointer;
	position: fixed;
	left: 0;
	height: 40px;
	overflow: hidden;
	line-height: 28px;
	font-size: 12px;
	z-index: 99;
	display: flex;
	align-items: center
}

.vbox-num {
	display: inline-block;
	margin: 6px 0 6px 15px
}

.vbox-share {
	line-height: 28px;
	font-size: 12px;
	overflow: hidden;
	position: fixed;
	left: 0;
	z-index: 98;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center
}

.vbox-share svg {
	max-height: 28px;
	width: 28px;
	z-index: 10;
	margin-left: 12px;
	margin-top: 6px;
	margin-bottom: 6px;
	vertical-align: middle
}

.vbox-next,
.vbox-prev {
	position: fixed;
	top: 50%;
	margin-top: -15px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	width: 45px;
	height: 45px;
	z-index: 99
}

.vbox-next span,
.vbox-prev span {
	position: relative;
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top-color: #b6b6b6;
	border-right-color: #b6b6b6;
	text-indent: -100px;
	position: absolute;
	top: 8px;
	display: block
}

.vbox-prev {
	left: 15px
}

.vbox-next {
	right: 15px
}

.vbox-prev span {
	left: 10px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.vbox-next span {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 10px
}

.vbox-inline {
	width: 420px;
	height: 315px;
	height: 70vh;
	padding: 10px;
	background: #fff;
	margin: 0 auto;
	overflow: auto;
	text-align: left
}

.venoframe {
	max-width: 100%;
	width: 100%;
	border: none;
	width: 100%;
	height: 260px;
	height: 70vh
}

.venoframe.vbvid {
	height: 260px
}

@media (min-width:768px) {

	.vbox-inline,
	.venoframe {
		width: 90%;
		height: 360px;
		height: 70vh
	}

	.venoframe.vbvid {
		width: 640px;
		height: 360px
	}
}

@media (min-width:992px) {

	.vbox-inline,
	.venoframe {
		max-width: 1200px;
		width: 80%;
		height: 540px;
		height: 70vh
	}

	.venoframe.vbvid {
		width: 960px;
		height: 540px
	}
}

.vbox-open {
	overflow: hidden
}

.vbox-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	z-index: 20;
	max-height: 100%
}

.vbox-content {
	text-align: center;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 20px 4%
}

.vbox-container img {
	max-width: 100%;
	height: auto
}

.vbox-figlio {
	box-shadow: 0 0 12px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
	max-width: 100%;
	text-align: initial
}

img.vbox-figlio {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none
}

.vbox-content.swipe-left {
	margin-left: -200px !important
}

.vbox-content.swipe-right {
	margin-left: 200px !important
}

.vbox-animated {
	webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out
}

.sk-double-bounce,
.sk-rotating-plane {
	width: 40px;
	height: 40px;
	margin: 40px auto
}

.sk-rotating-plane {
	background-color: #333;
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotatePlane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

@keyframes sk-rotatePlane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

.sk-double-bounce {
	position: relative
}

.sk-double-bounce .sk-child {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
	animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-child,
.sk-spinner-pulse,
.sk-three-bounce .sk-child {
	background-color: #333;
	border-radius: 100%
}

.sk-double-bounce .sk-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-doubleBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-doubleBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-wave {
	margin: 40px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px
}

.sk-wave .sk-rect {
	background-color: #333;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-wave .sk-rect1 {
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s
}

.sk-wave .sk-rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.sk-wave .sk-rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.sk-wave .sk-rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.sk-wave .sk-rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

@-webkit-keyframes sk-waveStretchDelay {

	0%,
	100%,
	40% {
		-webkit-transform: scaleY(.4);
		transform: scaleY(.4)
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes sk-waveStretchDelay {

	0%,
	100%,
	40% {
		-webkit-transform: scaleY(.4);
		transform: scaleY(.4)
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

.sk-wandering-cubes {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}

.sk-wandering-cubes .sk-cube {
	background-color: #333;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
	animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}

.sk-chasing-dots,
.sk-spinner-pulse {
	width: 40px;
	height: 40px;
	margin: 40px auto
}

.sk-wandering-cubes .sk-cube2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

@-webkit-keyframes sk-wanderingCube {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	25% {
		-webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
		transform: translateX(30px) rotate(-90deg) scale(.5)
	}

	50% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
		transform: translateX(30px) translateY(30px) rotate(-179deg)
	}

	50.1% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
		transform: translateX(30px) translateY(30px) rotate(-180deg)
	}

	75% {
		-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
		transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@keyframes sk-wanderingCube {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	25% {
		-webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
		transform: translateX(30px) rotate(-90deg) scale(.5)
	}

	50% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
		transform: translateX(30px) translateY(30px) rotate(-179deg)
	}

	50.1% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
		transform: translateX(30px) translateY(30px) rotate(-180deg)
	}

	75% {
		-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
		transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.sk-spinner-pulse {
	-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
	animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@-webkit-keyframes sk-pulseScaleOut {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes sk-pulseScaleOut {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.sk-chasing-dots {
	position: relative;
	text-align: center;
	-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
	animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-chasing-dots .sk-child {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
	animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-chasingDotsRotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes sk-chasingDotsRotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes sk-chasingDotsBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-chasingDotsBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-three-bounce {
	margin: 40px auto;
	width: 80px;
	text-align: center
}

.sk-three-bounce .sk-child {
	width: 20px;
	height: 20px;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}

.sk-circle .sk-child:before,
.sk-fading-circle .sk-circle:before {
	display: block;
	border-radius: 100%;
	content: '';
	background-color: #333
}

.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes sk-three-bounce {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-three-bounce {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-circle {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}

.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sk-circle .sk-child:before {
	margin: 0 auto;
	width: 15%;
	height: 15%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-circleBounceDelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-cube-grid {
	width: 40px;
	height: 40px;
	margin: 40px auto
}

.sk-cube-grid .sk-cube {
	width: 33.33%;
	height: 33.33%;
	background-color: #333;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {

	0%,
	100%,
	70% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1)
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1)
	}
}

@keyframes sk-cubeGridScaleDelay {

	0%,
	100%,
	70% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1)
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1)
	}
}

.sk-fading-circle {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sk-fading-circle .sk-circle:before {
	margin: 0 auto;
	width: 15%;
	height: 15%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

	0%,
	100%,
	39% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

@keyframes sk-circleFadeDelay {

	0%,
	100%,
	39% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

.sk-folding-cube {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}

.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1
	}

	100%,
	90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0
	}
}

@keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1
	}

	100%,
	90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0
	}
}

/* new banner *
/*banner css start*/
.slick-banner-new,
.slick-banner-new .block-content {
	position: relative;
	overflow: hidden;
	max-height: 550px;
}

.slick-banner-new .block-content::after {
	position: absolute;
	content: ' ';
	background-color: #CAE3E9;
	opacity: 0.8;
	top: calc(50% - 56px);
	right: -56px;
	width: 112px;
	height: 112px;
	border-radius: 56px;
}

.slick-banner-new .slick-dotted.slick-slider {
	margin-bottom: 0
}

.slick-banner-new .content-img {
	max-height: 550px;
	overflow: hidden;
	position: relative
}

.slick-banner-new .content-img img {
	height: auto;
	width: 100%;
}

.slick-banner-new .content-img::after {
	position: absolute;
	content: ' ';
	background-color: #00A4E4;
	opacity: 0.8;
	bottom: -40px;
	left: 160px;
	width: 84px;
	height: 104px;
	border-radius: 40px;
}

.slick-banner-new .content-img::before {
	position: absolute;
	content: ' ';
	background-color: #0073AE;
	opacity: 0.8;
	top: 0;
	left: 160px;
	width: 90px;
	height: 68px;
	border-radius: 0 0 15px 15px;
	z-index: 9
}

.slick-banner-new .content-sub {
	z-index: 10;
	width: 100%;
	padding: 0 40px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slick-banner-new .content-sub h1 {
	margin-bottom: 20px;
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	color: #ffffff;
}

.slick-banner-new .content-sub p {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 23px;
	color: #ffffff;
}

.slick-banner-new .slick-dots {
	bottom: 15px;
}

.slick-banner-new .slick-dots li button::before {
	color: #ffffff;
}

.slick-banner-new .slick-dots li.slick-active button:before {
	opacity: .75;
	color: white;
}

.slick-banner-new .content-sub a.link {
	color: #fff;
	font-size: 18px;
}

@media (max-width: 991.999999px) {
	.slick-banner-new .content-sub h1 {
		font-size: 35px;
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	.slick-banner-new .content-sub {
		padding: 0;
		top: 60%;
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
	}

	.slick-banner-new .content-img img {
		height: auto;
		width: auto;
	}

	.slick-banner-new .content-sub h1 {
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	.slick-banner-new .content-sub p {
		font-size: 14px
	}
}

@media (max-width: 575px) {
	.slick-banner-new .content-sub h1 {
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 10px;
		margin-right: 50px
	}

	.slick-banner-new .content-img::after {
		bottom: -40px;
		left: 80px;
		width: 62px;
		height: 84px;
		border-radius: 40px;
	}

	.slick-banner-new .content-img::before {
		left: 80px;
		width: 65px;
		height: 48px;
		border-radius: 0 0 15px 15px;
	}

	.slick-banner-new .block-content::after {
		right: -46px;
		width: 82px;
		height: 82px;
		border-radius: 56px;
	}
}

/*banner css end*/




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

.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: 20px;
	font-size: 40px;
	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;
}

.slick-banner .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 .block-content {
	min-height: calc(100vh - 150px);
	position: relative;
	background-size: auto;
	background-position: top center;
}

.image-cards h2.image-card-header {
	text-align: center;
	min-height: 10vh
}

.image-cards h2.image-card-header {
	color: #ffffff;
	font-weight: bold;
	font-size: 4vh;
	line-height: 4vh;
	letter-spacing: 1px;
	padding-top: 4vh
}

.image-cards h2.image-card-header 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 .card-text-rich p {
	margin-bottom: 0
}

.image-cards .card-1 .card-text .card-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 .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 h2.image-card-header {
		font-size: 30px;
	}

	.media-suite-banner {
		margin-top: 40px;
	}

	.image-cards .card-1 .card-text .card-text-plain {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.image-cards .block-content {
		min-height: calc(100vh - 80px);
		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 h2.image-card-header {
		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 .card-text-plain {
		margin-bottom: 40px;
	}

	.image-cards h2.image-card-header 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
}


.partners .card-3 .content-img {
	height: 120px;
	overflow: hidden;
	display: flex;
	padding-right: 30%;
	justify-content: center;
	flex-direction: column;
}

.partners .card-3 .content-img img {
	display: block;
	width: 100%;
	max-width: 150px
}

.line-blue {
	width: 50px;
	height: 5px;
	background: #00A4E4 0% 0% no-repeat padding-box;
	border-radius: 3px;
	margin: 20px 0;
}

/*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: 800px;
	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;
	ont-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";
}

/*******************************************************hcs-redesign-6-18-2021************************************/
.p-44 {
	padding-left: 44px;
	padding-right: 44px;
}

/*******************************************************end of hcs-redesign-6-18-2021*****************************/
.text-picture-inverted .text-picture-content-wrapper {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
}

.text-picture .text-picture-content-wrapper {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.66667%;
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
	/* margin-left: 8.33333%; */
	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;
}

.text-picture-inverted .text-picture-media-wrapper {
	margin-left: 0;
}

.text-picture .text-picture-media-wrapper {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.66667%;
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
	margin-left: 8.33333%;
	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;
}

.h3redesign {
	color: #0073AE !important;
	margin-left: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}





/* insights */
.card-three-wrapper .card-3 {
	overflow: hidden;
	border-radius: 15px;
	margin-bottom: 30px;
	background-color: #fff
}

.card-three-wrapper .card-3 .content-item .text-lead {
	color: #0073AE;
}

.card-three-wrapper .card-3 .content-item {
	overflow: hidden;
}

.card-three-wrapper .card-3 .content-sub {
	padding: 15px;
	height: 200px;
	position: relative
}

.card-three-wrapper .card-3 .content-sub.x2 {
	height: 250px;
}

.card-three-wrapper .card-3 .content-img {
	overflow: hidden;
	border-radius: 15px 15px 0 0;
}

.card-three-wrapper .card-3 .btn-wrapper {
	position: absolute;
	bottom: 15px
}

.card-three-wrapper .card-3 .btn-wrapper a {
	color: #0073AE
}

.card-three-wrapper .card-3 .content-item:hover {
	background-color: #0073AE;
}

.card-three-wrapper .card-3 .content-item:hover .content-img img {
	transform: scale(1.05);
}

.card-three-wrapper .card-3 .content-item:hover .text-regular {
	color: #fff
}

.card-three-wrapper .card-3 .content-item:hover .btn-wrapper a {
	color: #fff
}

.card-three-wrapper .card-3 .content-item:hover .text-lead {
	color: #fff
}

.card-three-wrapper .card-3 .content-item:hover .blue-arrow {
	background: transparent url(/assets/images/icons/arrow_white.png) no-repeat 20px 6px;
}


/* page cards */
.page-cards .card-3 {
	overflow: hidden;
	background-color: #fff
}

.page-cards .card-3 .content-item .text-lead {
	color: #0073AE;
}

.page-cards .card-3 .content-item .text-title {
	color: #231F20;
}

.page-cards .card-3 .content-item {
	overflow: hidden;
}

.page-cards .card-3 .content-sub {
	padding: 15px 0;
	height: 270px;
	position: relative
}

.page-cards .card-3 .content-img {
	max-height: 220px;
	overflow: hidden;
	border-radius: 15px;
}

.page-cards .card-3 .content-img img {
	display: block;
	width: 100%;
}

.page-cards .card-3 .btn-wrapper {
	position: absolute;
	bottom: 15px
}

.page-cards .card-3 .btn-wrapper a {
	color: #0073AE
}

.page-cards .card-3 .content-item:hover .content-img img {
	transform: scale(1.05);
}

.page-cards .card-3 .content-item:hover .blue-arrow {
	background-position: 20px 6px;
}

/* video-cards */
.video-cards .card-3 .content-item {
	overflow: hidden;
	padding: 10px 0 20px 0
}

.video-cards .card-3 .content-item .text-title {
	color: #231F20;
	font-size: 18px;
	line-height: 24px;
	margin-top: 10px;
}



.grid-container-wrapper {
	display: grid;
	/*grid-template-columns:repeat(4,1fr);*/
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: 210px 200px;
	grid-gap: 20px;

}

@media (max-width: 767px) {
	.grid-container-wrapper {
		display: grid;
		/*grid-template-columns:repeat(1,1fr);*/
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: 210px 220px;

	}

	.grid-col-row {
		grid-column: unset !important;
		grid-row: unset !important;
	}

	.text-picture .text-picture-button {
		text-align: center;
	}
}

.grid-col-row {
	grid-column: 3 / -1;
	grid-row: 1 / 3;
}

.grid-container-wrapper .edit-block-item-link {
	position: absolute;
	top: auto !important;
	left: auto !important;
}

.grid-card {
	overflow: hidden;
	border-radius: 20px;
}

.grid-card-content {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.grid-card-subcontent {
	padding: 30px 30px 0;
	background-color: #000000;
	color: #fff;
	min-height: 110px;
}

.grid-subcontent-wrapper {
	position: relative;
}

.btn-p-white {
	color: #0073AE;
	background: #ffffff;
	/*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: 36px;
	padding: 15px 25px;

}

.cta-btn {
	ackground: #003764;
	color: #fff;
	font-weight: 500;
	border-radius: 32px;
	display: inline-block;
	position: relative;
}

.btn-p-white a {
	color: #0073AE;
}

.cta-btn.btn-primary-blue a {
	position: relative;
	-webkit-transition: color .2s;
	transition: color .2s;
	padding: 6px 40px;
	justify-content: center;
	color: inherit;
	/*color: #2a2a2a;*/
	font-size: 14px;
	font-weight: 600;
	line-height: 2em;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	outline: 0;
}

.btn-primary-blue {
	color: #fff;
	background-color: #0073AE;
	border-color: #0073AE;
}

.text-picture .text-picture-button {
	margin-top: 20px;
}

.features-list .btn-wrapper a {
	color: #0073AE;
}

@media (max-width: 719.98px) {

	.text-picture .text-picture-content-wrapper,
	.text-picture .text-picture-media-wrapper,
	.text-picture-inverted .text-picture-content-wrapper,
	.text-picture-inverted .text-picture-media-wrapper,
	.text-picture-landscape .text-picture-content-wrapper,
	.text-picture-landscape .text-picture-inverted .text-picture-content-wrapper,
	.text-picture-landscape .text-picture-inverted .text-picture-media-wrapper,
	.text-picture-landscape .text-picture-media-wrapper {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0;
	}
}

@media (max-width: 719.98px) {

	.text-picture .text-picture-content-wrapper,
	.text-picture-inverted .text-picture-content-wrapper,
	.text-picture-landscape .text-picture-content-wrapper,
	.text-picture-landscape .text-picture-inverted .text-picture-content-wrapper {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		margin-top: 32px;
	}
}

.features-list .content-wrapper {}

.features-list .feature-accordion-item {
	position: relative;
	margin: 4px 0;
	padding: 0 32px;
	background-color: #CAE3E9;
	border-radius: 10px;
}

.features-list .feature-accordion-item:hover .feature-item {
	margin-left: 30px
}

@media (max-width:1023.98px) {
	.features-list .feature-accordion-item {
		-webkit-box-shadow: 0 4px 32px 0 rgba(144, 144, 144, .25);
		box-shadow: 0 4px 32px 0 rgba(144, 144, 144, .25)
	}
}

@media (max-width:719.98px) {
	.features-list .feature-accordion-item {
		-webkit-box-shadow: 0 4px 28px 0 rgba(144, 144, 144, .25);
		box-shadow: 0 4px 28px 0 rgba(144, 144, 144, .25)
	}
}

.features-list .feature-accordion-item.open .feature-accordion-headline .feature-item {
	white-space: normal;
	padding-right: 0
}

.features-list .feature-accordion-item.open .feature-accordion-headline:before {
	width: 0;
	margin: 0
}

.features-list .feature-accordion-item.open .feature-accordion-headline:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.features-list .feature-accordion-headline {
	font-weight: 500;
	font-size: 25px;
	line-height: 35px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 0;
	position: relative;
	cursor: pointer
}

.features-list .feature-accordion-item .btn-wrapper {
	margin-top: 30px;
}

@media (max-width:1023.98px) {
	.features-list .feature-accordion-headline {
		font-size: 18px;
		line-height: 24px
	}
}

@media (max-width:719.98px) {
	.features-list .feature-accordion-headline {
		font-size: 16px;
		line-height: 22px
	}
}

.features-list .feature-accordion-headline .feature-item {
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 40px;
	width: 100%;
	white-space: nowrap
}

/*.features-list .feature-accordion-headline:before{content:'';display:inline-block;width:78px;height:2px;margin-right:18px;background:#0E0E2C;-webkit-transition:width .24s ease-in-out,margin .24s ease-in-out;transition:width .24s ease-in-out,margin .24s ease-in-out}*/
.features-list .feature-accordion-headline:after {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	color: rgba(108, 117, 125, 1);
	transform: rotate(135deg);
}

.features-list .feature-accordion-headline:hover:before {
	width: 46px
}

.features-list .feature-accordion-content {
	display: none;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 32px;
	font-weight: 500
}

@media (max-width:1023.98px) {
	.features-list .feature-accordion-content {
		font-size: 16px;
		line-height: 24px
	}
}

@media (max-width:719.98px) {
	.features-list .feature-accordion-content {
		font-size: 15px;
		line-height: 22px
	}
}

.features-list .feature-accordion-content .feature-image-wrapper {
	margin-top: 28px;
	position: relative;
	display: inline-block;
	cursor: pointer
}

.features-list .feature-accordion-content .feature-image-wrapper img {
	width: 100%;
	max-width: 566px
}

@media (max-width:1023.98px) {
	.features-list .feature-accordion-content .feature-image-wrapper {
		margin-top: 20px
	}
}

.features-list .feature-accordion-content .feature-image-wrapper .feature-image-icon,
.features-list .feature-accordion-content .feature-image-wrapper:before {
	position: absolute;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	opacity: 0;
	pointer-events: none;
	z-index: 2
}

.features-list .feature-accordion-content .feature-image-wrapper:before {
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5)
}

.features-list .feature-accordion-content .feature-image-wrapper .feature-image-icon {
	bottom: 16px;
	right: 16px;
	color: #fff
}

.features-list .feature-accordion-content .feature-image-wrapper:hover .feature-image-icon,
.features-list .feature-accordion-content .feature-image-wrapper:hover:before {
	opacity: 1
}

.features-list .feature-accordion-content .cta-btn {
	margin-top: 28px
}



@media (max-width:719.98px) {
	.features-list .feature-accordion-content .cta-btn {
		margin-top: 24px
	}

	.hr-underline {
		position: static;
	}

	.hr-container {
		margin-top: 10px;
	}
}

/* benefits */
.icons-grid {
	padding: 72px 0;
	background-color: #F2F2F2;
	position: relative;
	overflow: hidden
}

.icons-grid .i-container {
	display: flex;
	flex-wrap: wrap;
}

.icons-grid .i-card {
	width: 48.5%;
	margin-bottom: 1.5%;
	margin-top: 1.5%;
	position: relative;
	z-index: 1
}

.icons-grid .i-card:nth-child(odd) {
	margin-right: 3%;
}

.icons-grid .i-card .i-card-inner img {
	max-height: 50px;
}

.icons-grid .i-card .i-card-inner .i-card-teaser-content {
	padding: 10px 15px 0 15px;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	color: #4D4D4D;
	letter-spacing: 0.5px;
	height: 50%
}

.icons-grid:before,
.icons-grid:after {
	position: absolute;
	content: "";
	display: block;
}

.icons-grid:before {
	transform: translateY(-50%);
	background-color: rgba(202, 227, 233, 1);
	right: 50px;
	top: 0;
	width: 400px;
	height: 400px;
	border-radius: 50%;
}

.icons-grid:after {
	transform: translateY(40%);
	background-color: rgba(0, 164, 228, 1);
	right: 0px;
	bottom: 0;
	width: 284px;
	height: 400px;
	border-radius: 140px 140px 0 0;
}

@media (max-width:575.999999px) {
	.icons-grid {
		padding: 36px 0;
	}

	.icons-grid h3 {
		font-size: 25px;
		line-height: 32px;
	}
}

@media (max-width: 991px) {
	.icons-grid:before {
		transform: translateY(-20%);
		background-color: rgba(202, 227, 233, 1);
		top: auto;
		right: -117px;
		bottom: 0;
		width: 235px;
		height: 235px;
		border-radius: 50%;
	}

	.icons-grid:after {
		transform: translateY(40%);
		background-color: rgba(0, 164, 228, 1);
		right: 0px;
		bottom: 0;
		width: 160px;
		height: 240px;
		border-radius: 100px 100px 0 0;
	}
}

@media (min-width:1200px) {
	.icons-grid .i-card {
		width: 22.5%;
	}

	.icons-grid .i-card:not(:nth-child(4n)) {
		margin-right: 3%;
	}
}

.icons-grid .i-card:before {
	content: "";
	float: left;
	padding-top: 100%;
}

@media (max-width:575.999999px) {
	.icons-grid .content-wrapper {
		text-align: center;
		margin-bottom: 15px;
		padding: 0 30px;
	}
}

@media (min-width:576px) {
	.icons-grid .content-wrapper {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
}

.icons-grid .i-card .i-card-inner {
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.icons-grid .i-card .i-card-inner .content-img {
	height: 50%;
	display: flex;
	align-items: flex-end;
}

/* end benefits */


@media (min-width: 720px) {
	.partners-logo .pr-card {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		text-align: center;
	}
}

/* features-cards */
.featured-cards-wrapper {
	grid-template-columns: 1fr 1fr;
}

.grid {
	display: grid;
	grid-gap: 15px;
}

.featured-cards-wrapper .grid.left {
	grid-column: 1 / span 1;
}

.featured-cards-wrapper .grid.right {
	grid-column: span 1 / -1;
}

.featured-cards-wrapper .featured-media-card,
.featured-cards-wrapper .featured-text-card {
	position: relative;
	margin-bottom: 30px
}

.featured-card .content-item {
	position: relative;
	height: 100%
}

.featured-card .content-item:before {
	border-radius: 15px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	transform-origin: 0 bottom 0;
	transform: scaleY(0);
	transition: .4s ease-out;
}

.featured-card .content-item .content-sub {
	position: absolute;
	bottom: 0;
	max-height: 70px;
	background: #000;
	width: 100%;
	padding: 15px 20px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.featured-card .content-item .content-sub .text-regular {
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.22s;
	transition: all 0.3s linear;
}

.featured-card .content-item .content-sub .btn-wrapper {
	opacity: 0;
	visibility: hidden;
	margin-bottom: 10px;
}

.featured-card .content-item .content-sub .btn-wrapper a,
.featured-card .content-item .content-sub .btn-wrapper a:hover {
	color: #fff
}

.featured-card .content-item img {
	object-fit: cover;
	width: 100%;
	max-height: 100%
}

.featured-card {
	border-radius: 15px;
	overflow: hidden;
	height: 100%
}

@media (min-width: 1200px) {
	.grid {
		grid-gap: 30px;
	}
}

@media (max-width: 767.997px) {
	.grid {
		grid-gap: 0px;
	}

	.featured-cards-wrapper {
		grid-template-columns: 1fr;
	}

	.featured-card .content-item .content-sub {
		max-height: 100%
	}

	.featured-card .content-item .content-sub .text-regular {
		opacity: 1;
		visibility: visible;
	}

	.featured-card .content-item .content-sub .btn-wrapper {
		opacity: 1;
		visibility: visible;
	}
}

.featured-card .content-item:hover .content-sub {
	max-height: 195px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.featured-card .content-item:hover:before {
	transform: scaleY(1);
}

.featured-card .content-item:hover .content-sub .text-regular {
	opacity: 1;
	visibility: visible;
	transition-delay: 0.22s;
	transition: all 0.3s ease;
}

.featured-card .content-item:hover .content-sub .btn-wrapper {
	opacity: 1;
	visibility: visible;
}

/* end */

/* offering-cards */
.offering-cards-wrapper {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-left: 15px;
	padding-right: 15px
}

.offering-cards-wrapper .featured-media-card {
	position: relative;
}

.offering-cards-wrapper .featured-text-card {
	position: relative;
	margin-bottom: 30px
}

.offering-cards-wrapper .text-header {
	text-align: center
}

.offering-cards-wrapper .grid.left {
	grid-column: 1 / 1;
}

.offering-cards-wrapper .grid.middle {
	grid-column: 2 / 2;
}

.offering-cards-wrapper .grid.right {
	grid-column: 3 / span 2;
}

@media (max-width: 991.99999px) {

	.offering-cards-wrapper .grid.left {
		grid-column: 1 / span 2;
	}

	.offering-cards-wrapper .grid.middle {
		grid-column: 3 / span 2;
	}

	.offering-cards-wrapper .grid.right {
		grid-column: 1 / span 4;
	}
}

@media (max-width: 767.997px) {
	.offering-cards-wrapper .featured-media-card {
		margin-bottom: 15px
	}
}

@media (max-width: 575.999999px) {
	.offering-cards-wrapper {
		grid-template-columns: 1fr;
	}

	.offering-cards-wrapper .grid.left {
		grid-column: 1 / 1;
	}

	.offering-cards-wrapper .grid.middle {
		grid-column: 1 / 1;
	}

	.offering-cards-wrapper .grid.right {
		grid-column: 1 / 1;
	}
}

/* scroll cards */
.scroll-cards {
	padding: 72px 0px;
	background-color: #231F20
}

.scroll-cards .content-wrapper {
	width: 100%
}

.scroll-cards .content-wrapper {
	width: 100%
}

.scroll-cards .scrl-container {
	display: flex;
	overflow: auto;
	margin-top: 20px;
}

.scroll-cards .scrl-container::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.scroll-cards .scrl-container::-webkit-scrollbar-track {
	border-radius: 5px;
	margin-right: 300px;
	background-color: #B3B3B3;
}

.scroll-cards .scrl-container::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #0073AE;
}

.scroll-cards .scrl-container .scrl-card {
	position: relative;
	margin-bottom: 20px;
	margin-right: 40px
}

.scroll-cards .scrl-card .scrl-card-inner {
	position: relative;
	color: #fff;
	min-width: 100%;
	width: 100%;
	height: 100%;
}

.scroll-cards .block-content .row {
	margin-left: 0px;
	margin-right: 0px;
}

.scroll-cards h3.text-header {
	color: #fff !important;
	width: 80%
}

.scroll-cards .text-lead {
	color: #B3B3B3
}

.scroll-cards .scrl-card-teaser-content h5 {
	font-size: 25px;
	line-height: 35px
}

.scroll-cards .scrl-card-teaser-content .teaser-sub {}

.scroll-cards .scrl-card-teaser-content .teaser-text {
	margin: 30px 0;
	font-weight: 400;
	color: #B3B3B3;
	font-size: 16px;
	line-height: 26px;
}

.scroll-cards .scrl-card-teaser-content .btn-wrapper {
	position: absolute;
	bottom: 0
}

.scroll-cards .scrl-card-teaser-content .btn-wrapper .link {
	color: #fff;
}

.scroll-cards .content-img {
	position: relative;
	max-width: 300px;
	margin: 0 auto
}

.scroll-cards .content-img::after {
	position: absolute;
	content: ' ';
	background-color: #C6DFE5;
	opacity: 0.8;
	top: 80px;
	right: 10px;
	width: 80px;
	height: 80px;
	border-radius: 40px;
}

.scroll-cards .content-img::before {
	position: absolute;
	content: ' ';
	background-color: #0073AA;
	opacity: 0.8;
	bottom: 60px;
	left: -40px;
	width: 80px;
	height: 80px;
	border-radius: 10px;
}

@media (max-width:991px) {
	.scroll-cards {
		padding: 36px 0px;
	}

	.scroll-cards .content-img {
		display: none
	}

	.scroll-cards h3.text-header {
		width: 100%;
	}

	.scroll-cards .scrl-card-teaser-content h5 {
		font-size: 18px;
		line-height: 25px
	}

	.scroll-cards .scrl-card-teaser-content .teaser-text {
		margin: 10px 0 20px 0;
		font-size: 16px;
		line-height: 21px;
	}

	.scroll-cards .scrl-card-teaser-content .btn-wrapper {
		position: relative
	}
}

@media (max-width: 719.997px) {
	.scroll-cards .scrl-container {
		flex-wrap: wrap
	}
}

@media (min-width: 719.997px) {
	.scroll-cards .scrl-container .scrl-card {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
}

/* scroll cards */

/* plain-image */
.plain-image {}

.plain-image .content-img {
	position: relative
}

.plain-image .content-img img {
	border-radius: 15px;
	width: 100%
}

/* end plain-image */

/* plain-text */



.partners-logo .pr-container {
	display: flex;
	flex-wrap: wrap;
}

.partners-logo .pr-card {
	position: relative;
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 6px;
}

.partners-logo .pr-card .pr-card-inner {
	background: #fff;
	min-width: 100%;
	width: 100%;
	height: 100%;
	box-shadow: 0px 2px 4px -2px rgb(24 39 75 / 12%), 0px 4px 4px -2px rgb(24 39 75 / 8%);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	position: relative;
	border-radius: 5px;
	text-align: center;
}

.partners-logo .pr-card .pr-card-inner img {
	margin: 20px;
}

.partners-logo {
	padding: 40px 20px;
	background-color: #dcdcdc;
}

.partners-logo .content-wrapper {
	margin-bottom: 20px;
}

.partners-logo .text-picture-button {
	margin-top: 20px;
}

/* image text aka about us */
.image-text .hr-header {
	border-bottom: 1px solid #0073AE;
}

.image-text h3.text-header {
	margin-bottom: 5px;
}

.image-text .img-inner {
	position: relative
}

.image-text .img-inner::before {
	content: '';
	position: absolute;
	height: calc(100% - 30px);
	width: 100%;
	border: 1px #0073AE solid;
	border-radius: 15px;
	z-index: -1;
}

.image-text .img-inner img {
	border-radius: 15px;
	margin-top: 30px;
	margin-left: 30px;
}

.image-text .hr-container {
	display: flex;
	flex-wrap: wrap;
}

.image-text .hr-card {
	flex: 0 0 45%;
	max-width: 45%;
	position: relative;
}

.image-text .hr-card-header {
	border-bottom: 1px solid #0073AE;
	padding-left: 30px
}

.image-text .hr-card-title {
	margin: 5px 0 30px 0;
	padding-left: 30px
}

@media (min-width: 992px) {
	.image-text .hr-container {
		margin-top: 70px;
		margin-left: 30px
	}

	.image-text .hr-header {
		margin-top: 30px;
	}
}

@media (max-width:991.98px) {
	.image-text .img-inner::before {
		height: calc(100% - 20px);
	}

	.image-text .img-inner img {
		margin-top: 20px;
		margin-left: 20px;
	}

	.image-text .hr-container {
		margin-left: 20px
	}

	.image-text .hr-header {
		border-bottom: 0;
		margin-bottom: 30px;
	}

	.image-text .text-header {
		margin-bottom: 40px;
		margin-top: 0
	}
}

@media (max-width: 767.997px) {
	.image-text .hr-card {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 575.999999px) {
	.image-text .hr-card-header {
		padding-left: 0
	}

	.image-text .hr-card-title {
		padding-left: 0
	}
}

/* Modal */
.modal-window {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.35);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

.modal-window:target {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.modal-window>div {
	width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 2em;
	background: #ffffff;
}

.modal-close {
	color: #aaa;
	line-height: 50px;
	font-size: 80%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 70px;
	text-decoration: none;
}

.modal-close:hover {
	color: black;
}

/* end Modal */

/* slick Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* Icons */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .55;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: 10px;
	z-index: 1;
}

[dir='rtl'] .slick-prev {
	right: 10px;
	left: auto;
}

.slick-prev:before {
	content: '\f177';
	font-family: "FontAwesome";
	color: rgba(108, 117, 125, 1);
}

[dir='rtl'] .slick-prev:before {
	content: '\f177';
	font-family: "FontAwesome";
	color: rgba(108, 117, 125, 1);
}

.slick-next {
	right: 10px;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: 10px;
}

.slick-next:before {
	content: '\f178';
	font-family: "FontAwesome";
	color: rgba(108, 117, 125, 1);
}

[dir='rtl'] .slick-next:before {
	content: '\f178';
	font-family: "FontAwesome";
	color: rgba(108, 117, 125, 1);
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 10px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '\2022';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}
.m-l-20 {
	margin-left: 20px;
}
/*buzz*/
.buzz-herobanner .content-img{
	position: relative;	
	overflow: hidden;
	padding: 72px 0;
}
.buzz-herobanner .content-img img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 300px;
}
.buzz-herobanner .content-img .circular-shape{
	position:relative;
}
.buzz-herobanner .content-img .circular-shape:before{
	position: absolute;
	content: '';
	background-color: #C0DEE4;
	opacity: 0.8;
	width: 85px;
    height: 85px;
    border-radius: 45px;
	left: 20%;
	top: -30px;
}
.buzz-herobanner .content-img:after{
	position: absolute;
    content: ' ';
    background-color: #00629C;
    opacity: 0.8;
    bottom: 30px;
    right: 20%;
    width: 85px;
    height: 85px;
    border-radius: 10px;
}
.buzz-herobanner .headertext{
	margin-bottom: 20px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #0073AE;
}
.buzz-ellipse-wrapper .ellipse{
	float: left;
	height: 330px;
	object-fit: cover;
	shape-margin: 30px;
	margin-right: 30px;
	position:relative;
}
.buzz-ellipse-wrapper .text-header {    
    padding: 70px 0 20px;
}
/*.buzz-ellipse-wrapper .text-content{
	position: relative;
}
.buzz-ellipse-wrapper .text-content:before{
	position: absolute;
    content: ' ';
    background-color: #0073AA;
    opacity: 0.8;
    top: 0px;
    left: 20%;
    width: 80px;
    height: 40px;
    border-radius: 0 0 15px 15px;
}*/
.buzz-semicircular-section{position:relative;}
.buzz-semicircular-section:before{
	position: absolute;
    content: ' ';
    background-color: #C0DEE4;
    opacity: 0.8;
    left: 20%;
    top: 0;
    width: 84px;
    height: 42px;
    border-radius: 0 0 42px 42px;	
	z-index: 1;
}
.buzz-semicircular-section:after{
	position: absolute;
    content: ' ';
    background-color: #00629C;
    opacity: 0.8;
    right: 0%;
    bottom: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px 0 0 0;	
}
.buzz-semicircular-wrapper{
	position: relative;
	width: 95%;
	float: right;
	border-radius: 200px 0 0 200px;
    background-color: rgba(0, 164, 228, 1);
	padding: 70px 0 70px 100px;
}
.font-white{color:#fff;}
/*.buzz-lft-aln-text-wrapper{position: relative;}
.buzz-lft-aln-text-wrapper:before{
	position: absolute;
    content: ' ';
    background-color: #C6DFE5;
    opacity: 0.7;
    top: 229px;
    right: 60px;
    width: 130px;
    height: 130px;
    border-radius: 65px;
}*/
.buzz-top-circle{
	position: relative;
}
.buzz-top-circle:before{
	position: absolute;
    content: ' ';
    background-color: #C0DEE4;
    opacity: 0.8;    
    right: 5.1%;
	bottom: 0;
    width: 84px;
    height: 42px;
    border-radius: 42px 42px 0 0;
}
.buzz-bottom-circle{
	position: relative;
}
.buzz-bottom-circle:before{
	position: absolute;
    content: ' ';
    background-color: #C0DEE4;
    opacity: 0.8;    
    right: 10%;
	top: 0;
    width: 84px;
    height: 42px;
    border-radius: 0 0 42px 42px;
	z-index:2;
}
.buzz-bottom-circle:after{
	position: absolute;
    content: ' ';
    background-color: #C0DEE4;
    opacity: 0.8;    
    left: 20%;
	bottom: 0;
    width: 84px;
    height: 42px;
    border-radius: 42px 42px 0 0;
}
.buzz-bottom-caps{position: relative;}
.buzz-bottom-caps:after{
	position: absolute;
    content: ' ';
    background-color: #008FD3;
    opacity: 0.2;    
    left: 10.55%;
	top: 0;
    width: 41px;
    height: 42px;
    border-radius: 0 0 24px 24px;
}
.buzz-top-caps{position: relative;}
.buzz-top-caps:after{
	position: absolute;
    content: ' ';
    background-color: #008FD3;
    opacity: 0.2;    
    left: 10%;
	bottom: 0;
    width: 41px;
    height: 42px;
    border-radius: 24px 24px 0 0;
}
.buzz-lft-aln-text-wrapper{
	width: 95%;
	border-radius: 0 40px 40px 0;
}
.buzz-plain-text-section{position:relative;}
.buzz-plain-text-section:before{
	position: absolute;
    content: ' ';
    background-color: #00629C;
    opacity: 0.8;
    right: 0%;
    top: 0;
    width: 42px;
    height: 42px;
    border-radius: 0 0 0 10px;
}
.buzz-plain-text-section:after{
	position: absolute;
    content: ' ';
    background-color: #C0DEE4;
    opacity: 0.8;
    left: 0%;
    bottom: 0;
    width: 42px;
    height: 42px;
    border-radius: 0 42px 0 0;
    z-index: 1;
}
.buzz-bgtext-section{position:relative;}
.buzz-bgtext-section:before{
	position: absolute;
    content: ' ';
    background-color: #C0DEE4;
    opacity: 0.8;
    left: 0%;
    top: 0;
    width: 42px;
    height: 42px;
    border-radius: 0 0 42px 0;
    z-index: 1;
}
.buzz-bgtext-section:after{
	position: absolute;
    content: ' ';
    background-color: #008FD3;
    opacity: 0.8;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 42px;
    border-radius: 24px 0 0 0;
}
.buzz-circular-wrapper .circle{	
	float: right;
	height: 330px;
	object-fit: cover;
	shape-margin: 30px;
	margin-left: 30px;
	position:relative;
}
.buzz-circular-wrapper .text-content{text-align:justify;}
.buzz-circular-wrapper{position:relative;}
.buzz-circular-wrapper:before{
	position: absolute;
    content: ' ';
    background-color: #008FD3;
    opacity: 0.8;
    right: 0;
    top: 0;
    width: 20px;
    height: 42px;
    border-radius: 0 0 0 24px;
}
.pt-6{padding-top: 60px;}
.pb-6{padding-bottom: 60px;}
.buzz_author_info{position:relative;}
@media (max-width: 719.997px) {
	.buzz-circular-wrapper .circle{	
	float: none;}
	.buzz-ellipse-wrapper .ellipse{
	float: none;}	
	.buzz-ellipse-wrapper .text-header {    
		padding: 20px 0 0 0;
	}
	.buzz-circular-wrapper .text-header {    
		padding: 20px 0 0 0;
	}
}

@media (min-width: 719.997px) {
	
}
.no-before:before{content:none !important;}
/*end*/