/*
Theme Name: 	BeaverGlobal
Author: 		Matan Amos- BeaverGlobal
Author URI: 	https://beaverglobal.com
Description: 	Shelly Theme
Version: 		1.1.3
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    magic
*/
/*Wordpress editor styles start*/
.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.wp-caption {
	margin-bottom: 1.5em;
	padding-top: 5px;
	text-align: center;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	font-size: 10px;
	line-height: 1.5;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
blockquote {
	margin: 0 0 1rem;
	border-left: 5px solid #0d74b9;
	padding: 1.2em 5em;
	background: #ebebeb6e;
	padding-top: 2rem;
}
blockquote.left {
	float: left;
	margin-right: 20px;
	margin-left: 0;
	width: 33%;
	text-align: right;
}
blockquote.right {
	float: right;
	margin-right: 0;
	margin-left: 20px;
	width: 33%;
	text-align: left;
}
.disclaimer {
	font-weight: 300;
	font-size: 13px;
	line-height: 1;
}
.selected_option span{
	border-bottom: 3px solid #005A8D!important;
}
/*Wordpress editor styles end*/
/* CSS Document */
body {
	direction: ltr;
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	padding: 107px 0 0;
}
body.lang-ja {
	font-family: "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-feature-settings : "palt";
}
body.home {
	padding: 0;
}
p,
li {
	font-weight: 300;
}
a:hover {
	color: #0d74b7;
}
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}
.section-home-events-news .container-fluid{
	padding-right: 15px;
    padding-left: 15px;
}
.main-header {
	width: 100%;
}
.header {
	padding: 15px 0;
	padding-top: 22px;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
	float: left;
}
.home-header {
	background-size: cover !important;
	position: relative;
	background-position: bottom !important;
	height: 100vh;
}
.main-header {
	padding: 0;
	padding-top: 0;
}
.header-nav-wrap {
	padding: 15px 0;
}
.home-header ul li .nav-link {
	color: #ffffff;
	font-weight: 300;
	font-size: 16px;
}
.header-right-panel-bh {
	margin: 0;
	padding: 1rem;
}
.header-nav-wrap .nav-item a.active {
	border-bottom: 4px solid #0092d3;
}
.section-2 .majick-card .card-title {
	margin-bottom: .75rem;
	font-family: "futura-pt", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-weight: 500;
	font-size: 33px;
	letter-spacing: -1px;
}
.section-2 .majick-card .card-text {
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.64px;
}
.dropdown-menu {
	min-width: 245px;
}
.dropdown-menu a {
	color: #000 !important;
	transition: all .3s ease;
}
.dropdown-toggle::after {
	background: url(images/dropdown.png);
	width: 12px;
	height: 8px;
	border: none !important;
	vertical-align: 0em;
	margin-left: 4px;
}
.dropdown-toggle:focus-within::after {
	background: url(images/aero-down-black.png);
	background-repeat: no-repeat;
}
.scrollable-menu {
	height: auto;
	max-height: 305px;
	overflow-x: hidden;
}
.home-page-hover-effect-btn {
	background: transparent;
	border: 1px solid #fff;
	padding: .3em 2em;
}
.uper-right .request-demo-btn {
	color: rgb(45, 45, 45);
	font-weight: 600;
	font-size: 16px;
	background: rgb(247, 245, 254);
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	padding: 0.4em 2.76em;
	border-radius: 0.3rem;
}
.uper-right .request-demo-btn:hover {
	text-decoration: none;
}
.heading-section h1 {
	font-size: 3.1em;
	font-weight: 700;
}
.search-icon {
	padding: 4px 14px;
	border-right: 2px solid rgba(0, 0, 0, 0.3);
	padding-right: 16px;
	padding-bottom: .7rem;
	cursor: pointer;
	position: relative;
}
.home-header .search-icon {
	border-right: 2px solid #fff;
}
.lang-btn {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	padding: 0;
	cursor: pointer;
}
.lang-btn::before {
	background: url(images/lang-sep_39.png);
}
.header-nav-wrap .nav-item .nav-link {
	padding: .5rem 1rem;
	z-index: 999;
	position: relative;
	border: 1px solid transparent;
}
.header-nav-wrap .nav-item:hover .nav-link {
	background: #ffffff;
	color: #000;
	border: 1px solid #ececec;
	border-bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}
.inner-header .header-nav-wrap .nav-item .nav-link:hover {
	border: 1px solid transparent;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}
.header-nav-wrap .nav-link {
	padding: 0;
}
.the-parent > span {
	border-bottom: 3px solid #005A8D;
}
.header-nav-wrap ul li .nav-link {
	font-weight: 300;
	padding: .3rem 0;
	font-size: 16px;
}
.header-nav-wrap ul li.menu-item a {
	font-size: 14px;
}
.header-nav-wrap ul li p {
	border-bottom: 1px solid #005a8b;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 14px;
}
.header-nav-wrap ul li.mega-menu-title a {
	border-bottom: 1px solid #005a8b;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 1rem;
	display: block;
}
.video-background {
	background: #000;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
}
.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
	.video-foreground {
		height: 300%;
		top: -100%;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground {
		width: 300%;
		left: -100%;
	}
}
.header-nav .dropdown-menu li {
	margin-bottom: .5rem;
}
.megamenu > .dropdown-menu a {
	font-size: 14px;
}
.dropdown-menu a:hover {
	color: #0d74b7 !important;
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInDown {
	animation-name: fadeInDown;
}
.lang-btn-img {
	border: none;
	border-radius: 0;
	background: transparent;
	display: inline-block;
	padding: 1.06rem;
	vertical-align: super;
	cursor: pointer;
}
.lang-btn:focus-within .lang-btn-img {
	color: #000;
}
.lang-btn:focus-within .language-downaero::after {
	background: url(images/aero-down-black.png);
	background-repeat: no-repeat;
}
.header-nav-wrap .nav-item .nav-link:focus-within .dropdown-toggle::after {
	background: url(images/aero-down-black.png);
	background-repeat: no-repeat;
}
.dropdown, .dropleft, .dropright, .dropup {
	cursor: pointer;
}
.lang-btn.dropdown:hover > .lang-btn-img {
	color: #000;
}
.home-header .lang-btn.dropdown:hover > .lang-btn-img img {
	opacity: 0;
}
.dropdown:hover > .dropdown-menu {
	display: block;
}
.dropdown > .dropdown-toggle:active {
	pointer-events: none;
}
.lang-btn .dropdown-menu {
	min-width: 110px;
	padding: 0rem !important;
	border-top-right-radius: 0 !important;
	padding-bottom: .4rem !important;
}
.lag-img {
	padding: 0 10px 3px 0;
}
.lag-img-svg{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18.2' height='18.2' viewBox='0 0 18.2 18.2'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23333;%7d%3c/style%3e%3c/defs%3e%3ctitle%3elanugage-switcher-black%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M9.1,0a9.1,9.1,0,1,0,9.1,9.1A9.1,9.1,0,0,0,9.1,0ZM7.9,1a11.1,11.1,0,0,0-2,3.7A13.9,13.9,0,0,1,3.1,3.5,8.6,8.6,0,0,1,7.9,1ZM2.7,4a9.4,9.4,0,0,0,3,1.2,11.3,11.3,0,0,0-.6,3.6H1A8,8,0,0,1,2.7,4ZM1,9.4H5.1a10.3,10.3,0,0,0,.6,3.5,18.8,18.8,0,0,0-3,1.2A7.7,7.7,0,0,1,1,9.4Zm2.1,5.2a13.6,13.6,0,0,1,2.8-1.1,10.7,10.7,0,0,0,2,3.6A7.5,7.5,0,0,1,3.1,14.6Zm5.7,2.6a11.4,11.4,0,0,1-2.3-3.8,8.5,8.5,0,0,1,2.3-.3Zm0-4.7a10.1,10.1,0,0,0-2.5.3,9.7,9.7,0,0,1-.6-3.4H8.8Zm0-3.7H5.7a9.7,9.7,0,0,1,.6-3.4,10.1,10.1,0,0,0,2.5.3Zm0-3.7a8.5,8.5,0,0,1-2.3-.3A11.4,11.4,0,0,1,8.8,1Zm8.4,3.7H13.1a15.1,15.1,0,0,0-.6-3.6,9.4,9.4,0,0,0,3-1.2A8,8,0,0,1,17.2,8.8ZM15,3.6,12.3,4.7a16.5,16.5,0,0,0-2-3.7A7.9,7.9,0,0,1,15,3.6ZM9.4,1a11.4,11.4,0,0,1,2.3,3.8,9.1,9.1,0,0,1-2.3.3Zm0,4.7a10.7,10.7,0,0,0,2.5-.3,18.6,18.6,0,0,1,.6,3.4H9.4Zm0,3.7h3.1a20.2,20.2,0,0,1-.6,3.4,10.7,10.7,0,0,0-2.5-.3Zm0,3.7a9.1,9.1,0,0,1,2.3.3,12.5,12.5,0,0,1-2.3,3.8Zm.9,4a12.7,12.7,0,0,0,2-3.6A12.8,12.8,0,0,1,15,14.6,7.3,7.3,0,0,1,10.3,17.1Zm5.2-3a18.8,18.8,0,0,0-3-1.2,19.7,19.7,0,0,0,.6-3.5h4.1A7.7,7.7,0,0,1,15.5,14.1Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
	background-repeat: no-repeat;
	margin-top: 2px;
	height: 20px;
	float: left;
	width: 20px;
	display: inline-block;
	margin: 2px 10px 0;
}
.search-pages .search-icon-svg{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.9' height='15.1' viewBox='0 0 14.9 15.1'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23333;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch-black%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M7,14A7,7,0,0,1,0,7,7,7,0,0,1,7,0a7,7,0,0,1,7,7A7,7,0,0,1,7,14ZM7,1a6,6,0,1,0,6,6A6,6,0,0,0,7,1Z'/%3e%3crect class='cls-1' x='12.5' y='11.1' width='1' height='4.32' transform='translate(-5.6 13.1) rotate(-45)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.search-home .search-icon-svg{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.9' height='15.1' viewBox='0 0 14.9 15.1'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch-white%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M7,14A7,7,0,0,1,0,7,7,7,0,0,1,7,0a7,7,0,0,1,7,7A7,7,0,0,1,7,14ZM7,1a6,6,0,1,0,6,6A6,6,0,0,0,7,1Z'/%3e%3crect class='cls-1' x='12.5' y='11.1' width='1' height='4.32' transform='translate(-5.6 13.1) rotate(-45)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}
.search-icon-svg{
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: sub;
}
.request-demo-btn:active {
	box-shadow: none;
	background: transparent;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	color: inherit;
	background-color: inherit;
	border-color: inherit;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: inherit;
}
button:focus {
	outline: none;
}
/* content heading */
.heading-section {
	width: 100%;
	padding: 75px 0 0;
	color: #FFF;
	z-index: 1;
}
.heading-section h2 {
	color: #ffd950;
	font-weight: 700;
	font-size: 54px;
	margin-bottom: 15px;
}
.home-page-intigrated-section2 {
	padding-top: 0 !important;
	padding-bottom: 2rem !important;
}
.heading-section p {
	font-size: 18px;
	font-weight: 300;
}
.section-1-partner {
	padding-bottom: 100px; 
}
.card {
    -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.2);
	border: none;
}
.fl-link{
	background: url('images/fl_link.png')no-repeat;
	height: 15px;
    width: 15px;
    display: inline-block;
    background-size: cover;
	margin-left: -20px;
	margin-top: 0;
	position: relative;
	bottom: -3px;
}
.ev-news-wrap{
	position: relative;
}
.ev-news-wrap > div{
    margin-left: auto;
    left: 0;
    margin-right: auto;
    right: 0;
    width: 50%;
}
.ev-news-wrap .overlay {
    right: 0 !important;
    left: 0 !important;
    width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.ev-news-wrap .overlay + div {
	z-index: 2;
	position: relative;
}
.ssp-link {
    margin: 35px 0;
}
.ssp-link a {
	color: #333333;
	transition: all .3s ease;
}
.ssp-link a:hover {
    color: #0d74b7;
}
.block-ev-news{
	color: #fff;
	padding-top: 8rem;
	padding-bottom: 8rem;
	font-weight: 100;
}
.block-ev-news h4{
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 40px;
}
.block-ev-news h2{
	font-size: 2.6rem;
	font-weight: 400;
	margin-bottom: 40px;
}
.block-ev-news p.event-address{
	line-height: 1.9;
	font-size: 18px;
}
.section-1-partner .nav-link {
	padding: 0;
}
.section-1-partner .nav-item img {
	padding: .5rem 1rem;
}
.section-1-partner ul li .hsbc {
	margin-top: 11px;
}
.hm-banner-btn{
	width: 100%;
	z-index: 1;
}
.hm-banner-btn a {
    padding: 0.4em 2.76em;
    font-size: 16px;
    background: transparent;
    border: 1px solid #fff;
    color: white;
	font-weight: 400;
	transition: all 0.5s ease;
	border-radius: 8px;
}
.hm-banner-btn a:hover {
	background: #e1c508;
	border: 1px solid #e1c508;
}
.dislay-center {
	margin: 0 auto;
}
.right-for-diveder:hover:after {
	opacity: 0;
}
.right-for-diveder:first-of-type:after {
	content: '';
	width: 1px;
	background: #dcd9d9;
	height: 315px;
	position: absolute;
	right: 0;
	top: 80px;
}
/* section 2 */
.btn-frnt-page:focus {
	outline: 0;
	color: #005a8c;
	border-color: #005a8c;
}
.section-2 {
	width: 100%;
	background: #eaeaea;
	padding-bottom: 2em;
}
.majick-card {
	width: 69%;
	background: none;
	border: none;
	border-radius: 0;
	margin: 0 auto;
	background-color: transparent;
}
.border-bottom-magic {
	display: inline-block;
	height: 5px;
	background: #005a8c;
	width: 110px;
	margin: 0;
	padding: 0;
}
.btn-frnt-page {
	color: #005a8c;
	background-color: transparent;
	background-image: none;
	border-color: #005a8c;
	border: 3px solid;
	padding: 8px 15px;
	border-radius: 8px;
	font-weight: 700;
	margin: 15px 0;
	display: inline-block;
}
.section-home-events-news a {
	color: #fff;
}
.section-home-events-news .carousel-indicators {
    width: 100%;
    clear: both;
    margin: 30px;
	text-align: center;
	align-items: center;
	justify-content: center;
	left: 0;
}
.section-home-events-news .carousel-indicators li,
#carouselExample .carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 1px solid #fff;
	border-radius: 100%;
	cursor: pointer;
}
.section-home-events-news #carouselExampleIndicators {
	min-height: 420px;
	height: auto;
}
.event-news-box .btn-frnt-page {
	color: #fff;
	border-color: #fff;
	border: 1px solid;
	font-weight: 300;
	transition: all .3s ease;
}
.event-news-box .btn-frnt-page:hover {
	color: rgb(45, 45, 45);
	background: #fff;
	border-color: #fff;
}
.event-news-box .btn-frnt-page:hover img {
	filter: invert(.8);
	-webkit-filter: invert(.8);
}
.ev-news-wrap {
	transition:all 0.5s ease;
	background-color: #0c80d6;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.btn-secondary:hover {
	color: inherit;
	background-color: inherit;
	border-color: inherit;
}
.btn-frnt-page:hover {
	text-decoration: none;
	color: #005a8c;
	border-color: #005a8c;
}
/* section why Majic */
.Why-Magic .container {
	width: 1223px;
	max-width: 100%;
}
.Why-Magic {
	background: url(images/xpc-diagram-bckgrd.jpg);
	padding: 17px 0;
	padding-bottom: 7em;
	background-repeat: no-repeat;
	background-size: cover;
}
.why-section-hed {
	position: relative;
	padding: 50px;
	color: #fff;
}
.why-card {
	padding: 6em;
	background: #ffffff;
	height: 19em;
}
.free-demon-quote p {
	font-weight: 400;
	font-size: 21px;
}
.wrapofsection-koib {
	background: #0c84df;
}
.why-card h2 {
	padding: 30px 20px;
	font-weight: 700;
	font-size: 27px;
}
.why-card-hover {
	display: none;
	padding: 4.5em 2em;
	background: #0c83de;
	height: 19em;
	color: #fff;
}
.Why-Magic .why-section-hed span {
	font-weight: 300;
	font-size: 42px;
}
.Why-Magic .col-md-6 {
	padding: 10px;
}
.Why-Magic .home-page-hover-effect-btn {
	padding: 8px 2.2em;
	border-radius: 5px;
	font-size: 12px;
	color: #ffffff;
	cursor: pointer;
	font-weight: 400;
}
.Why-Magic p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	margin: 1.2rem 0;
	line-height: 30px;
	letter-spacing: -0.32px;
}
.success-story-card .card-frnt-text {
	font-weight: 400;
	line-height: 30px;
	color: #333333;
}
.why-card-juint-right {
	position: absolute;
	top: 47%;
	right: -17px;
	z-index: 999;
}
.why-card-juint-bottom {
	position: absolute;
	bottom: -18px;
	left: 50%;
	z-index: 999;
}
.why-card-hover span {
	color: #fff;
	font-weight: bold;
	font-size: 27px;
	display: block;
}
.why-card-control:hover .why-card {
	display: none;
}
.why-card-control:hover .why-card-hover {
	display: block;
}
/* section selected partner & customers */
.selected-partner {
	padding: 5em;
	background: #f0f0f0;
}
.selected-partner-nop {
	background: #f0f0f0;
}
.sucess-story {
	padding: 0;
}
.selected-partner .sucess-story h2 {
	font-weight: 300;
	font-size: 42px;
	color: #000000f0;
	text-transform: capitalize;
}
.selected-section-hed {
	color: #000000;
}
.selected-section-hed {
	padding: 20px 0;
}
.selected-section-hed span {
	color: #333333;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 25px;
	display: block;
}
.customer-wrap {
	padding: 50px 0;
}
.block-3-wrapper{
	margin-top: -100px;
	font-weight: 100;
}
.section-1-partner .nav-item {
    margin: 15px 0;
}
.block-3-wrapper .btn-3-blocks{
	background: #007bff;
	color:#fff;
	width: 100%;
	padding: 15px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	transition: all .3s ease;
}
.block-3-wrapper .btn-3-blocks:hover {
    background: #544bda;
}
.block-3-wrapper .card-block{
	padding: 30px 40px;
}
.block-3-wrapper .card-subtitle{
	color:#007bff;
	font-size: 14px;
}
.block-3-wrapper .card-title{
	font-weight: bold;
	font-size: 18px;
	height: 50px;
	margin-top: 10px;
}
.block-3-wrapper .card-text{
	font-size: 16px;
}
.hm-brands-title{
	padding: 75px 0;
	font-size: 2.5em;
}
.hm-brands-title strong {
    width: 100%;
    display: block;
}
.partner-customer {
	padding: 0
}
.success-heading {
	padding-bottom: 70px;
}
.event-page .success-heading{
	padding: 0px 0 10px;
}
.sucess-card-head-liner {
	min-height: 3px;
	width: 50px;
	background: #005a80;
	display: block;
	margin: 16px 0;
}
.customer-nav li a {
	padding: .5rem 0.666rem;
}
.customer-nav li:first-child a {
	padding-left: 0;
}
.customer-nav li:last-child a {
	padding-right: 0;
}
.customer-nav li {
	margin-right: 15px;
}
.customer-nav {
	display: inline-flex;
}
.customer-nav li p {
	text-align: left;
	font-size: 19px;
}
.xpc-tab-content-diagram h3 {
	font-size: 33px !important;
}
.right-content-xpi p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 100;
}
.xpi-diagram-warp h2 {
	font-size: 33px;
	font-weight: 700;
	line-height: 40px;
}
.card-frnt-text {
	line-height: 35px;
	font-weight: 400;
	font-size: 20px;
}
#video .modal-dialog {
	max-width: 674px;
}
.sucess-story-card .card-body {
	padding: 2.1rem 1.5rem 2.1rem 2.1rem;
	position: absolute;
	background: #fff;
	bottom: 0;
	min-height: 260px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 100%;
}
.sucess-story-card .card-body span {
	font-size: 15px;
	font-weight: 300;
	color: #333333;
}
.sucess-story-card .card-body:hover {
	border-bottom: 4px solid #0d74a7;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.success-story-card {
	height: 435px;
	border-radius: 10px;
}
.success-story-card .card-img-top {
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: -1px;
}
.success-story-card .btn-primary:hover {
	color: #fff;
	background-color: #0d74a7;
	border-color: #0d74a7;
}
.readmore-btn {
	background: #0d74a7;
	display: none;
	border: 0;
	border: none;
	font-size: 15px;
	padding: .8em 3.33em;
	font-weight: 300;
	color: #fffffff2;
	margin-bottom: 1.5em;
	margin-top: 1.2em;
}
.success-story-card:hover .readmore-btn {
	display: inline-block;
}
.upcomming-events h3 {
	font-size: 21px;
	font-weight: 600;
}
.upcomming-events span {
	font-size: 14px;
	font-weight: 400;
	margin-top: 45px;
	display: block;
}
.upcomming-events p {
	font-weight: 400;
	font-size: 18px;
}
/* section recent news */
.recent-news-wrap {
	padding: 0;
}
.upcomming-events,
.recent-news {
	padding: 8% 10%;
}
.upcomming-events {
	background: url(images/news-events-sample-image.jpg);
	color: #FFFFFF;
	background-size: 100%;
	padding-left: 14%;
	height: 583px;
}
.recent-news {
	background: #0c83de;
}
.strong {
	font-size: 22px;
}
.upcomming-events h1 {
	margin: 20px 0 35px 0;
	font-weight: 800;
	font-size: 41px;
	font-family: 'Lato', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
.carousel-item h3 {
	color: #fff;
	font-weight: 400;
}
.upcomming-events .btn {
	color: #fff;
	border-color: #fff;
	margin-top: 20px;
	padding: 0.42em 1.2em;
	font-weight: 300;
	font-size: 18px;
}
#carouselExampleIndicators {
	height: 583px;
}
.upcomming-events .btn:hover {
	background: transparent;
}
.recent-news .btn {
	color: #fff;
	border-color: #fff;
	margin-top: 35px;
	padding: .8em 1.8em;
	margin-bottom: 40.5px;
}
.recent-news p {
	color: #FFF;
}
.recent-news span {
	color: #d5d5d5;
	margin-bottom: 30px;
	display: block;
	font-weight: 400;
	font-size: 14px;
}
.carousel-item .btn {
	font-size: 1rem;
	font-weight: 400;
	padding: 0.54rem 1.36rem;
}
.carousel-item .btn:hover {
	background: #D4BB09;
}
.recent-news h4 {
	color: #d5d5d5;
	margin: 45px 0;
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
}
.aero-event {
	margin-left: 15px;
}
.recent-news .carousel-indicators li {
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: transparent;
}
.carousel-indicators {
	bottom: 45px;
	left: 46px;
	justify-content: left;
}
.carousel-indicators .active {
	background: #fff !important;
}
/* section Footer section */
.footer-social-section {
	padding: 50px 22px;
}
.footer-social strong {
	font-size: 17px;
	margin-right: 15px;
	display: inline-block;
	font-weight: 700;
}
.footer-social-nav {
	display: inline-flex;
}
.footer-social-nav li a {
	padding: 10px;
}
.footer-contact-us {
	padding: .26em 2.85em;
	background: #005a8c;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	float: right;
	border: none;
	font-size: 17px;
}
.xpa-card .success-story-card:hover .card-body {
	min-height: 324px;
	border-bottom: 4px solid #0d74a7;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.xpa-card .success-story-card {
	border-radius: 0;
	height: 505px;
}
#breadcrumbs {
	padding: 0;
	margin: 15px 0;
	list-style: none;
	text-align: left;
}
#breadcrumbs li {
	display: inline-block;
	font-size: 12px;
}
#breadcrumbs li a {
	color: #212529;
	padding: 0 3px 0 0;
}
#breadcrumbs li::after {
	content: "\003e";
	padding: 0 3px 0 0;
}
#breadcrumbs li:last-child::after {
	content: "";
}
.company-inner-wrap #breadcrumbs {
	margin: 10px 0 0;
}
.company-inner-wrap #breadcrumbs{
	padding: 0 0em;
}
.footer-contact-us:hover {
	background: #005a8c;
}
.footer-section {
	background: #fff;
}
.footer-social-section .col-md-4 {
	margin-top: 14px;
}
.footer-section .container-fluid {
	max-width: 1525px;
	padding: 0 15px;
}
.footer {
	padding-top: 15px;
}
.footer h5,
.footer .bold-menu a {
	min-height: 30px;
	font-size: 17px;
	font-weight: 700;
}
.footer-card {
	width: 100%
}
.footer-card strong {
	color: #808080;
	padding: 18px 0;
	display: block;
	font-weight: 900;
	font-size: 13px;
}
.inner-footer-uper .footer-social-section .col-md-4 {
	margin-top: 7px;
}
.footer-card ul {
	padding: 0
}
.footer-card ul li {
	display: block;
}
.footer-card ul li a {
	display: block;
	padding: 5px 0px;
	color: #0c0c0c;
	font-size: 14px;
	font-weight: 300;
}
.footer .col-md-2 {
	width: 14.2857%;
}
.footer .col-md-1 {
	padding: 0 6px;
}
.footer-diveder {
	display: block;
	height: 1px;
	background: #c7c7c7;
	margin: 20px 0;
}
.recent-news .btn:hover {
	background: transparent;
}
.show-more {
	color: #808080 !important;
	font-size: 15px !important;
	text-decoration: underline;
	text-transform: lowercase;
}
.copyright {
	padding: 20px;
}
.footer-logo {
	padding: 14px;
}
.footer-logo img {
	max-width: 78px;
}
.footer-social-section form {
	float: right;
}
/* Header */
.home-header .header {
	position: relative;
    color: #fff;
    transition: all 750ms;
}
.home-header .header.scrolled{
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
	background-color: #167EC5;
	z-index: 1000;
	padding: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#167ec5+0,544bda+100 */
	background: rgb(22,126,197); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(22,126,197,1) 0%, rgba(84,75,218,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(22,126,197,1) 0%,rgba(84,75,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(22,126,197,1) 0%,rgba(84,75,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167ec5', endColorstr='#544bda',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* Page XPA style */
.inner-header {
	background: #fff;
	top: 0;
	padding: 13px 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
	transition: all ease 0.3s;
}
.inner-header.scrolled {
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	padding: 5px 0;
}
.inner-header .header-right-panel-bh {
	padding-bottom: 0;
}
.inner-header ul li a {
	color: #000;
}
.inner-header .dropdown-toggle::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='7.3' height='4.3' viewBox='0 0 7.3 4.3'%3e%3ctitle%3earrow-down-black%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpolygon points='3.7 4.3 0 0.5 0.5 0 3.7 3.3 6.8 0 7.3 0.5 3.7 4.3'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
}
.inner-header .lang-btn-img {
	color: #333;
}
.header-nav {
	margin-top: 7px;
	margin-left: -75px;
}
.inner-header * {
	transition: all ease 0.3s;
}
.inner-header .logo img {
	max-width: 70px;
	transition: all ease 1.3s;
}
.inner-header.scrolled .logo img {
	height: 69px;
}
.inner-header.scrolled .header-nav {
	margin-top: 0;
}
.inner-header.scrolled .header-right-panel-bh {
	padding: 0.5rem;
	padding-bottom: 0;
}
.inner-header .lang-btn-img:hover {
	background: none;
}
.inner-header .lang-btn-img:active {
	background: none;
}
.inner-header .lang-btn {
	border-color: #c1c1c1;
}
.inner-header .uper-right .request-demo-btn {
	background: #0d74b9;
	color: #fff;
	border: none;
}
.inner-banner-wrap {
	width: 100%;
	padding: 0;
	position: relative;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #273744;
    opacity: 0.8;
}
.banner-inner {
	background-size: cover !important;
	min-height: 415px;
	color: #FFF;
	padding: 45px 40px;
}
.banner-inner.less-height{
	min-height:300px;
}
.banner-btn {
	background: transparent;
	border-color: #fff;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	padding: .63rem 1.2rem;
	margin: 20px 0;
	width:475px;
}
.banner-btn.second{
	margin-top:0px;
	display:block;
}
.banner-content {
	padding: 130px 105px;
}
.xpi-banner {
	max-height: 644px;
}
.xpi-banner .banner-content {
	padding: 65px 65px 128px;
}
.xpi-top-banner-heading h1 {
	font-size: 66px;
}
.xpi-top-banner-heading small {
	font-size: 20px;
	vertical-align: super;
}
.banner-content h1 {
	margin: 20px 0;
	font-family: "futura-pt", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-weight: 400;
	letter-spacing: -2px;
}
.banner-content p {
	margin: 10px 0;
	font-weight: 600;
	font-size: 24px
}
.card-img-wrap-xpa .card-img-xpa {
	max-height: 40px;
}
.card-img-wrap-xpa {
	background: #157ec0;
	color: #FFFFFF;
	padding: 40px 30px;
	min-height: 205px;
}
.search-results .card-img-wrap-xpa .card-img-xpa {
	max-height: unset;
	height: 67px;
	width: 60px;
	background-size: contain;
	margin: 0 auto;
	background-image: url("images/svg/search-result.svg");
}
.xpa-card .card:hover > .card-body {
	padding-bottom: 45px !important;
}
.xpa-card .card:hover > .card-img-wrap-xpa {
	padding-top: 11px;
}
.card-img-wrap-xpa span {
	padding: 15px 0 0;
	font-weight: 700;
	font-size: 27px;
	line-height: 36px;
	margin: 0;
	display: block;
}
.apx-tab-sec h2 {
	font-size: 42px;
	font-weight: 300;
}
.xpa-card .card-body {
	min-height: 295px;
}
.xpc-tab-space {
	margin-top: 50px;
}
.xpa-card .card-frnt-text {
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
}
.section-business-logic .heading {
	padding: 52px 90px;
}
.resource-content-inner .section-business-logic .heading {
	padding: 0;
}
.resource-content-inner .inner-form {
    padding:10px 50px 50px 50px;
    -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.2);
}
.section-business-logic .heading h2 {
	padding: 15px;
	font-weight: 300;
	font-size: 42px;
}
.section-business-logic .heading p {
	padding-top: 25px;
	font-size: 21px;
	font-weight: 300;
	color: #666666;
}
.tab-of-xpa {
	width: 100%;
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
	color: #333333;
	padding: 25px;
	position: sticky;
	top: 80px;
	z-index: 999;
	background: #fff;
}
.tab-of-xpa .nav-tabs {
	border: 1px solid #0d74b2;
	border-radius: 5px;
	width: fit-content;
	margin: 0 auto;
	width: -moz-fit-content;
	width: max-content;
}
.tab-of-xpa .nav-tabs .nav-item {
	border-right: 1px solid #0d74b2;
	-webkit-flex-grow: 0;
	-webkit-flex-shrink: 0;
	-webkit-flex-basis: 50px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.tab-of-xpa .nav-tabs .nav-item .nav-link {
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	padding: 0.75rem 2.8em
}
.tab-of-xpa .nav-tabs .nav-item .nav-link:focus,
.tab-of-xpa .nav-tabs .nav-item .nav-link:hover {
	border-color: transparent;
}
.tab-left-side h3 {
	font-size: 39px;
	font-weight: 700;
}
.tab-left-side p {
	font-size: 18px;
	font-weight: 300;
	line-height: 36px;
}
.tab-of-xpa .nav-tabs .nav-item:last-child {
	border-right: none;
}
.tab-of-xpa .nav-link.active {
	color: #fff !important;
	background-color: #0d74b2;
	border: none;
	border-radius: 0;
}
.section-business-logic {
	padding-bottom: 75px;
}
.section-business-logic > .container > .row {
	width: 100%;
}
.apx-tab-sec .head {
	padding: 30px;
}
.xpa-tab-content {
	padding: 45px;
	padding-bottom: 105px;
}
.xpa-tab-content .sucess-card-head-liner {
	min-height: 3px;
	width: 63px;
	background: #005a88;
	display: block;
	margin: 20px 0;
}
.tab-content > .active {
	clear: both;
	padding: 30px 0;
}
.tab-left-side {
	padding: 65px 44px;
}
.baner-pxa {
	min-height: 200px;
	padding: 97px;
	background-size: cover !important;
}
.banner-content-xpa {
	color: #FFFFFF;
}
.banner-content-xpa span {
	margin-bottom: 32px;
	font-weight: 700;
	font-size: 28px;
	display: block;
}
.xpa-baner-btn {
	background-color: #e2c608;
	border: none;
	padding: 12px 37px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
}
.xpa-success-story .success-heading span {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 2.5rem;
}
.xpa-cta-btn {
	background: transparent;
	border: 3px solid #005a8a;
	color: #000000;
	padding: 3px 59px;
	margin-top: 14px;
	font-size: 12px;
	font-weight: 400;
	cursor: pointer;
}
.free-demon-wrap {
	width: 100%;
	padding: 100px 150px;
}
.free-demon-heading h3 {
	color: #fff;
	padding: 56px 0;
	font-size: 35px;
	font-weight: 700;
}
.free-demon-quote {
	background: #0c84df;
	color: #fff;
	padding: 50px;
	padding-top: 95px;
}
.free-demon-quote .thumbnail {
	width: 115px;
	height: 115px;
	border-radius: 50%;
	display: inline-block;
}
#form-section .thumbnail{
	width: 80px;
	height: 80px;
}
#form-section .free-demon-quote .dev-nme-xpa small{
	font-weight: 300;
}
.img-thumbnail-pxa {
	width: 100%;
	height: auto;
	height: 100%;
	border-radius: 50%;
}
.dev-nme-xpa strong {
	display: block;
	padding: 25px 0 10px;
	font-size: 13px;
}
.quote-text {
	padding: 0px 80px;
	font-size: 22px;
	padding-bottom: 50px;
}
.xpa-quote-spacer {
	min-height: 2px;
	width: 100px;
	display: inline-block;
	background: #FFFFFF;
	margin: 40px 0;
}
#form-section .xpa-quote-spacer {
	min-height: 1px;
}
.free-demon-form-xpa {
	background: #FFFFFF;
	padding: 73px 115px;
}
#successAndErrorMessages {
	color: #212529;
}
#translateMap {
	display: none;
}
.mktoForm {
	max-width: 100%;
}
.mktoLabel,
.mktoOffset {
	display: none;
}
.mktoFieldDescriptor,
.mktoFieldWrap,
.mktoButtonRow {
	width: 100% !important;
}
.mktoField {
	width: 100% !important;
	padding: .375rem .75rem !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
	padding-left: 0 !important;
}
.free-demon-form-xpa .form-control,
.mktoField {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: black;
	border-bottom: 1px solid #a3a3a3;
	border-radius: 0;
	padding-left: 0;
}
.mktoButton {
	margin-top: 20px !important;
	border: 2px solid #005a8d !important;
	padding: 0 !important;
	width: 100% !important;
	color: #005a8d !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	display: inline-block;
	background-color: transparent !important;
	background-image: none !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1.5 !important;
	border-radius: .25rem !important;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.mktoForm input[type="checkbox"] {
	display: inline;
	width: auto !important;
}
.xpa-from-submit {
	margin-top: 20px;
	border: 2px solid #005a8d;
	padding: .4em;
	width: 100%;
	color: #005a8d;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
}
.apx-footer-news-letter-form,
.newsletter-form {
	border: 1px solid #dcdcdc;
	padding: 4px 0;
	border-radius: 8px;
	padding-right: 5px;
	max-width: 411px !important;;
}
.apx-footer-news-letter-form .form-control {
	border: none;
	border-right: 1px solid #dcdcdc;
	border-radius: 0;
	font-size: 15px;
	font-weight: 400;
	padding: 6px;
}
.apx-footer-news-letter-form input[email] {
	border: none;
}
.apx-footer-news-letter-form .form-control-email {
	border-right: none;
}
.apx-news-letter-submit {
	background: #005a8b;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	width: 123%;
	padding: .4rem;
	cursor: pointer;
}
.newsletter-form.mktoForm .mktoFormRow {
	clear: none;
	padding: 0 5px;
	width: 40%;
	float: left;
}
.newsletter-form.mktoForm .mktoFormRow .mktoField {
	border: none;
	font-size: 15px !important;
	font-weight: 400;
	padding: 6px !important;
}
.newsletter-form.mktoForm .mktoButtonRow {
	width: 20% !important;
}
.newsletter-form.mktoForm .mktoButtonRow button {
	margin: 0 !important;
	height: 32px !important;
}
.newsletter-form.mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton {
	background: #005a8b !important;
	color: #fff !important;
	font-weight: 700 !important;
	border-radius: 5px !important;
	border: none !important;
	font-size: 14px !important;
	padding: .4rem !important;
	cursor: pointer;
	animation: none;
	text-align: center !important;
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important;
}
.newsletter-form.mktoForm .mktoFormCol {
	margin: 0 !important;
}
.mktoForm .mktoFormCol{
	margin-bottom: 10px !important;
}
.mktoForm .mktoButton{
	height: 50px !important;
	letter-spacing: 3px;
}
.footer-social-apx strong {
	float: right;
	font-size: 17px;
	padding: 6px 0;
	display: inline-block;
	font-weight: 700;
	margin-top: 8px;
	margin-right: -60px;
}
.inner-footer .footer-card strong {
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: .4rem;
	font-weight: 400;
	font-size: 14px;
}
.inner-footer .footer-card {
	min-height: 260px;
}
/* xpc diagram */
.diagram-inner-wrap {
	padding: 70px 110px;
	margin-bottom: 90px;
	background-size: 100%;
}
.tab-of-xpc-diagram {
	width: 100%;
	padding: 30px 0px;
	margin-bottom: 35px;
}
.tab-of-xpc-diagram .nav-align {
	text-align: center;
	padding-right: 80px;
}
.tab-of-xpc-diagram .nav-tabs {
	border: none;
	display: inline-flex;
}
.tab-of-xpc-diagram .nav-item {
	border: none;
	background-color: inherit;
	padding: 10px 15px;
	margin: 0;
	position: relative;
	flex-grow: 0;
	flex-basis: auto;
}
.tab-of-xpc-diagram .nav-item .nav-link {
	background: no-repeat;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
}
.tab-of-xpc-diagram .nav-link.active:after {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #0c80d7;
	position: absolute;
	top: -20px;
	left: 50%;
	right: 50%;
	display: inline-block;
}
.section-diagram {
	color: #FFFFFF;
}
.dia-img-set {
	width: 83%;
}
/* xpi page */
.xpi-scetio-one h2 {
	font-size: 27px;
	font-weight: 700;
}
.xpi-play-btn {
	margin-bottom: 3px;
	margin-right: 10px;
}
.xpi-diagram-warp {
	padding: 150px 110px;
	margin-bottom: 90px;
}
.xpi-diagram-warp .right-content-xpi {
	padding: 5.3rem 10.3em;
}
/* Inegration page */
.int-vido-section {
	background: #f6f6f6;
	padding: 0;
}
.int-vido-section .wrap-inti {
	padding: 20px 100px;
}
.inte-vido-content {
	padding: 15px 50px;
}
.inte-vido-content h2 {
	padding: 0 0 25px;
	font-size: 32px;
	font-weight: 300;
}
.inte-vido-content h3 {
	font-size: 1.5rem;
}
.inte-vido-content p {
	font-size: 20px;
}
.video-section {
	position: absolute!important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}
#video {
    position: initial;
    bottom: 0;
	width: 100%;
	border: none;
}
#controlBar_bgndVideo {
	display: none !important;
}
.init-business-sec .heading p {
	padding: 0 8%;
	padding-top: 15px;
}
.banner-content-intigradtions-pag {
	padding: 50px 0 3px;
}
.s-p {
	padding: 100px 0 3px;
}
.banner-content-intigradtions-pag .banner-btn {
	background: #e9cd08;
	color: #000;
	border: none;
	font-weight: 600;
	font-size: 16px;
	font-weight: 700;
	padding: .63rem 1.2rem;
}
.banner-content-intigradtions-pag h1 {
	font-size: 45px;
	font-weight: bold;
	letter-spacing: -1px;
}
.banner-content-intigradtions-pag {
	font-size: 18px;
	font-weight: 600;
}
.top-icon {
	margin: 0 0 30px;
	max-height: 65px;
	max-width: 350px;
}
a:hover {
	color: inherit;
	text-decoration: none;
}
.inte-vido-youtube {
	padding: 15px 0;
}
.section-2 .colon-2-inner-wrap .col-md-6 {
	padding: 0;
}
.intigrad-page-2-col .text-center .majick-card {
	padding: 82px 79px;
	width: 428px;
}
.colon-2-inner-wrap .majick-card .border-bottom-magic {
	height: 4px !important;
	margin: 25px;
}
.colon-2-inner-wrap .majick-card .btn-frnt-page {
	border: 2px solid;
	padding: 7px 55px;
	font-size: 17px;
	font-weight: 400;
}
.intigrad-page-2-col .text-center .majick-card:hover {
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
}
.intigrad-page-2-col {
	padding: 2rem 3rem;
}
.intigrad-page-2-col .selected-section-hed h2 {
	font-size: 35px;
	font-weight: 300;
}
.intigrad-page-2-col .majick-card .card-title small {
	font-size: 15px;
	vertical-align: super;
}
.colon-2-inner-wrap {
	width: 845px;
	display: inline-block;
	margin: 0 auto;
}
.colon-2-inner-wrap.colon-3 {
	width: 100%;
}
.intigrad-page-2-col .colon-3 .text-center .majick-card {
	padding: 82px 10px;
	width: 100%;
}
.home .colon-2-inner-wrap {
	padding-top: 30px;
}
.vido-bt-inte {
	background: #0875bd;
	margin: 0 0 25px;
	font-size: 16px;
	font-weight: 400;
	padding: .44rem 1.4rem;
	border-radius: 8px;
}
.inte-tab-sect {
	padding: 60px;
	padding-bottom: 135px;
}
.initi-contact-form-heading {
	color: #fff;
	padding: 15px;
	text-align: center;
	padding-bottom: 80px;
}
.inte-tab-sect #myTabContent .col-md-12 {
	padding: 20px;
	padding: 57px 150px;
	border: 2px solid #e8e8e8;
	background: #fcfcfc;
}
.inte-tab-sect .image-icon {
	height: 75px;
}
.inte-tab-sect .head {
	padding-bottom: 0;
}
.inte-tab-sect .nav-tabs .nav-item .nav-link {
	padding: 0.75rem 2.8em;
}
.inte-tab-sect #myTabContent .text-center span {
	font-size: 15px;
	font-weight: 600;
	display: block;
}
.country-map-car {
	margin: 45px 0;
}
.inte-tab-sect .xpa-tab-content {
	padding: 15px;
	margin-top: 40px;
}
.inte-tab-sect h2 {
	font-size: 29px;
	font-weight: 300;
}
.by-it-integration img {
	margin: 20px 0;
}
.by-it-integration a {
	color: #333333;
	padding: 10px;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
.bii-object:hover a {
	color: #0D74B7;
}
.by-it-integration .col-md-3 {
	min-height: 170px;
}
.by-industries-inte {
	padding: 150px 35px !important;
}
.by-industries-inte a {
	color: #333333;
	padding: 10px;
}
.by-industries-inte img {
	margin: 20px 0;
}
.datepicker th {
	background: #fff;
	color: #000;
	font-weight: 300;
}
.datepicker tr:first-child {
	border: none;
}
.datepicker tr:first-child {
	background: #fff;
}
.datepicker tbody tr {
	font-weight: 300;
	font-size: 14px;
}
.selected-section-hed input {
	border: none;
	padding: 0 15px;
	font-weight: 300;
}
.selected-section-hed input::after {
	background: url(images/aero-down-black.png);
	width: 10px;
	height: 6px;
}
.section-404 {
	background-size: cover !important;
	position: relative;
	background-position: bottom !important;
	background-image: url(images/404-bg.png);
	text-align: center;
	padding: 30px 0;
}
.text-404 {
	color: #fff;
	font-weight: 700;
	font-size: 1.75em;
	margin-top: 50px;
}
/* forms style */
.strip-logo-form .customer-nav li a img {
	width: 85%;
}
.strip-logo-form .customer-nav li a {
	padding: .5rem 0.5rem;
}
.strip-logo-form .customer-nav li:last-child a {
	padding-right: 0 !important;
}
.strip-logo-form .customer-nav li:first-child a {
	padding-left: 0 !important;
}
.forms-section {
	padding: 55px 0px;
}
.forms-section .free-demon {
	padding: 0;
	border: .20rem solid #f0f0f0;
	margin-top: 30px;
}
.forms-section .free-demon-heading {
	padding: 0;
}
.forms-section .heading-form {
	padding: 30px 0;
}
.forms-section .quote-text {
	padding: 0px 55px;
	font-size: 22px;
	padding-bottom: 50px;
}
.upload-file-form {
	width: 100%;
	background: transparent;
	border: 2px solid #157ec0;
	padding: 6px;
	color: #157ec0;
	font-size: 22px;
}
.upload-file-wrap {
	width: 100%;
}
.upload-form-file-img {
	margin-left: 18px;
	margin-bottom: 9px;
}
.form-apply {
	background: #157ec0;
	border: none;
	color: #fff;
	padding: 1rem 0;
}
.free-demon .form-allforms {
	padding: 0;
	padding-top: 0;
	padding-right: 0;
}
.inner-form-left-quote {
	padding: 95px 22px;
	padding-bottom: 0;
}
.google-map-form-country .col-md-12 countries {
	padding: 3rem 0;
}
.google-map-form-country .countries p {
	padding: 2px 0;
	margin: 0;
	font-size: 17px;
	font-weight: 400;
}
.google-map-form-country .countries h2 {
	font-size: 38px;
	font-weight: bold;
}
.google-map-form .map-heading h2 {
	padding: 20px;
}
/* Content Page */
.classportal-pag-head {
	padding: 3rem;
}
.classportal-pag-head h2 {
	padding: 20px 0;
	font-size: 60px;
	font-weight: 700;
}
.classportal-pag-head p {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.4px;
}
.portal-page-outer {
	width: 100%;
	background: #eaeaea;
	padding: 25px 0;
}
.content-page-content .success-story-card {
	height: 450px;
}
.content-page-content .card-body {
	min-height: 285px;
}
.page-portal-nav ul li a {
	color: #4a4a4a;
	font-weight: 300;
}
.dropdown-item {
	padding: .25rem .25rem;
}
.page-portal-nav label {
	padding-top: 8px;
	margin: 0;
	color: #8b8b8b;
	font-size: 16px;
	font-weight: 400;
}
.portal-page-outer .page-portal-nav ul li {
	margin-right: 4rem;
}
.search-result-search .dropdown-toggle {
	padding: .5rem 1rem;
	padding-left: 6px;
	padding-top: 11px;
	font-size: 17px;
	font-weight: 700;
}
.page-portal-nav .nav-bar {
	display: inline-block;
}
.page-portal-nav .dropdown-toggle::after {
	background: url(images/aero-down-black.png);
	width: 10px;
	height: 6px;
}
.content-page-content .card-frnt-text {
	line-height: 34px;
	font-size: 22px;
	font-weight: 400;
}
.content-page-content .readmore-btn {
	margin-bottom: 45px;
}
.portal-content-pagination .pagination {
	width: fit-content;
	width: -moz-fit-content;
	margin: 0 auto;
	border-radius: 0;
}
.portal-content-pagination .pagination .page-item {
	margin-right: 5px;
}
.portal-content-pagination {
	padding: 35px 0;
}
.portal-content-pagination .pagination .page-link {
	text-align: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	color: #5f5f5f;
	padding: 0;
	padding-top: 11px;
	border: none;
	background: transparent;
}
.next-wrap {
	border-left: 2px solid #8f8f8f;
}
.page-link-next,
.page-link-prev {
	padding: 12px 25px;
	display: block;
	color: #5f5f5f;
	font-size: 17px;
}
.search-result-content-show .success-story-card:hover .card-img-xpa {
	width: 60px;
}
.search-page-head .search-of-search .search-btn-s img {
	margin-top: 8px;
}
.page-link-prev {
	padding-left: 0;
}
.portal-content-pagination span {
	background: #0c74a9 !important;
	color: #fff !important;
}
.download-model .model-header {
	text-align: center;
	padding: 45px 0 15px;
	background: #0c87e2;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 5px;
}
.download-model .free-demon-form-xpa {
	padding: 30px 95px 75px;
	border-radius: 5px;
}
.download-model .btn-outline-primary {
	background: #0d74b3;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	border: none;
}
.download-model .note {
	opacity: .42;
	font-size: 14px;
}
.classportal-pag-head .search-of-search {
	position: relative;
	width: 50%;
	display: inline-flex;
	margin: 30px 0;
}
.team-footer .col-md-2 {
	width: 25%;
	max-width: 33%;
}
.team-footer .footer-card {
	margin-bottom: 4rem;
}
.footer-social-team-page .apx-footer-news-letter-form {
	border-radius: 20px;
}
.footer-social-team-page .apx-footer-news-letter-form .form-control {
	border-radius: 20px;
	border: 0;
}
.footer-social-team-page .team-input-footer {
	border-right: 1px solid #dcdcdc;
}
.team-footer .footer-card ul li a {
	font-weight: 400;
}
.footer-social-team-page .apx-news-letter-submit {
	border-radius: 20px;
}
.classportal-pag-head .search-of-search .input-search {
	border-radius: 30px;
	background: transparent;
	padding: 12px 25px;
	font-size: 25px;
	font-weight: 400;
}
.classportal-pag-head .search-of-search .search-btn-s {
	position: absolute;
	right: 15px;
	z-index: 999;
	background: no-repeat;
	border: 0;
	color: black;
	outline: none;
	top: 6px;
}
.classportal-pag-head .search-of-search .search-btn-s:focus {
	box-shadow: none;
}
.classportal-pag-head .search-of-search .btn-secondary:not(:disabled):not(.disabled):active {
	color: inherit;
	background-color: inherit;
	border-color: inherit;
}
.search-page-head h1 {
	font-size: 60px;
	font-weight: 700;
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
.search-page-head {
	padding-top: 5rem;
}
.search-result-content-show .card-body span {
	font-size: 14px;
	font-weight: 400;
}
.search-result-content-show .card-body .card-text {
	font-size: 20px;
}
/* Company Page */
.compny-head-line {
	min-height: 3px;
	width: 73px;
	background: #005a80;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}
.company-banner-img img {
	width: 100%;
}
.company-banner {
	padding: 5rem 0 2rem;
	text-align: center;
}
.company-banner h1 {
	font-size: 60px;
	font-weight: 300;
	letter-spacing: -1.5px;
}
.company-banner h2 {
	font-size: 1.5rem;
	color: gray;
	padding: 10px 0;
	font-weight: 300;
}
.lang-ja .company-banner h1 {
	font-size: 48px;
}
.company-content {
	padding: 2em 0;
}
.company-inner-wrap {
	width: 80%;
	margin: 0 auto;
	display: block;
}
.resource-content .company-inner-wrap {
    width: 100%;
}
.resource-content-inner {
    margin: 30px -15px 0;
}
.company-inner-wrap a {
	color: #0d74a7;
}
.company-blog-content a {
    color: #212529;
    border-bottom: 2px solid #E9CD08;
}
.company-blog-content a:hover {
    border-bottom-color: #D4BB09;
}
.resource-content-inner,
.company-blog-content {
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-weight: 300;
	font-size: 20px;
	display: block;
	padding: 2em .3em;
	line-height: 1.8;
}
.single-resource-center .resource-content-inner a{
	color:#212529;
	border-bottom:2px solid #E9CD08
}
.single-resource-center .resource-content-inner a:hover{
	border-bottom-color: #D4BB09;
}
body.lang-ja .company-blog-content {
	font-family: "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
.company-blog-content strong {
    font-weight: 700;
}
.company-blog-content h1, .company-blog-content h2, .company-blog-content h3, .company-blog-content h4, .company-blog-content h5, .company-blog-content h6 {
    margin: 1.5em 0 .5em;
}
.company-blog-content img {
	padding-top: 1em;
	width: 100%;
}
.company-blog-content.with-legend {
	padding: 2em 0;
	background: #f6f6f6;
}
.company-blog-content.with-legend img {
    width: auto;
    max-width: 85%;
}
.under-image-caption {
	padding: 2em 5em 0 5em;
	text-align: center;
	font-style: italic;
	color: #808080;
	font-size: 18px;
}
.uper-text-company {
	padding: .2em 5em;
}
.uper-text-company p {
	font-size: 21px;
	font-weight: 400;
}
.uper-text-company p.quote-author {
	font-size: 16px;
	font-weight: 700;
}
.uper-text-company p.quote-author span {
	font-weight: 400;
}
.uper-text-company p.quote-ss-text {
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-style: italic;
	font-size: 20px;
	line-height: 1.8;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.inner-content h4 {
	padding-bottom: 4px;
	display: block;
	font-weight: 700;
	font-size: 21px;
}
.company-feture-story-heading {
	font-size: 42px !important;
	font-weight: 700 !important;
}
.comapnay-page-add {
	padding: 3em;
	width: 100%;
	border: 6px solid #f1f1f1;
	border-radius: 12px;
	font-size: 21px;
	font-weight: 700;
	margin: 20px 0;
}
.comapnay-page-add h3 {
	font-size: 21px;
	font-weight: 700;
	line-height: 38px;
}
/* team-magic */
.team-magic .card {
	min-height: 539px;
	border-radius: 5px;
}
.team-magic .success-story-card .card-img-top {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.team-magic .card-body {
	padding: 2rem;
	position: absolute;
	background: #fff;
	bottom: 0;
	min-height: 175px;
	width: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.team-magic .card:hover .card-body {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom: 3px solid #0d74a7;
}
.team-magic .sucess-card-head-liner {
	min-height: 3px;
	width: 50px;
	background: #005a80;
	display: block;
	margin: 17px 0;
}
.team-magic .card-frnt-text {
	font-size: 1.3rem;
	font-weight: 400;
	min-height: 90px;
	margin: 0;
}
.team-magic h3 {
    font-weight: 700;
    font-size: 1.32rem;
}
.Team-Magic-section {
	padding: 2.5em 0;
}
.team-magic-collapse .card {
	border: none;
}
.team-magic-collapse .panel-heading {
	position: relative;
	border: none;
	background: transparent;
	padding: 0;
}
.team-magic-collapse .panel .panel-heading h5 a {
	display: block;
	padding: 1em 0;
}
.team-magic-collapse .panel .panel-heading h5 .close {
	position: absolute;
	right: 10px;
	top: 55px;
	z-index: -1;
}
.single-team-magic .modal-dialog {
	max-width: 70%;
}
.single-team-magic .model-header {
	text-align: left;
	padding: 45px 45px 0;
	background: #fff;
	color: #000;
	border-top-left-radius: 4px;
	border-top-right-radius: 5px;
}
.single-team-model-content {
	padding: 45px
}
.single-team-magic .sucess-card-head-liner {
	min-height: 3px;
	margin: 12px 0;
}
.single-team-magic .model-header h2 {
	padding-top: 15px;
	font-weight: 700;
}
.single-team-magic .model-header p {
	margin: 0
}
.modal-team-magic img {
	max-width: 350px;
}
.modal-team-magic {
	margin-top: 120px !important;
}
.accordion-toggle + .fa {
	display: inline-block;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
.accordion-toggle.collapsed + .fa {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.team-magic-collapse {
	padding: 7rem;
}
/* Tables */
table {
	font-size: 1.2rem;
}
table th,
table tr:first-child {
	border: 1px solid #dddddd;
	background-color: #0c84df;
	color: white;
	font-weight: bold;
	padding: 8px;
}
table td {
	border: 1px solid #dddddd;
	padding: 8px;
}
/* news listing */
.news-listing-icon img {
	max-height: 50px;
}
.news-listing-banner {
	padding: 102px 0;
	width: 36%;
	margin: 0 auto;
	display: block;
	float: inherit;
}
.news-listing-banner h1 {
	font-size: 45px;
	font-weight: bold;
	letter-spacing: -1px;
}
.news-listing-banner p {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}
.news-listing-content-right {
	border-left: 3px solid #0d74b3;
	padding: 0 2em;
}
.news-listing-content-right ul,
.single-press-release .company-banner ul {
	display: block;
	padding: 0;
	margin: 20px 0;
}
.news-listing-content-right ul li,
.single-press-release .company-banner ul li {
	display: inline-block;
	border-left: 1px solid #333333;
	padding: 0 8px;
	line-height: 20px;
	color: #333333;
	font-size: 18px;
	font-weight: 300;
}
.news-listing-content-right ul li:first-child,
.single-press-release .company-banner ul li:first-child {
	border-left: none;
	padding-left: 0;
}
.news-listing-content-right p {
	font-size: 18px;
	font-weight: 300;
	color: #333333;
	margin-bottom: 20px;
}
.news-listing-readmore-btn {
	background: transparent;
	color: #000000;
	border: 2px solid #0d74a8;
	padding: .44em 3.2em;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.3px;
}
.news-listing-content-right {
	color: #333333b3;
}
.news-listing-content-right h2 {
	font-weight: 300;
	font-size: 42px;
	color: #333333;
}
.news-listing-readmore-btn:hover {
	color: #fff;
	background-color: #0d74b3;
	border-color: #0d74b3;
}
.news-listing-readmore-btn:ative {
	color: #fff;
	background-color: #0d74b3;
	border-color: #0d74b3;
}
.listing-wrap {
	margin: 4em 0;
}
.news-listing-icon {
	margin-top: 10px;
}
.paginati {
	margin: 3em 0;
}
/* Event Page */
.event-page-banner {
	padding: 50px 0;
	width: 36%;
	margin: 0 auto;
	display: block;
	float: inherit;
}
.event-page-banner h1 {
	font-size: 60px;
	font-weight: bold;
}
.event-page-banner p {
	font-size: 20px;
	font-weight: 500;
}
.event-page .event-card .event-card-content h3 {
	font-size: 42px;
	font-weight: 300;
	padding: 0.6rem 0;
}
.event-page .event-card-ul li {
	padding: .4em;
	margin: 0;
	font-size: 17px;
	font-weight: 300;
}
.event-page .event-card-readmore {
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-size: 15px;
	padding: .43rem 3rem !important;
}
.event-page {
	padding: 0em 0 5em;
}
.event-page ul li {
	margin-right: 2rem;
}
.event-card {
	padding: 2em;
	min-height: 560px;
	margin-bottom: 2em;
}
.event-card .enent-card-img {
	min-height: 7em
}
.event-date img {
	margin-right: .4em;
}
.event-date {
	padding: .4em;
	margin: 0;
	font-size: 17px;
}
.event-card .card-title {
	padding: 0.4em 4em 1rem 0;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 32px;
}
.event-card .event-card-ul {
	display: block;
	padding: 1em 0;
	margin: 0;
}
.event-card .event-card-ul li {
	display: inline-block;
	margin-right: 1em;
}
.event-card .event-card-ul li p {
	font-size: 11px;
}
.event-card .event-card-readmore {
	background: transparent;
	color: #000;
	border: 2px solid #0d749a;
	margin: 2em 0;
	padding: .5em 1.5em;
}
.event-card:hover {
	background: #fff;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
}
.event-card:hover .event-card-readmore {
	background: #0d749a;
	color: #fff;
}
/* Event Single */
.single-event-page-wrap-content {
	padding: 5em;
	padding-bottom: 0;
}
.heading-single-event-page {
	font-weight: 500;
}
.heading-single-event-page span {
	font-size: 26px;
	font-weight: 400;
}
.heading-single-event-page h1 {
	font-size: 60px;
	font-weight: 300;
}
.heading-single-event-page ul {
	display: block;
	margin: 0;
	padding: 0;
}
.heading-single-event-page ul li {
	display: inline-block;
	padding: .5em;
	font-size: 24px;
	font-weight: 300;
	min-width: 300px;
	width: 47%;
}
.heading-single-event-page p {
	font-size: 24px;
	font-weight: 300;
}
.heading-single-event-page ul li img {
	margin-right: .6em;
	vertical-align: middle;
}
.heading-single-event-page p img {
	padding: 0 1em;
}
.single-event-page .single-lower-text p {
	font-size: 21px;
	font-weight: 300;
}
.single-lower-text {
	padding: 1em 4em 2em;
	font-size: 18px;
	font-weight: 400;
}
.single-bc-wrap{
	padding: 0em 4.5em;
	margin-top: 2em;
}
.single-event-map-wrap {
	padding: 0;
	border: .156em solid #e0e0e0;
}
.map-of-event,
.form-of-single-event {
	padding: 0;
}
.form-of-single-event {
	padding: 3em 2.5em;
}
.form-of-single-event .form-group {
	width: 47%;
	float: left;
	margin: 0 0.3em;
}
.single-event-form-submit {
	display: block;
	width: 12em;
	float: right;
	margin-top: 6em;
	background: #157eb1;
	color: #fff;
	border: 0;
	font-size: 18px;
	font-weight: 400;
}
.form-of-single-event .form-control {
	padding: .1rem .7rem;
	color: #2b2b2b9c;
	border-bottom: 1px solid #8a8a8a85;
	padding-left: 0;
	font-size: 19px;
	padding-top: 1em;
	font-weight: 300;
}
.form-of-single-event select {
	height: 2.7em !important;
	padding-top: 10px !important;
}
.event-single-form-heading {
	padding: 0;
}
.event-single-form-heading h3 {
	display: inline-block;
	font-size: 31px;
	font-weight: 300;
}
.event-single-partner ul li:last-child img {
	margin-top: 0px;
}
.event-single-form-heading p {
	display: inline-block;
	float: right;
	font-size: 14px;
	font-weight: 700;
	color: #157eb1;
	text-decoration: underline;
	margin-bottom: 0;
	margin-top: 9px;
}
.event-single-form-heading .link-out-img {
	height: 30px;
	width: 30px;
	margin-left: 1em;
}
.event-single-form-heading .sucess-card-head-liner {
	min-height: 3px;
	width: 55px;
	background: #005a80;
	display: block;
	margin: 19px 0;
	margin-bottom: 2em;
}
/* support */
.support-page-banner {
	padding: 5em 10em;
}
.container-of-support {
	padding: 0 3em;
}
.support-content-upper {
	padding: 2em;
}
.support-content-upper h2 {
	padding: 1.5em;
	font-size: 42px;
	font-weight: 400;
}
.support-content-upper p {
	font-size: 24px;
	font-weight: 20;
}
.supprot-section-content {
	margin: 0 0 80px;
}
.card1 a {
	color: #212529;
}
.container-of-support .card {
	border: 1px solid #e2e2e2;
	padding: 3.2em 2em;
	margin-bottom: 1em;
	min-height: 260px;
	width: 100%;
	background: #f6f6f6;
}
.container-of-support .card.n-p {
	padding: 2em;
}
.container-of-support .card img {
	padding: .4em;
	max-height: 59px;
}
.container-of-support .card1 h3 {
	font-size: 26px;
	font-weight: 600;
	margin-top: 1rem;
}
.support-page-banner h1 {
	font-size: 45px;
	font-weight: 700;
}
.support-page-banner p {
	font-size: 18px;
	font-weight: 600;
}
.forms-section .heading-form h2 {
	font-size: 60px;
	font-weight: 300;
}
.forms-section .heading-form p {
	font-size: 24px;
	font-weight: 300;
}
.submit-form-sshedule-demon {
	background: transparent;
	color: #157ec0;
	font-size: 18px;
	font-weight: 400;
	border: 2px solid #157ec0;
}
/* Blogs */
.blog-tag {
    text-transform: uppercase;
    margin: 0;
}
.blog-page-blogs .blogs-wrap {
	padding: 0em 0;
}
.blog-page-blogs .blogs-wrap .blog-lower-cont {
	padding: 1.5em;
	background: #f1f3f5;
}
.blog-page-blogs .blogs-wrap .card ul,
.blog-sub-text {
	padding: 0;
	margin: 0;
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-weight: 300;
}
.blog-page-blogs .blogs-wrap .card ul li,
.blog-sub-text li{
	display: inline-block;
	padding: .4em;
	font-size: 11px;
	font-weight: 300;
}
.blog-img-holder {
    overflow: hidden;
    height: 149px;
    position: relative;
}
.blog-img-holder .card-img-top {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
.blog-page-blogs .blogs-wrap .card-holder .card-block * {
	transition: all .3s;
}
.blog-page-blogs .blogs-wrap .card-holder .card {
	margin-bottom: 1.2rem;
}
.blog-page-blogs .blogs-wrap .card-holder .card:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow: none;
	opacity: 1 !important;
}
.blog-page-blogs .blogs-wrap .card-holder:hover .card {
	opacity: 0.5;
}
.blog-page-blogs .blogs-wrap .card-block .card-title {
    padding: .4em 0;
    letter-spacing: -1.72px;
    font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}
.blog-page-blogs .blogs-wrap .card-block .btn {
	margin: 2em 0 .8em;
	background: transparent;
	color: #000000;
	border: 2px solid #0092d3;
	padding: .434rem 3rem;
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-size: 15px;
	font-weight: 400;
}
.blog-page-blogs .blogs-wrap .blog-lower-cont:hover .btn {
	background: #0092d3;
	color: #fff;
}
.blog-page-blogs .blogs-wrap .card .card-text li, .blog-sub-text li {
    border-right: 1px solid #000;
    padding: 0 .5em;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 11px;
}
.blog-page-blogs .blogs-wrap .card .card-text li:last-child,
.blog-sub-text li:last-child {
	border-right: none;
}
.blog-page-blogs .blogs-wrap .card .card-text li:first-child {
	padding-left: 0;
}
.tab-of-blog .nav-item {
	border-radius: 5px;
	margin: 7.5px 15px 7.5px 0;
	padding: 0;
}
.tab-of-blog .nav-item .nav-link {
	color: #c4c4c4;
	padding: 8px 18px;
	border: 2px solid #c4c4c4;
	border-radius: .35rem;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
.tab-of-blog .nav-link.active:after {
	content: '';
	width: 0;
	height: 0;
	border-radius: 0;
	background: none;
	position: absolute;
}
.tab-of-blog .active {
	border: 2px solid #0092d3 !important;
	color: #0092d3 !important;
}
.tab-of-blog .nav-link:hover {
	border: 2px solid #0092d3;
	color: #0092d3;
}
.blog-page-blogs .blogs-wrap h2 {
	padding-bottom: 1em;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 25px;
}
.blog-page-head {
	padding: 0;
}
.load-more-div {
	padding: 1em;
	margin: 5em 0;
}
.load-more-div .load-more-btn {
	color: #0092d3;
	background: transparent;
	border: 2px solid #0092d3;
	padding: .45em 4.44em;
	font-size: 18px;
	font-weight: 400;
	font-family: "proxima-nova", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
#carouselExample .carousel-indicators {
    bottom: 45px;
    left: 0;
    justify-content: center;
}
.blog-post-banner-btn {
	background: #e0c408;
	color: #000;
	border: none;
	padding: .7em 4.2rem;
	margin-top: 1.5em;
	font-size: 15px;
	font-weight: 700;
}
.blog-post-banner-btn:hover {
	background: #e0c408;
	color: #000;
}
.blog-page-banner-top {
	padding: 2em 15em;
}
.banner-content-xpa a:hover{
	background: #D4BB09;
}
.banner-content-xpa .pre-title,
.single-resource-center .banner-content-intigradtions-pag .pre-title,
.blog-page-banner-top .pre-title {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.single-resource-center .banner-content-intigradtions-pag{
	padding-top: 4em;
	padding-bottom: 4em;
}
.single-resource-center .sub-title{
	margin-top: 20px;
	font-weight: 400;
}
.blog-page-banner-top h1 {
	font-size: 45px;
	font-weight: 700;
}
.blog-right-head {
	padding-left: 0;
}
.blog-left-search {
	padding: 27px 0px 20px;
	text-align: right;
}
.blog-left-search btn {
	background: #0092d3;
}
.blog-left-search [type=search] {
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	padding: .6em;
	margin-top: 2px;
	width: 208px;
	height: 50px;
	font-size: 16px;
	font-weight: 300;
}
.blog-search-form-form {
	display: inline-block;
	position: inherit;
}
.blog-search-form-form .search-submit-blog {
    position: absolute;
    right: 12px;
    top: 14px;
    cursor: pointer;
    background: transparent;
    border: none;
}
.blog-left-search .btn {
	padding: .84rem 1.45rem;
	font-size: 16px;
	font-weight: bold;
	background: #0092d3;
	border: 0;
}
.bolog-container-wrap {
	width: 1322px;
	max-width:1280px;
}
.team-magic-collapse #accordion .panel-title h3 {
	color: #333333;
	font-size: 27px;
	font-weight: 700;
}
.team-magic-collapse #accordion .panel-title p {
	color: #333333;
	font-size: 20px;
	font-weight: 500;
}
.team-magic-collapse .panel-body {
	font-size: 24px;
	font-weight: 400;
}
.team-magic-collapse #accordion .panel-title a:hover {
	text-decoration: none;
}
.team-magic-collapse #accordion .panel-title a {
	padding-bottom: 10px;
}
.team-magic-collapse #accordion .panel-body {
	padding: 1.5rem;
}
.team-magic-collapse h2 {
	font-weight: 300;
	font-size: 42px;
}
.team-page-banner-head {
	padding: 4rem 12rem;
}
.team-page-banner-head h1 {
	font-size: 45px;
	font-weight: 700;
}
.team-page-banner-head p {
	font-size: 18px;
}
.Team-Magic-section .selected-section-hed h2 {
	font-weight: 300;
	font-size: 42px;
}
/* mega menu */
@media screen and (min-width: 768px) {
	.megamenu ul {
		padding-bottom: 15px;
	}
	.megamenu > .dropdown-menu {
		min-width: 925px;
	}
}
.dropdown-md > .dropdown-menu {
	min-width: 450px;
}
.dropdown-lg > .dropdown-menu {
	min-width: 850px;
}
/* responsive nav stacked liked 3.x */
@media(max-width:48em) {
	.navbar .navbar-nav>.nav-item {
		float: none;
		margin-left: .1rem;
	}
	.navbar .navbar-nav,
	.navbar .navbar-brand {
		float: none !important;
	}
}
.megamenu .dropdown-menu > .col-lg-3,
.col-sm-6 {
	float: left;
}
.megamenu > .dropdown-menu {
	border-radius: 0;
	border: 0;
	margin: -1px 0 0;
}
.dropdown-menu {
	margin: -1px 0 0 0;
	border-radius: 3px;
	padding: 1rem 1.5rem;
	border: 1px solid #ececec;
	border-top-left-radius: 0;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
	z-index: 9999;
}
.dropdown-menu {
	border: 0;
}
.sucess-story .selected-section-hed .dropdown-menu{
	padding: 0.75rem 0rem;
}
.sucess-story .selected-section-hed .dropdown-menu a.dropdown-item{
	padding: 0.25rem 1.5rem;
}
.sucess-story .selected-section-hed .dropdown-menu a.dropdown-item:hover{
	background: #e6f3fc;
}
.home-header .lang-btn:hover {
	color: #000;
	background: url(images/language-inner_03.gif) no-repeat #fff 17px 19.2px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
}
.search-top-style .search-top-style-box {
	border: 0;
	top: 45px !important;
	min-width: 20rem !important;
	left: -190px !important;
	text-align: center;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12);
	right: auto;
	bottom: auto;
	background-color: #fff;
	margin: -1px 0 0 0;
	border-radius: 3px;
	padding: 0;
	z-index: 99;
	opacity: 0;
	position: absolute;
	height: 0;
	overflow: hidden;
}
.search-top-style .search-top-style-box.show {
	display: block;
}
.search-top-style .search-top-style-box.fadeInDown {
    opacity: 1;
    height: auto;
    padding: 2rem 1.5rem;
}
.search-top-style .search-top-style-box:before {
	content: '';
	position: absolute;
	top: -9px;
	right: 98px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid white;
}
.search-top-style .search-top-style-box span {
	margin: 1rem 0;
	font-weight: 700;
	margin-bottom: 1.7rem;
	font-size: 1.75rem;
	color:#000;
}
.search-top-style .search-top-style-box input {
	width: 100%;
	display: flex;
	margin-bottom: 1rem;
	border: 0;
}
.search-top-style .search-top-style-box .search-input {
	text-align: left;
	padding: .4rem;
	border: 1px solid #efecec;
	border-radius: 4px;
}
.search-top-style .search-top-style-box .submit-btn {
	background: #0d74b3;
	color: #fff;
	text-align: center !important;
	padding: .6rem 6.5rem;
	text-transform: uppercase;
	border-radius: 4px;
	cursor: pointer;
}
.show-menu-hover {
	background: #ffffff;
	color: #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.language-downaero::after {
	background: url(images/dropdown.png);
	width: 12px;
	height: 8px;
	border: none !important;
	vertical-align: 0em;
	margin-left: 4px;
}
.lang-btn::after {
	background: url(images/dropdown.png);
	width: 12px;
	height: 8px;
	border: none !important;
	vertical-align: 0em;
	margin-left: 4px;
}
.home-header .lang-btn:hover .dropdown-toggle::after {
	background: url(images/dropdown-dark.png);
}
.lang-btn-img {
	color: #fff;
}
.lang-btn .dropdown-item:hover {
	background: #e6f3fc;
}
.lambiline {
	display: block;
	height: 1px;
	background: #333333;
}
.chotiline {
	display: block;
	height: 5px;
	background: #0d74a7;
	width: 70px;
}
/* button style */
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 !important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: kkldkfldfk !important;
	background-color: ieuwieuosdiois !important;
}
.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 !important;
}
.btn.focus,
.btn:focus {
	outline: 0 !important;
	box-shadow: 0 !important;
}
button:focus {
	outline: 0 !important;
	outline: 0 !important;
}
input[type="button" i]:active,
input[type="submit" i]:active,
input[type="reset" i]:active,
input[type="file" i]:active::-webkit-file-upload-button,
button:active {
	border-style: 00 !important;
}
/* diagram */
.diagram {
	width: 100%;
}
.diagram img {
	display: block;
	margin: 0 auto;
	height: 390px;
	width: 723px;
}
.diagram .diagram-wrapper {
	width: 868px;
	height: 468px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
@keyframes move-arrows {
	to {
		-webkit-mask-position: 14px 0;
		mask-position: 14px 0;
	}
}
@keyframes move-scalability {
	to {
		-webkit-mask-position: 100% 0;
		mask-position: 100% 0;
	}
}
@keyframes move-arrows-delayed {
	to {
		-webkit-mask-position: 330px 0;
		mask-position: 330px 0;
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.diagram .diagram-wrapper .cloud {
	background: url(images/svg/diagram/cloud.svg);
	position: absolute;
	background-size: 100%;
	transition: all .3s;
}
.diagram .diagram-wrapper .cloud.big {
	height: 162px;
	width: 237px;
}
.diagram .diagram-wrapper .cloud.big .logo {
	width: 70px;
	height: 70px;
	display: inline-block;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}
.diagram .diagram-wrapper .cloud.big .amazon.logo {
	background-size: 70%;
}
.diagram .diagram-wrapper .cloud.big .oracle.logo {
	width: 100px;
}
.diagram .diagram-wrapper .cloud.big .cog {
	top: 35px;
	left: calc(50% - 20px);
	display: inline-block;
	width: 26px;
	height: 26px;
	background-size: 18px 26px;
	background-position: 4px -4px;
	position: relative;
	z-index: 1;
}
.diagram .diagram-wrapper .cloud.big .before.right-top-before::before {
	width: 72px;
	z-index: 0;
	right: -40px;
	top: 32px;
	transform: rotate(135deg);
}
.diagram .diagram-wrapper .cloud.big .before.top-before:before {
	width: 45px;
	z-index: 0;
	right: auto;
	top: 45px;
	transform: rotate(90deg);
	left: 20px;
}
.diagram .diagram-wrapper .cloud.middle {
	width: 150px;
	height: 103px;
}
.diagram .diagram-wrapper .cloud.middle .cog-hide {
	height: 26px;
	overflow: hidden;
	position: relative;
}
.diagram .diagram-wrapper .cloud.middle .cog-hide .cog {
	width: 40px;
	height: 40px;
	background-size: 28px 38px;
	top: 5px;
	position: absolute;
	left: calc(50% - 20px);
	background-position: 6px -5px;
}
.diagram .diagram-wrapper .cloud.middle span {
	background-size: inherit;
}
.diagram .diagram-wrapper .circle {
	box-shadow: 0px 5px 20px rgba(51, 51, 51, 0.1);
	position: absolute;
	border-radius: 50%;
	border: 2px solid #828b92;
	transition: all .3s;
}
.diagram .diagram-wrapper .circle.big {
	width: 114px;
	height: 114px;
}
.diagram .diagram-wrapper .circle.middle {
	width: 80px;
	height: 80px;
}
.diagram .diagram-wrapper .circle.middle .cog {
	width: 50px;
	height: 50px;
	display: inline-block;
	background-size: 38px 54px;
	margin-top: 13px;
	left: calc(50% - 28px);
	position: relative;
	background-position: 6px -10px;
}
.diagram .diagram-wrapper .logo {
	display: block;
	width: 100%;
	height: inherit;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.diagram .diagram-wrapper .elastic-red-cloud {
	background-image: url(images/svg/diagram/elastic-red-cloud.svg);
	width: 103px;
	height: 23px;
	display: inline-block;
	background-size: cover;
	margin-top: 45px;
	left: calc(50% - 52px);
	position: relative;
}
.diagram .diagram-wrapper .sap {
	background-image: url(images/svg/diagram/SAP1.svg);
	background-size: 70%;
}
.diagram .diagram-wrapper .file {
	background-image: url(images/svg/diagram/file.svg);
	background-size: 40%;
}
.diagram .diagram-wrapper .cog {
	background: url(images/svg/diagram/cog.svg) no-repeat #0c80d7;
	display: inline-block;
	position: relative;
	border-radius: 50%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 4000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 4000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 4000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.diagram .diagram-wrapper .firewall {
	background: url(images/svg/diagram/firewall.svg) no-repeat;
	position: absolute;
	width: 114px;
	height: 30px;
}
.diagram .diagram-wrapper .magento {
	background-image: url(images/svg/diagram/magento.svg);
}
.diagram .diagram-wrapper .salesforce {
	background-image: url(images/svg/diagram/salesforce.svg);
}
.diagram .diagram-wrapper .workday {
	background-image: url(images/svg/diagram/workday.svg);
}
.diagram .diagram-wrapper .amazon {
	background-image: url(images/svg/diagram/amazon_logo.svg);
}
.diagram .diagram-wrapper .oracle {
	background-image: url(images/svg/diagram/Oracle_logo.svg);
}
.diagram .diagram-wrapper .database {
	background-image: url(images/svg/diagram/database.svg);
	width: 36px;
	left: 37px;
}
.diagram .diagram-wrapper .netsuite-crm {
	background-image: url(images/svg/diagram/netsuite-crm.svg);
}
.diagram .diagram-wrapper .before:before {
	content: "";
	position: absolute;
	height: 13px;
	background: linear-gradient(63.43deg, #0c80d7 0%, #1E88E5 100%);
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: opacity, transform;
	animation: move-arrows 0.5s linear infinite;
	-webkit-mask: url(images/svg/diagram/dot.svg);
	mask: url(images/svg/diagram/dot.svg);
	mask-size: 14px;
	-webkit-mask-size: 14px;
	z-index: 1;
}
.diagram .diagram-wrapper.public .before.left-top-before:before {
	width: 120px;
	right: 95px;
	transform: rotate(45deg);
	top: -33px;
}
.diagram .diagram-wrapper.public .before.right-before::before {
	width: 123px;
	right: -80px;
	transform: rotate(135deg);
	top: -30px;
}
.diagram .diagram-wrapper.private .cog-hide {
	display: none;
}
.diagram .diagram-wrapper.private .elastic-red-cloud {
	margin-top: 52px;
}
.diagram .diagram-wrapper.private #mainCog .cog {
	left: calc(50% - 25px);
}
.diagram .diagram-wrapper.private .before.right-top-before:before {
	width: 70px;
	right: -30px;
	transform: rotate(145deg);
	top: 65px;
}
.diagram .diagram-wrapper.private .before.inside.right-top-before:before {
	width: 60px;
	right: 30px;
	transform: rotate(135deg);
	top: 15px;
}
.diagram .diagram-wrapper.private .before.right-before::before {
	width: 116px;
	right: -118px;
	transform: rotate(0deg);
	top: 49px;
	background: linear-gradient(90deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.private .before.left-before:before {
	width: 60px;
	left: -60px;
	transform: rotate(180deg);
	top: 55px;
}
.diagram .diagram-wrapper.private .before.top-before::before {
	width: 115px;
	transform: rotate(0deg);
	top: 48px;
	left: -116px;
	background: linear-gradient(90deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.private .before.left-top-before:before {
	width: 70px;
	left: -30px;
	transform: rotate(35deg);
	top: 65px;
}
.diagram .diagram-wrapper.private .before.inside.left-bottom-before:before {
	width: 60px;
	left: 30px;
	transform: rotate(135deg);
	top: 55px;
}
.diagram .diagram-wrapper.private .before.bottom-before:before {
	transform: rotate(0deg);
	top: 108px;
	left: 71px;
	background: #fff;
	animation: initial;
	mask: url(images/svg/diagram/dashed.svg);
	height: 129px;
	-webkit-mask: url(images/svg/diagram/dashed.svg);
	width: 3px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.diagram .diagram-wrapper.private .firewall {
	z-index: 2;
}
.diagram .diagram-wrapper.hybrid .before.right-top-before::before {
	width: 64px;
	right: -42px;
	transform: rotate(145deg);
	top: 22px;
}
.diagram .diagram-wrapper.hybrid .before.inside.right-top-before:before {
	width: 60px;
	right: 30px;
	transform: rotate(135deg);
	top: 15px;
	background: linear-gradient(63.43deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.hybrid .before.right-before:before {
	width: 80px;
	right: -83px;
	transform: rotate(180deg);
	top: 54px;
	background: linear-gradient(63.43deg, #459BF6 0%, #1E88E5 100%);
}
.diagram .diagram-wrapper.hybrid .before.left-before:before {
	width: 82px;
	left: -82px;
	transform: rotate(180deg);
	top: 55px;
	background: linear-gradient(90deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.hybrid .before.top-before:before {
	width: 27px;
	transform: rotate(90deg);
	top: -25px;
	left: 43px;
	background: linear-gradient(90deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.hybrid .before.left-top-before::before {
	width: 66px;
	left: -46px;
	transform: rotate(35deg);
	top: 20px;
}
.diagram .diagram-wrapper.hybrid .before.inside.left-bottom-before:before {
	width: 60px;
	left: 30px;
	transform: rotate(135deg);
	top: 55px;
	background: linear-gradient(90deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.hybrid .before.bottom-before:before {
	width: 140px;
	transform: rotate(90deg);
	top: 167px;
	left: 3px;
	background: linear-gradient(63.43deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.multi .before.right-top-before::before {
	width: 71px;
	right: -55px;
	transform: rotate(140deg);
	top: 58px;
}
.diagram .diagram-wrapper.multi .before.inside.right-top-before:before {
	width: 60px;
	right: 30px;
	transform: rotate(135deg);
	top: 15px;
	background: linear-gradient(63.43deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.multi .before.right-before:before {
	width: 80px;
	right: -83px;
	transform: rotate(180deg);
	top: 54px;
	background: linear-gradient(63.43deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.multi .before.left-before:before {
	width: 80px;
	left: -84px;
	transform: rotate(180deg);
	top: 55px;
	background: linear-gradient(90deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.multi .before.top-before::before {
	width: 32px;
	transform: rotate(90deg);
	top: -23px;
	left: 41px;
	background: linear-gradient(90deg, #556080 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.multi .before.left-top-before::before {
	width: 74px;
	left: -50px;
	transform: rotate(30deg);
	top: 50px;
}
.diagram .diagram-wrapper.multi .before.inside.left-bottom-before:before {
	width: 60px;
	left: 30px;
	transform: rotate(135deg);
	top: 55px;
	background: linear-gradient(90deg, #459BF6 0%, #459BF6 100%);
}
.diagram .diagram-wrapper.multi .before.bottom-before:before {
	width: 140px;
	transform: rotate(90deg);
	top: 166px;
	left: 3px;
	background: linear-gradient(63.43deg, #459BF6 0%, #459BF6 100%);
}
#video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	@keyframes move-arrows {
		to {
			background-position-x: 14px !important;
		}
	}
	.diagram .diagram-wrapper.private .before.bottom-before::before {
		background: url(images/svg/diagram/dashed.svg) no-repeat !important;
	}
	.diagram .diagram-wrapper .before::before {
		background: url(images/svg/diagram/dot.svg) !important;
		background-size: auto 12px !important;
		animation-name: move-arrows !important;
		animation-duration: 4000ms !important;
		animation-iteration-count: infinite !important;
		animation-timing-function: linear !important;
	}
	.diagram .diagram-wrapper .cog {
		background: url(images/svg/diagram/cog.png) no-repeat #0c80d7 !important;
		background-position-x: 50% !important;
		background-position-y: 50% !important;
		background-size: 30px !important;
	}
	.diagram .diagram-wrapper .cloud.big .cog {
		background-size: 15px !important;
	}
}
@supports (-ms-ime-align: auto) {
	@keyframes move-arrows {
		to {
			background-position-x: 14px !important;
		}
	}
	.diagram .diagram-wrapper.private .before.bottom-before::before {
		background: url(images/svg/diagram/dashed.svg) no-repeat !important;
	}
	.diagram .diagram-wrapper .before::before {
		background: url(images/svg/diagram/dot.svg) !important;
		background-size: auto 12px !important;
		animation-name: move-arrows !important;
		animation-duration: 4000ms !important;
		animation-iteration-count: infinite !important;
		animation-timing-function: linear !important;
	}
}
@-moz-document url-prefix() {
	.diagram .diagram-wrapper .cog {
		background: url(images/svg/diagram/cog.png) no-repeat #0c80d7 !important;
		background-position-x: 50% !important;
		background-position-y: 50% !important;
		background-size: 30px !important;
	}
	.diagram .diagram-wrapper .cloud.big .cog {
		background-size: 15px !important;
	}
}
@media screen and ( max-height: 820px ){
	.heading-section {
		padding: 15px 0;
	}
	.why-card-juint-right{
		display: none;
	}
}
@media screen and ( max-width: 1440px ){
	.footer-social-apx strong {
		margin-right: -40px;
	}
}
@media screen and ( max-width: 1366px ){
	.header-nav-wrap .nav-item .nav-link {
		padding: .5rem .3rem;
	}
	.footer-social-apx strong {
		margin-right: -15px;
	}
}
@media screen and ( max-width: 1280px ){
	.header-nav-wrap .nav-item .nav-link {
		padding: .5rem .6rem;
	}
	.footer-social-apx strong {
		margin-right: 10px;
	}
	.uper-right .request-demo-btn {
		padding: 0.4em 1.76em;
	}
	.tab-of-xpc-diagram .nav-align {
		padding-right: 15px;
	}
	.diagram {
		margin: 0 0 0 -119px;
	}
	.Why-Magic .container {
		width: 100%;
		max-width: 1223px;
	}
}
@media screen and ( max-width: 1200px ){
	.selected-partner {
		padding: 1em;
	}
	.block-3-wrapper .card-title{
		height: auto;
	}
	.block-3-wrapper .card{
		margin-bottom: 30px;
	}
	.header-nav-wrap .nav-bar .nav{
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
	.header-nav-wrap ul li .nav-link{
		font-size: 16px;
	}
	.logo{
		float: left;
	}
	.xpi-diagram-warp {
		padding: 150px 30px;
	}
	.xpi-diagram-warp .right-content-xpi {
		padding: 2.3rem 3.3em;
	}
	.free-demon-wrap {
		padding: 100px 15px;
	}
	.header-nav-wrap .nav-item .nav-link {
		padding: .5rem .33rem;
	}
	.diagram-inner-wrap {
		padding: 70px 15px;
	}
	.xpa-tab-content {
		padding: 45px 0;
	}
	.inte-tab-sect #myTabContent .col-md-12 {
		padding: 57px 30px;
	}
	.header-nav {
		margin-left: -95px;
	}
}
@media screen and ( max-width: 992px ){
	.header-right-panel-bh {
		width: 330px !important;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
	}
	.search-top-style .search-top-style-box {
		z-index: 9999;
	}
	.header-nav {
		margin-left: -35px;
	}
	.intigrad-page-2-col {
		padding: 2rem 0;
	}
	.colon-2-inner-wrap {
		width: 100%;
	}
	.section-2 .colon-2-inner-wrap .col-md-6 {
		padding: 0 15px;
	}
	.intigrad-page-2-col .text-center .majick-card {
		padding: 30px;
		width: 100%;
	}
	.container {
		max-width: 100%;
	}
	.customer-wrap {
		padding: 50px 15px;
	}
	.success-story-card {
		height: 335px;
	}
	.sucess-story-card .col-md-4 {
		padding: 0 7.5px;
	}
	.sucess-story-card .card-body {
		padding: 1rem;
		min-height: 220px;
	}
	.card-frnt-text {
		font-size: 15px;
	}
	.section-1-partner .nav-item,
	.customer-wrap .nav-item {
		display: inline-block;
		max-width: 30%;
		float: none;
		margin: 0;
	}
	.section-1-partner .nav-item img,
	.customer-wrap .nav-item img {
		max-width: 100%;
	}
	.why-card {
		padding: 5em 3em;
	}
	.why-card-hover {
		padding: 1.5em 1em;
	}
	.megamenu > .dropdown-menu {
		min-width: 560px;
	}
	.xpi-banner .banner-content {
		padding: 15px;
	}
	.xpi-diagram-warp {
		padding: 150px 15px 0;
	}
	.tab-of-xpa .nav-tabs .nav-item .nav-link {
		padding: 0.75rem 1.8em;
	}
	.free-demon-wrap {
		padding: 100px 0;
	}
	.free-demon-quote {
		padding: 15px;
		padding-top: 15px;
	}
	.quote-text {
		padding: 0;
	}
	.free-demon-form-xpa {
		padding: 15px 30px 30px;
	}
	.apx-tab-sec .tab-content > .active {
		border-bottom: 3px solid #005a80;
	}
	.diagram-inner-wrap {
		padding: 70px 15px;
	}
	.diagram {
		margin: 0 0 0 -60px;
		overflow: hidden;
		width: calc(100% + 82px);
	}
	.int-vido-section .wrap-inti {
		padding: 70px 15px;
	}
	.inte-tab-sect #myTabContent .col-md-12 {
		padding: 57px 15px;
	}
	.inte-tab-sect {
		padding: 60px 15px;
	}
	.team-page-banner-head {
		padding: 4rem 5rem;
	}
	.event-page-banner {
		width: 65%;
	}
	.news-listing-banner {
		width: 60%;
	}
	.forms-section .quote-text {
		padding: 0px 15px 50px;
	}
	.header-nav-wrap {
		padding: 35px 0 0;
	}
	.inner-header.scrolled .header-right-panel-bh {
		padding: 0;
	}
}