@font-face {
	font-family:'Source Sans Pro';
    font-weight:400;
    font-style:normal;
    src:url(/fonts/Source-Sans-Pro-regular.eot);
    src:url(/fonts/Source-Sans-Pro-regular.eot?#iefix) format('embedded-opentype'),
        local('Source Sans Pro'),
        local('Source-Sans-Pro-regular'),
        url(/fonts/Source-Sans-Pro-regular.woff2) format('woff2'),
        url(/fonts/Source-Sans-Pro-regular.woff) format('woff'),
        url(/fonts/Source-Sans-Pro-regular.ttf) format('truetype'),
        url(/fonts/Source-Sans-Pro-regular.svg) format('svg')
}
@font-face{
    font-family:'Source Sans Pro';
    font-weight:700;
    font-style:normal;
    src:url(/fonts/Source-Sans-Pro-700.eot);
    src:url(/fonts/Source-Sans-Pro-700.eot?#iefix) format('embedded-opentype'),local('Source Sans Pro Bold'),
        local('Source-Sans-Pro-700'),url(/fonts/Source-Sans-Pro-700.woff2) format('woff2'),
        url(/fonts/Source-Sans-Pro-700.woff) format('woff'),
        url(/fonts/Source-Sans-Pro-700.ttf) format('truetype'),
        url(/fonts/Source-Sans-Pro-700.svg) format('svg')
}
 @font-face{
     font-family:'Source Sans Pro';
     font-weight:700;
     font-style:italic;src:url(/fonts/Source-Sans-Pro-700italic.eot);
     src:url(/fonts/Source-Sans-Pro-700italic.eot?#iefix) format('embedded-opentype'),local('Source Sans Pro Bold Italic'),
         local('Source-Sans-Pro-700italic'),
         url(/fonts/Source-Sans-Pro-700italic.woff2) format('woff2'),
         url(/fonts/Source-Sans-Pro-700italic.woff) format('woff'),
         url(/fonts/Source-Sans-Pro-700italic.ttf) format('truetype'),
         url(/fonts/Source-Sans-Pro-700italic.svg) format('svg')
}

@font-face {
    font-family: 'Segoe UI';
    src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype");
    src: local("Segoe UI Light"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
    font-weight: 200
}

@font-face {
    font-family: 'Segoe UI';
    src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.eot?#iefix") format("embedded-opentype");
    src: local("Segoe UI Semilight"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.svg#web") format("svg");
    font-weight: 300
}

@font-face {
    font-family: 'Segoe UI';
    src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot?#iefix") format("embedded-opentype");
    src: local("Segoe UI"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
    font-weight: 400
}

@font-face {
    font-family: 'Segoe UI';
    src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.eot?#iefix") format("embedded-opentype");
    src: local("Segoe UI Semibold"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web") format("svg");
    font-weight: 600
}

@font-face {
    font-family: 'Segoe UI';
    src: url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype");
    src: local("Segoe UI Bold"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"),url("https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
    font-weight: 700
}


@font-face {font-family: "iconfont";
  src: url('/fonts/iconfont.eot'); /* IE9*/
  src: url('/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.container-fluid{ padding-left:0px; padding-right:0px;}
body, html {
    font-family: 'Segoe UI','Source Sans Pro',sans-serif !important;
    font-size: 16px;
    line-height: 1.5em;
    color: #646466;
}
@-webkit-keyframes load8 {
    0% {-webkit-transform: rotate(0);transform: rotate(0)}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes load8 {
    0% {-webkit-transform: rotate(0);transform: rotate(0)}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
html {
    font-size:100%;
}
body,p,ul {margin: 0}
* {outline: 0!important}
body {color: rgba(0,0,0,.8);overflow-x: hidden!important}
p { font-size: 16px;/*letter-spacing: .2px*/ line-height: 26px;}
a {color: #000}
a:focus,a:hover {color: #000}
a,a:focus,a:hover {text-decoration: none;transition: color .3s ease}
ul {padding: 0}

.margin20,input {margin-bottom: 20px}
.small,small {font-size: .6em}
.button,button {padding: 14px 30px;	text-transform: uppercase;	border: none;	font-weight: 600}

h2 {font-size: 2.3rem;font-weight: 700;letter-spacing: 0;line-height: 1.5}
h3,h4,h5 {font-weight: 400}
h3 {font-size: 1.6rem;line-height: 36px;letter-spacing: -.4px}
h4 {font-size: 1.25rem}
h5 {font-size: 1.1rem}
img {max-width: 100%}

.solu_title h2 {
	color: #e50000;
}

.topology {
	border: 1px solid #ccc;
	border-radius: 40px;
	padding: 100px;
}

.solu-caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px solid #000;
	border-top: 4px solid transparent;
	border-right: 0 dotted;
	border-bottom: 4px solid transparent;
	content: "";
}

.mainContainer,.mainWrapper,body,html {width: 100%}
.mainContainer,.positionRelative {position: relative;}

.socialIcons li .footerSocialOne {background-position: 0 -2396px;}
.socialIcons li .footerSocialTwo {background-position: 0 -2428px;}
.socialIcons li .footerSocialThree {background-position: 0 -2460px}
.socialIcons li a:hover {opacity: 1;transition: all .2s ease-in}

.disabled {pointer-events: none}

.mainMenu .navbar-nav li a:before,.socialIcons ul:after,.subMenu ul.navbar-nav li:after {content: ''}
.leftImageContainer,.loginImage {direction: rtl}

.mainMenu .navbar-nav li a:hover{ color:#ff0000;}

.navbar.navbar-default {
	height: 110px;
	margin-bottom: 0;
	/*transition: all 50ms;*/
	border: none;
	/*background: 0 0*/
	background: #ffffff;
	box-shadow: 2px 0px 10px rgb(0 0 0 / 20%);
}

.subMenu ul.navbar-nav li a {
	font-weight: 300;
	padding: 0 20px;
	letter-spacing: .4px;
	color: #fff;
	line-height: 40px
}

.subMenu ul.navbar-nav li a:hover {
	/*transition: all .2s linear;*/
	color:#ffffff
}


.subMenu ul.navbar-nav li:last-child a {
	padding-right: 0
}

.subMenu .dropdown-menu {
	border-radius: 0;
	box-shadow: 0 14px 42px 0 rgba(0,0,0,.2)
}

.subMenu ul.navbar-nav ul.dropdown-menu li a {
	padding: 15px 25px;
	color: rgba(0,0,0,.8);
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5
}

.mainMenu ul.navbar-nav ul.dropdown-menu li a:hover {
	/*background:#e50000;*/
}

.subMenu .btn-default:active:focus,.subMenu .btn-default:active:hover,.subMenu .open>.dropdown-toggle.btn-default {
	background-color: transparent;
	border: none;
	color: rgba(255,255,255,1);
	box-shadow: none
}

.dropdown .btn-default {
	background-color: transparent;
	border: none;
	color: rgba(255,255,255,.7);
	padding: 11px;
	text-transform: none;
	transition: all .2s ease-in
}

.dropdown .btn-default:hover {
	color: rgba(255,255,255,1);
	transition: all .2s ease-in
}

.dropdown .btn .caret {
	margin-left: 5px
}

.dropdown-menu li a:focus,.dropdown-menu li a:hover {
	transition: all .1s ease-in;
	color: rgba(0,0,0,.8);
	background: #f0f0f0
}

.navbar-collapse,.navbar-header {
	height: 60px
}

.navbar-brand>img.activeLogo {
	display: none
}

.active .navbar-brand>img.activeLogo {
	display: block
}

.active .navbar-brand>img.nonActiveLogo {
	display: none
}

.navbar.navbar-default.active .navbar-header {
	height: 50px
}

.navbar-brand {
	height: 50px;
	margin-left: 0!important;
	padding: 15px 0 0
}

.navbar-collapse.collapse.in,.navbar-collapse.collapse.in .mainMenu {
	height: auto;
	width: 100%
}

.navbar-default.navbar-fixed-top .navbar-toggle {
	padding: 15px 10px;
	border: none;
	border-radius: 0
}

.navbar-default.navbar-fixed-top .navbar-toggle:focus,.navbar-default.navbar-fixed-top .navbar-toggle:hover {
	background: 0 0
}

.navbar-default.navbar-fixed-top .navbar-toggle .icon-bar {
	background: #e0e0e0
}

.navbar-default.navbar-fixed-top .navbar-toggle:hover .icon-bar {
	background: #222
}

.navbar-default.navbar-fixed-top.active .navbar-toggle .icon-bar {
	background: #222;
}

.mainMenu .navbar-nav li a {
	font-size: 1rem;
	font-weight: 400;
	position: relative;
	margin: 0 8px 14px;
	padding: 22px 5px 8px;
	text-transform: uppercase;
	color: #222
}
    .mainMenu .navbar-nav li a.nclass {
    padding: 5px 12px 4px;
    }


.mainMenu .navbar-nav li a:before {
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 90%;
	height: 2px;
	transition: transform .3s;
	transition-timing-function: cubic-bezier(1,.68,.16,.9);
	transform: scale3d(0,3,1);
	transform-origin: 0 50%;
	background: #cc0000;
	opacity: .8
}

.mainMenu .navbar-nav li a.active:before,.mainMenu .navbar-nav li a:hover:before {
	transform: scale3d(1,1,1)
}


.mainMenu .navbar-nav li.fixedHeaderButton a:hover:before{
	left: 75%;
	transition: left .3s linear;
	background-color: transparent
}

.mainMenu .navbar-nav li.scrollHeaderButton a:hover:before {
	left: 75%;
	transition: left .3s linear;
	background-color: transparent
}

.mainMenu .navbar-nav li.fixedHeaderButton a,.mainMenu .navbar-nav li.scrollHeaderButton a {
	margin: 10px 0 10px 18px;
	padding: 10px 10px;
	border: 1px solid rgba(255,255,255,.7);
	overflow: hidden;
	transition: all .3s ease;
	color: #fff;

}

.mainMenu .navbar-nav li.fixedHeaderButton a:hover{
	/*padding: 10px 50px 10px 20px;
	transition: all .3s linear
        */
}

.mainMenu .navbar-nav li.scrollHeaderButton a:hover {
	padding: 10px 50px 10px 20px;
	transition: all .3s linear
}

.mainMenu .navbar-nav li.fixedHeaderButton a:hover {
	background: rgba(0,0,0,.2)
}

.mainMenu .navbar-nav li.scrollHeaderButton a:hover {
	background: #c93a0d
}

.mainMenu .navbar-nav li a:focus,.mainMenu .navbar-nav li a:hover,.subMenu ul.navbar-nav li a:focus {
	transition: all .2s linear;
	color: #000000
}

.active .mainMenu .navbar-nav li a:before {
	/*background-color: rgba(0,0,0,.8)*/
}

.subMenu {
	width: 100%;
	height: 40px;
	background: #222222;
	/*background: rgba(0,0,0,.05);*/
	/*opacity: 1;
	transition: opacity .3s ease;*/
}

.subMenu ul.navbar-nav li.ss:after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 13px;
	-ms-transform: translate(0,-50%);
	transform: translateY(-50%);
	background: #ccc;
}

.subMenu ul.navbar-nav li:first-child:after {
	background: 0 0
}

.mainMenu {
	height: 60px
}

.navbar.navbar-default.active {
	height: 60px;
	/*transition: all .2s ease;
	background: rgba(255,255,255,.95)!important;*/
	background: #ffffff !important;
	/*box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);*/
	box-shadow: 2px 0px 10px rgb(0 0 0 / 20%);
}

.mainMenu .navbar-nav .scrollHeaderButton,.navbar.navbar-default.active .fixedHeaderButton,.navbar.navbar-default.active .subMenu {
	display: none
}

.landingNav .mainMenu .navbar-nav .scrollHeaderButton,.navbar.navbar-default.active .scrollHeaderButton {
	display: block
}

.navbar.navbar-default.active .scrollHeaderButton a {
	border: none;
	background: #e50000; /*d84315*/
}

.navbar.navbar-default.active .navbar-brand {
	padding: 15px 0;
	height: 60px
}

.navbar.navbar-default.active a {
	/*color: rgba(0,0,0,.8);*/
	padding: 20px 5px 8px
}

.navbar.navbar-default.active a:focus,.navbar.navbar-default.active a:hover {
	/*color: rgba(0,0,0,1)*/
}

.active .mainMenu .navbar-nav li:last-child:hover a {
	color: #fff;
	border-bottom: none
}

.active .subMenu ul.navbar-nav>li:after {
	background: rgba(0,0,0,.8)
}

.navbar-brand>img.mobileLogo {
	display: none
}

.sectionContainer h3 {
    font-size: 18px;
}
@media only screen and (max-width:1200px) {

    .sectionContainer h3 {
        font-size: 14px; line-height:25px;
    }

	.mainMenu .navbar-nav li a {
		margin: 0
	}

	.navbar-right {
		margin-right: 15px
	}

	.navbar.startFreeTrial ul.navbar-nav {
		margin-right: -15px
	}

}

@media only screen and (max-width:992px) {
   
    
    .nav > li.fixedHeaderButton, .navbar.navbar-default.active .scrollHeaderButton {
        display: none
    }

	.nav>li:nth-child(3) a {
		margin-right: 0;
		padding-right: 0
	}

	.navbar-brand>img.mobileLogo {
		display: block
	}

	.active .navbar-brand>img.mobileLogo,.navbar-brand>img.normalLogo {
		display: none
	}

	.active .navbar-brand>img.normalLogo {
		display: block
	}
}
.normalLogo {width:180px;}
.mobileLogo{width:180px;}
@media only screen and (max-width:767px) {

    .normalLogo {width:130px;}
    .mobileLogo{width:130px;}
    .navbar.navbar-default.active .navbar-brand {
        padding: 12px 0;
    }

	.mainMenu {
		height: auto;
	}

	.navbar-right li:last-child,.navbar.navbar-default .fixedHeaderButton,.navbar.navbar-default .scrollHeaderButton,.navbar.navbar-default.active .scrollHeaderButton,.subMenu {
		display: none
	}

	.navbar-brand {
		margin-left: 10px!important;
		padding-top: 12px
	}

	.navbar-default.navbar-fixed-top .navbar-toggle {
		padding: 8px 0 0;
		margin: 10px 20px 0
	}

	.navbar-nav.navbar-right {
		margin: 0 -15px;
		background: #fff;
		overflow: hidden;
		box-shadow: 0 14px 42px 0 rgba(0,0,0,.2)
	}

	.navbar-collapse.collapse.in,.navbar-collapse.collapse.in .mainMenu {
		box-shadow: 0 14px 42px 0 rgba(0,0,0,.2)!important
	}

	.mainMenu .navbar-nav.navbar-right li a {
		margin: 0;
		padding: 15px;
		color: #333;
		border-bottom: 1px solid #f5f5f5
	}

	.mainMenu .navbar-nav.navbar-right li a:before {
		transition: none;
		transform: none;
		background: 0 0
	}

	.mainMenu .navbar-nav.navbar-right li:hover {
		border: none;
		background: #e0e0e0
	}

	.active.navbar.navbar-default,.navbar-header,.navbar.navbar-default,.navbar.navbar-default.active .navbar-header {
		height: 50px
	}

	.active .mainMenu .navbar-nav li a:after {
		background-color: none
	}
}

@media only screen and (min-width:1920px) {
	.navbar.navbar-default.active,.navbar.navbar-default.active .navbar-header {
		height: 70px
	}

	.mainMenu .navbar-nav li.fixedHeaderButton a,.mainMenu .navbar-nav li.scrollHeaderButton a {
		margin: 16px 0 0px 18px;
        background:#ccc;
	}

	.navbar.navbar-default.active a {
		/*color: rgba(0,0,0,.8);*/
		padding: 25px 12px 14px
	}

	.navbar.navbar-default.active .navbar-brand {
		padding: 13px 0;
		height: 60px
	}

	.mainMenu .navbar-nav li a {
		padding: 28px 15px 8px /*padding: 30px 15px 20px;*/
	}

}

.loader,.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}

.loader {
	margin: 0;
	font-size: 3px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255,255,255,.2);
	border-right: 1.1em solid rgba(255,255,255,.2);
	border-bottom: 1.1em solid rgba(255,255,255,.2);
	border-left: 1.1em solid #fff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	top: 10px;
	margin-right: 10px;
	display: inline-block
}


.nav>li.languageParent {
	display: none
}

footer {
	color: #999;
    background:url("/Assets/images/bg.jpg") #222 bottom no-repeat;
}

.footerContainer {
	padding: 60px 0 0
}

.footerContainer h4 {
	color: #fff;
	margin-bottom: 25px
}

.footerContainer p {
	line-height: 27px
}

.footerContainer li {
	list-style: none
}

.footerContainer a,.footerContainer li a {
	color: #999;
	padding: 7px 0;
	display: inline-block;
	line-height: 27px
}

.footerContainer p a {
	padding: 0
}

.footerContainer a:hover,.footerContainer li a:hover {
	color: #ffffff
}

.footerLinks {
	margin-bottom: 45px
}

.copyrightDetails {
	border-top: 1px solid #666;
	height: 90px;
	line-height: 90px;
	position: relative
}

.socialIcons ul {
	float: right
}

.socialIcons ul:after {
	clear: both;
	display: table;
	zoom: 1
}

.socialIcons li {
	margin-left: 15px;
	float: left;
	width: 32px;
	height: 90px;
	position: relative
}

.socialIcons li a {
	opacity: .5;
	transition: all .2s ease-in;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	transform: translateY(-50%);
}


@media only screen and (max-width:1200px) {
	.footerContainer a {
		padding: 5px 0
	}

	.footerContainer {
		padding: 30px 0 0
	}
}

@media only screen and (max-width:767px) {
	.copyrightDetails,.footerContainer a,.footerContainer h4,.footerContainer p,.footerContainer ul li {
		text-align: center;
		line-height: 32px
	}

	.copyrightDetails {
		margin-bottom: 45px;
		line-height: initial
	}

	.copyrightDetails .copyrightText,.copyrightDetails .socialIcons {
		height: 55px;
		line-height: 55px
	}

	.socialIcons ul {
		float: none
	}

	.socialIcons li {
		float: none;
		display: inline-block;
		height: 55px
	}
}

h4,h5 {
	line-height: 20px
}

.fullWdhFold .linkedinContainer .pricingText,.gace-0,.linkedinContainer .inverse-text,.navbar-brand.navbar-fullwdh .normalLogo,.splitWdhFold .linkedinContainer .pricingText {
	display: none
}

.fullHeight,.mainWrapper,html {height: 640px}

.error-message {
	margin: 0 0 10px;
	clear: both
}



.no-list {
	list-style-type: none!important
}

.blackColor {
	color: #000!important
}

.margin20 {
	margin-top: 20px
}

.margin-null {
	margin: 0!important
}

.padding-null {
	padding: 0!important
}

.margin-right-null {
	margin-right: 0!important
}

.margin-left-null {
	margin-left: 0!important
}

.margin-top-20 {
	margin-top: 20px!important
}

.margin-top-40,.margin-top-bottom-40 {
	margin-top: 40px!important
}

.margin-top-bottom-40 {
	margin-bottom: 40px!important
}

.margin-top-bottom-20 {
	margin-top: 20px!important;
	margin-bottom: 20px!important
}

.padding-top-bottom-40 {
	padding-top: 40px!important;
	padding-bottom: 40px!important
}

.margin-bottom-10 {
	margin-bottom: 10px!important
}

.margin-bottom-15 {
	margin-bottom: 15px!important
}

.margin-bottom-40 {
	margin-bottom: 40px!important
}

.margin-bottom-100 {
	margin-bottom: 100px!important
}

.padding-top-null {
	padding-top: 0!important
}

.margin-top-null {
	margin-top: 0!important
}

.boxShadowNull {
	box-shadow: none!important
}

.smallFont {
	font-size: .8rem
}

.normalFont {
	font-style: normal!important
}

.topBorder {
	border-top: 1px solid #efefef
}

.uppercaseText {
	text-transform: uppercase
}

.wow {
	visibility: hidden
}

@media only screen and (max-width:991px) {
	.mobile-padding-null {
		padding: 0!important
	}
}
/*
iframe {
	max-width: 700px
}*/
		.mainContainer {
	top: 0;
	height: 100%
}

.splContainer .bannerContent h2 {
	text-align: left
}

.splContainer .bannerContent p {
	margin-bottom: 30px
}

.splContainer .bannerContent h2,.splContainer .bannerContent p {
	color: #000
}

.gapp_link,.gapp_link:hover {
	color: rgba(0,0,0,.8)
}

.fullWdhFold .pricingText,.fullWdhFold.homeBannerContent .bannerContent h2 {
	text-align: center
}

.fullWdhFold.homeBannerContent {
	background: url(/static/blog/images/top_blog_background.png) no-repeat!important;
	background-size: cover!important
}

.fullWdhFold.homeBannerContent h2 {
	font-size: 3.25rem
}

.navbar-brand.navbar-fullwdh .mobileLogo,.navbar.active .navbar-brand.navbar-fullwdh .normalLogo {
	display: block
}

.navbar.active .navbar-brand.navbar-fullwdh .mobileLogo {
	display: none
}


.fadeInStyle {
	animation: menuFadeIn .2s ease-in 1
}

@keyframes menuFadeIn {
	from {
		visibility: hidden;
		opacity: 0;
		transform: scale(0);
		transform-origin: top right
	}

	to {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		transform-origin: top right
	}
}

@-webkit-keyframes menuFadeIn {
	from {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: scale(0);
		-webkit-transform-origin: top-right
	}

	to {
		visibility: visible;
		opacity: 1;
		-webkit-transform: scale(1);
		-webkit-transform-origin: top right
	}
}

@-moz-keyframes menuFadeIn {
	from {
		visibility: hidden;
		opacity: 0;
		transform: scale(0);
		transform-origin: top right
	}

	to {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		transform-origin: top right
	}
}

@-o-keyframes menuFadeIn {
	from {
		visibility: hidden;
		opacity: 0;
		transform: scale(0);
		transform-origin: top right
	}

	to {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		transform-origin: top right
	}
}

@-ms-keyframes menuFadeIn {
	from {
		visibility: hidden;
		opacity: 0;
		transform: scale(0);
		transform-origin: top right
	}

	to {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		transform-origin: top right
	}
}



.bannerContainer {
	width: 100%;
	height: calc(100% - 90px);
	background: url(../dist/images/home_banner_1366.jpg) no-repeat;
	background-size: cover
}

.bannerContainer.splContainer {
	background: #E5F4E6;
	background-size: auto
}

.googleapp .bannerContainer {
	background: url(../dist/images/google_banner_1366.jpg) no-repeat;
	background-position: center center
}

.gapp_link {
	cursor: default
}

.greenBg {
	background: #43a047!important
}

.homeBannerContent {
	position: relative;
	float: left;
	padding: 0;
	box-shadow: -20px 0 90px 0 rgba(0,0,0,.25);
	background: rgba(67,160,71,.9)!important
}

.homeBannerContent .bannerContent {
	position: absolute;
	top: 57%;
	padding: 0;
	transform: translateY(-50%)
}

.fullWdhFold.homeBannerContent .bannerContent,.splContainer .homeBannerContent .bannerContent {
	top: 50%
}

.homeBannerContent .bannerContent h2,.pricingText {
	text-align: left
}

.signupContainer {
	margin-top: 40px;
	position: relative
}

.signupContainer .error-message {
	position: absolute;
	top: 58px;
	font-size: .8rem;
	z-index: 1
}

.cawrapper .signupContainer .error-message {
	position: relative;
	top: 0;
	margin: 0
}

.signupContainer .error-message span:after {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: red;
	border-width: 10px;
	margin-left: -30px
}

.signupContainer .error-message span {
	background: red;
	padding: 5px 10px;
	color: #fff;
	border-radius: 3px
}

.error-message span {
	color: red
}

.ptErrSize {
	font-size: .9rem
}


.signupContainer button {
	margin-bottom: 20px;
	color: #fff;
	background: #e50000;
	padding: 0;
	line-height: 49px
}

.getStartedButton {
	padding: 0;
	line-height: 45px
}

.pricingText {
	font-style: italic;
	color: #fff
}

.bannerContent {
	top: 160px
}

.bannerContent h2,.subHeading {
	text-align: center;
	color: #fff
}

.bannerContent p {
	font-style: italic;
	color: #fff
}

.areYouConfirmation p:last-child,.ebookDownloadForm p,.ebook_thankYou_notice p,.linkedinContainer .pricingText,.optionsforSignup p,.pricingTextWrapper p,.workflowBanner .workBannerContent .bannerContent p {
	font-style: normal
}

.getStartedWrapper .signupContainer button.linkedinBtn {
	background-size: 100%
}

.signContainer {
	opacity: 1
}

#linkinForm {
	display: none
}

.signupContainer button.linkedinBtn {
	font-size: 0;
	background: url(/static/dist/images/linkedin.png);
	background-size: 100%;
	height: 66px;
	background-repeat: no-repeat
}

.homeBannerContent .signupContainer button.linkedinBtn {
	background: url(/static/dist/images/linkedin_white.png);
	background-size: 100%;
	background-repeat: no-repeat
}

.homeBannerContent .signupContainer button.linkedinBtn.loading {
	background: url(/static/dist/images/linkedin_loading.gif);
	background-repeat: no-repeat;
	background-size: 100%
}

.linkedinContainer .signupModal {
	color: #fff;
	position: relative;
	padding-bottom: 3px
}

.pricingText.inverse-text {
	text-align: center
}

.inverse-text,.linkedinContainer .inverse-text .signupModal {
	color: rgba(0,0,0,.8)
}

.linkedinContainer .inverse-text .signupModal:before {
	background: rgba(0,0,0,.8)
}

.linkedinContainer .signupModal:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	transition: transform .3s;
	transition-timing-function: cubic-bezier(1,.68,.16,.9);
	transform: scale3d(0,3,1);
	transform-origin: 0 50%;
	background: #fff;
	opacity: .8
}

.linkedinContainer .signupModal.active:before {
	transition: all .2s .5s linear;
	transform: scale3d(1,1,1)
}

form.spl_signup_form .form_input {
	margin-bottom: 5px
}

form.spl_signup_form .form_input label span {
	color: #d84315
}

.spl_signup_form .modal-footer {
	padding: 30px 0
}

.customerLogoContainer {
	background: #f5f5f5;
	height: 90px
}

.customerLogo {
	height: 100%;
	padding: 0;
	line-height: 90px
}

.customerLogo img {
	width: 100%;
	opacity: .4
}

.customerLogo:first-child img {
	padding-right: 5%
}

.customerLogo:nth-child(2) img {
	padding-left: 5%
}

.sectionContainer {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #efefef
}

.sectionImage img {
	margin: 80px 0;
	box-shadow: 20px 34px 100px 0 rgba(69,90,100,.15);
	max-width: 300%
}

.sectionContainer:last-child {
	border-bottom: none
}

.servicesTextContainer {
	margin-top: 190px;
	padding: 0
}

.servicesTextContainer h3 {
	margin-top: 30px;
    font-size:30px;
}

.servicesTextContainer p {
	margin: 25px 0;
	line-height: 2.3;
    font-size:1.2rem;
    
}

.servicesTextContainer li {
	line-height: 24px;
	vertical-align: baseline;
    margin: 12px 0px;
    padding-left: 3px
    /*margin: 12px 15px;
        list-style-image: url(../dist/images/list_style_image.png);
	padding-left: 10px*/
}

.servicesTextContainer .iconContainer {
	width: 40px;
	height: 40px;
}

.servicesTextContainer .spriteIconOne {
	background-position: 0 -2236px
}

.servicesTextContainer .spriteIconTwo {
	background-position: 0 -2276px
}

.servicesTextContainer .spriteIconThree {
	background-position: 0 -2316px
}

.servicesTextContainer .spriteIconFour {
	background-position: 0 -2356px
}

.getStartedWrapper h2,.getStartedWrapper p {
	text-align: center
}

.getStartedWrapper p {
	margin: 6px 0 0
}

.getStartedWrapper h2 {
	font-size: 2rem
}

.getStartedWrapper .inputField {
	margin-top: 50px
}

.getStartedButton {
	width: 100%;
	color: #fff;
	background: #d84315
}

.customerBannerContainer {
	position: relative;
	width: 100%;
	height: 400px;
	background: url(../dist/images/customers_banner.jpg) no-repeat;
	background-position: 0 0;
	background-size: cover
}

.whiteBdr {
	border: 1px solid #fff!important
}

.imageContainer {
	margin: 15px 0;
	background: #f5f5f5;
	position: relative;
	min-height: 125px
}

.imageContainer img {
	margin: auto;
	max-width: 75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.testimonialBg {
	position: relative;
	width: auto;
	height: 420px;
	min-height: 420px;
	padding: 0;
	background: url(../dist/images/testimonial_img4.jpg) no-repeat;
	background-position: 0 0;
	background-size: cover
}

.patnerContainer,.workstepsContainer .workflowSteps {
	min-height: 300px
}

video {
	padding: 0!important
}

.contentWrapper {
	top: 110px;
	width: 100%;
	position: relative;
	margin: 0;
	background: #f5f5f5
}

.contentContainer {
	background: #fff;
	padding: 0 50px;
	height: 100%
}

.serviceTextWrapper h3 {
	margin: 40px 0 30px;
	font-weight: 400;
	/*letter-spacing: .2px*/
}

.serviceTextWrapper p {
	line-height: 32px;
	margin-bottom: 30px
}

.serviceTextWrapper h5 {
	margin-bottom: 15px
}

.serviceTextWrapper ul {
	margin: 5px 0 20px 40px
}

.serviceTextWrapper ol {
	padding-left: 20px;
	line-height: 32px
}

.serviceTextWrapper ol li,.serviceTextWrapper ul li {
	line-height: 32px;
	margin-bottom: 10px
}


.scrollmagic-pin-spacer {
	position: absolute!important;
	clip: rect(auto,auto,auto,auto)
}

.elems {
	position: fixed
}

.elems img {
	position: absolute
}

.iframeContainer {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: auto
}

.loginForm,.loginImage {
	height: 100%;
	overflow: hidden
}

.iframeContainer iframe {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.loginForm {
	width: 500px;
	padding: 50px;
	position: relative;
	float: left
}

.logo {
	margin: 0 0 35px
}

.loginFormContainer .form-group {
	margin-bottom: 20px
}

.loginImage {
	width: calc(100% - 500px);
	float: left;
	background: url(/static/dist/images/login_bg.png) center center no-repeat;
	background-size: cover
}

.phone_signup_form {
	display: none
}

.cloudwrkflw_form .f-grp input,.spl_signup_form .f-grp input {
	width: 100%
}

.spl_signup_form .f-grp {
	padding: 0
}

.cloudwrkflw_form .f-grp input,.phformrest {
	width: 100%
}

.cloudwrkflw_form .f-grp {
	padding: 0
}

.spl-lbl {
	margin-top: 10px;
	display: block;
	font-size: .9rem
}

.loginFormContainer label {
	font-size: .9rem;
	font-weight: 400;
	margin-bottom: 0
}

.loginFormContainer input {
	border: none;
	border-bottom: 1px solid #c8c8c8;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	font-size: 1.1rem;
	font-weight: 500;
	height: 40px;
	color: #333;
	margin: 0
}

.loginFormContainer .error-message {
	transform: translateY(-18px);
	font-size: .8rem
}

.loginFormContainer .btn {
	width: 100%;
	height: 50px;
	border-radius: 0;
	border: 0;
	background: #43a047;
	color: #fff;
	font-size: 1.1rem;
	padding: 0;
	line-height: 49px
}

.loginFormContainer .btn:active,.loginFormContainer .btn:hover {
	background: #43a047
}

.loginFormContainer .btn:active:focus,.loginFormContainer .btn:active:hover {
	color: #fff
}

.loginContent p {
	padding: 20px 0
}


.bottomContainer {
	position: absolute;
	bottom: 50px;
	left: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	text-align: center
}

.errorText {
	color: red;
	margin-bottom: 30px
}

input[type=email]#inputEmail::-webkit-input-placeholder {
	color: #333
}

.patnerBannerContainer {
	position: relative;
	width: 100%;
	height: 400px;
	background: url(../dist/images/patner_banner.jpg) no-repeat;
	background-position: 0 0;
	background-size: cover
}

.patnerBannerContainer .bannerContent {
	position: absolute;
	top: 60%;
	padding: 0;
	transform: translateY(-50%)
}

.patnerBannerContainer .bannerContent p {
	text-align: center;
	line-height: 2
}

.patnerInnerWrapper {
	margin: 80px auto
}

.patnerContainer {
	width: 100%;
	background: #fff;
	box-shadow: 0 14px 42px 0 rgba(0,0,0,.2);
	border-radius: 5px;
	margin: 0 0 30px;
	display: block;
	padding: 0 30px;
	text-align: center
}

.patnerContainer img {
	margin: 0 auto;
	display: block;
	padding: 30px 0
}

.patnerContainer p {
	margin: 20px 0 0;
	line-height: 2
}

.patnerButtonContainer {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px
}

.patnerButtonContainer button {
	padding: 14px 60px;
	border-radius: 2px;
	color: #fff;
	width: 100%
}

.patnerInnerContainer a {
	width: 100%;
	color: #fff;
	display: block;
	text-align: center
}

.patnerApplyButton {
	background: #d84315
}

.patnerAskButton {
	background: #444
}

.video_holder_01 {
	height: auto;
	overflow: hidden;
	position: relative
}

.videoPopup1,.videoPopup2,.videoPopup3 {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 10000;
	background: #000;
	text-align: center
}

#video_player_01,#video_player_02 {
	max-height: 100%;
	margin: 0 auto
}

.playButton {
	width: 100%;
	max-height: 500px
}

.closeButton1,.closeButton2,.closeButton3 {
	position: absolute;
	top: 10px;
	right: 10px;
	visibility: hidden;
	cursor: pointer
}

.playButton img {
	margin: 0 auto;
	display: block;
	cursor: pointer
}

.player .video-wrapper {
	background: #fff!important
}

.scrollHide {
	overflow: hidden!important
}

.pricingBannerContainer {
	position: relative;
	width: 100%;
	height: 600px;
	text-align: center;
	background: #377639
}

.pricingAlt .bannerContent {
	top: 80px
}

.pricingBannerContainer h2 {
	margin-top: 0
}

.pricingContainer:first-child {
	border-right: 1px dotted #ccc
}

.pricingValue {
	float: left
}

.justPrice,.pricingValue .price {
	font-size: 12.75rem;
	line-height: .9;
	font-weight: 400;
	display: inline
}

.pricingTextWrapper p {
	font-size: 2rem;
	font-weight: 400;
	margin: 13px 0 30px;
	line-height: 1.3
}

.dollar,h2.pricingValue span {
	font-size: 4rem;
	vertical-align: top;
	display: inline-block;
	font-weight: 300
}

.newPricing {
	width: 350px;
	margin: auto
}

.pricingButton {
	background: #d84315;
	color: #fff;
	margin: 0 0 10px;
	font-size: 1.3rem;
	border: 1px solid #fff;
	padding: 14px 80px
}

.pricingInnerWrapper {
	background: #f5f5f5
}

.pricingContainer {
	text-align: center;
	padding: 40px 0
}

.pricingContainer p {
	font-size: 1.1rem;
	padding: 20px 0
}

.pricingContainerButton {
	background: #4caf50;
	color: #fff;
	font-size: 1.15rem
}

.pricingCTA {
	margin-bottom: 3%
}

.contact_form .form_input {
	margin-bottom: 25px;
	padding: 0
}

.form_input label {
	font-weight: 400;
	width: 100%
}

label.error {
	color: red;
	padding: 5px 0 0;
	margin: 0
}

#spl_signup_modal .spl_signup_form input[type=email],#spl_signup_modal .spl_signup_form input[type=text],.contact_form input[type=email],.contact_form input[type=text],.contact_form input[type=tel] {
	border: 1px solid #999;
	width: 100%;
	margin: 8px 0 0;
	padding: 8px
}

.switch label,.switch span {
	position: relative;
	width: 50%
}

#spl_signup_modal .close {
	font-size: 30px
}

.contact_form .checkbox label,.contact_form .radio label {
	margin-bottom: 5px;
	color: #000
}

.contact_form .checkbox,.contact_form .radio {
	display: inline-block;
	margin: 8px 15px 0 0
}

.switch {
	border-radius: 0;
	height: 30px;
	border: 1px solid #fff;
	display: none
}

.switch:after,.switch:before {
	content: " ";
	display: table
}

.switch:after {
	clear: both
}

.switch label {
	float: left;
	z-index: 2;
	line-height: 28px;
	cursor: pointer;
	color: #fff;
	font-weight: 600;
	margin-bottom: 0;
	font-size: .8rem;
	padding: 0 15px
}

.switch input[type=radio] {
	display: none
}

.switch input[type=radio]:checked+label {
	color: #377639
}

.switch span {
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	display: block;
	border-radius: 0;
	background-color: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.switch span.right {
	left: 50%;
	border-radius: 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.modal-open {
	overflow: auto!important;
	padding-right: 0!important
}

.modal-body,.modal-header {
	padding: 20px 30px!important
}

body.modal-open {
	overflow-x: hidden!important
}

.modal-content {
	border-radius: 0!important;
	box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important
}

.modal-footer {
	text-align: center;
	border-top: none!important;
	padding: 0 0 40px
}

.modal-footer button {
	border-radius: 2px;
	background: #4caf50;
	border: none;
	padding: 14px 30px;
	color: #fff;
	font-size: 1.15rem
}

.modal-footer button:focus,.modal-footer button:hover {
	color: #fff
}

.modal.fade .modal-dialog,.modal.in .modal-dialog {
	top: 50%!important;
	transform: translateY(-50%)!important;
	position: absolute!important;
	margin: 0 auto!important;
	left: 0!important;
	right: 0!important
}

.no-js #slide02 .pin-wrapper,.no-js #slide03 .pin-wrapper,.no-js #slide04 .pin-wrapper,.no-js #slide05 .pin-wrapper,.no-js #slide06 .pin-wrapper,.no-js #slide07 .pin-wrapper {
	transform: none
}

.no-js .elems {
	display: none
}

.cloudWorkflowManagementSoftware .cloudwrkflw_form,.throughLinkedInApply,.throughLinkedInApply a {
	display: block
}

.workflowBanner .bannerContainer {
	background: url(../images/home_banner_1366.jpg) no-repeat;
	background-size: cover;
	height: 100%
}

.workflowBanner .workBannerContent {
	position: relative;
	float: left;
	padding: 0;
	background: rgba(67,160,71,.9)!important
}

.workflowBanner .workBannerContent .bannerContent h2 {
	text-align: left
}

.workstepsContainer .workflowLogo img {
	height: 150px
}

.workstepsContainer .workflowLogo {
	text-align: center
}

.googleContainer .head-main,.workstepsContainer .head-main,.workstepsContainer .workflowLogo p {
	margin: 30px 0;
	text-transform: uppercase
}

.googleHead .head-main {
	margin-bottom: 0
}

.workstepsContainer .stephead {
	margin-bottom: 30px
}

.ebook_reset {
	height: 100%
}

.homeBannerContent .form .form-group:first-child {
	margin-top: 30px
}

.homeBannerContent .form .form-group input {
	border: 0;
	padding: 9px 12px;
	height: 52px;
	border-radius: 0
}

.homeBannerContent .form .form-group .download_button {
	text-transform: uppercase;
	color: #fff;
	background: #d84315;
	line-height: 40px;
	border: 0;
	width: 100%;
	height: 52px;
	border-radius: 0
}

.circle,.workflowSuperParentPrototype .row .superBrick .border img {
	border-radius: 50%
}

.ebook_reset .homeBannerContent {
	background-color: transparent!important
}

.circleWrapper {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	left: 130px;
	width: 17vw;
	height: 17vw
}

.circle,.purchase-order-process .bannerContainerHeightReset {
	height: 100%
}

.circle {
	width: 100%;
	position: absolute;
	right: 0
}

.one {
	transform: scale(.6);
	background-color: #f6bb42;
	z-index: 3;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s
}

.one p {
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-transform: uppercase;
	color: #fff;
	line-height: 1.9;
	font-weight: 700;
	font-size: 1.7em
}

.two {
	transform: scale(.75);
	background-color: #fbe4b3;
	z-index: 2;
	animation: rippleEffectTwo 3s infinite
}

@keyframes rippleEffectTwo {
	0%,100% {
		transform: scale(.75)
	}

	30%,50% {
		transform: scale(.85)
	}
}

@-webkit-keyframes rippleEffectTwo {
	0%,100% {
		-webkit-transform: scale(.75)
	}

	30%,50% {
		-webkit-transform: scale(.85)
	}
}

@-o-keyframes rippleEffectTwo {
	0%,100% {
		transform: scale(.75)
	}

	30%,50% {
		transform: scale(.85)
	}
}

@-ms-keyframes rippleEffectTwo {
	0%,100% {
		transform: scale(.75)
	}

	30%,50% {
		transform: scale(.85)
	}
}

@-moz-keyframes rippleEffectTwo {
	0%,100% {
		transform: scale(.75)
	}

	30%,50% {
		transform: scale(.85)
	}
}

.three {
	transform: scale(.9);
	background-color: #fdf1d9;
	z-index: 1;
	animation: rippleEffectThree 3s .5s infinite
}

@keyframes rippleEffectThree {
	0%,100% {
		transform: scale(.9)
	}

	30%,50% {
		transform: scale(1)
	}
}

@-webkit-keyframes rippleEffectThree {
	0%,100% {
		-webkit-transform: scale(.9)
	}

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

@-moz-keyframes rippleEffectThree {
	0%,100% {
		transform: scale(.9)
	}

	30%,50% {
		transform: scale(1)
	}
}

@-o-keyframes rippleEffectThree {
	0%,100% {
		transform: scale(.9)
	}

	30%,50% {
		transform: scale(1)
	}
}

@-ms-keyframes rippleEffectThree {
	0%,100% {
		transform: scale(.9)
	}

	30%,50% {
		transform: scale(1)
	}
}

.ebookImage {
	max-width: 45%;
	z-index: 5;
	position: relative;
	top: 55%;
	transform: translateY(-50%);
	left: 110px;
	right: auto
}

.ebookBodyContent .container {
	padding-top: 80px;
	padding-bottom: 80px
}

.ebookBodyContent .sideGreyBox {
	background-color: #eee;
	padding: 30px 50px
}

.ebookBodyContent .servicesTextContainer {
	margin-top: 0;
	width: 100%
}

.ebookBodyContent .reset,.ebookBodyContent .servicesTextContainer .reset {
	margin-top: 0
}

.ebookBodyContent .servicesTextContainer h4 {
	margin-bottom: 20px;
	line-height: 1.5
}

.ebookBodyContent .servicesTextContainer ul li {
	margin-left: 20px
}

.ebookMarginTop {
	margin-top: 25px
}

.negative_conf {
	color: #fff;
	background: #d84315;
	line-height: 49px;
	padding: 0 40px;
	margin-left: 10px
}

.negative_ebook_redirect {
	color: #fff;
	text-decoration: underline
}

.negative_ebook_redirect:focus,.negative_ebook_redirect:hover {
	cursor: pointer;
	color: #fff
}

.positive_conf {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 80%
}

#showLinkedInSignUp:focus,#showLinkedInSignUp:hover,.ebookDownloadWithForm:focus,.ebookDownloadWithForm:hover {
	cursor: pointer
}

.throughLinkedInApply a {
	width: 100%;
	margin-top: 50px
}

.throughLinkedInApply img {
	width: 80%
}

.optionsforSignup {
	margin-top: 25px
}

.ebook_thankYou_notice p {
	font-size: 20px;
	margin-top: 30px;
	font-weight: 700
}

.areYouConfirmation p:first-child {
	font-style: normal;
	margin-bottom: 30px;
	text-align: center
}

.areYouConfirmation p:last-child {
	text-align: center;
	margin-top: 10px
}

.purchase-order-process .resetPurchaseBannerContent {
	top: 50%;
	transform: translateY(-50%)
}

.purchase-order-process .planOptions {
	height: 30px
}

.workflowSuperParentPrototype {
	background-color: #fefefe;
	padding: 80px 0;
	border-bottom: 1px solid #efefef
}

.workflowSuperParentPrototype .row .introTitle {
	text-align: center;
	text-transform: uppercase;
	margin-top: 0
}

.workflowSuperParentPrototype .row .superBrick {
	width: 20%;
	float: left;
	padding: 15px
}

.workflowSuperParentPrototype .row .superBrick .border {
	text-align: center
}

.workflowSuperParentPrototype .row .superBrick .border .aboutImage {
	display: block;
	padding: 5px;
	font-weight: 600;
	margin-top: 15px
}

.cloudWorkflowManagementSoftware .homeBannerContent .bannerContent {
	top: 50%
}

#explanationSegment {
	border-top: 1px solid #efefef
}

.policyHeadingContainer {
	position: relative;
	width: 100%;
	height: 400px;
	text-align: center;
	background: url(../images/policy_heading_background.png) no-repeat;
	background-size: cover;
	background-position: center
}

.competitionPolicy .mainContainer,.privacyPolicy .mainContainer,.responsibleDisclosure .mainContainer,.termsOfService .mainContainer {
	height: auto
}

.competitionPolicy .contentWrapper,.privacyPolicy .contentWrapper,.responsibleDisclosure .contentWrapper,.termsOfService .contentWrapper {
	background-color: #fff;
	top: 0
}

.competitionPolicy .policyHeadingContainer .bannerContent,.privacyPolicy .policyHeadingContainer .bannerContent,.responsibleDisclosure .policyHeadingContainer .bannerContent,.termsOfService .policyHeadingContainer .bannerContent {
	top: 130px
}

.paperlessWorkflow .bannerContainer {
	background: url(../images/paperless_background.png) no-repeat;
	background-size: 50%;
	background-position: 0 bottom;
	background-color: #9bc18f
}

.paperlessWorkflow .whyChooseDetails {
	padding: 60px 0 80px;
	text-align: center
}

.paperlessWorkflow .whyChooseDetails h2 {
	margin-bottom: 40px
}

.paperlessWorkflow .whyChooseDetails .iconHolder {
	padding-bottom: 15px
}

.paperlessWorkflow .whyChooseDetails .whyContent hr {
	width: 60px;
	height: 1px;
	background-color: #333;
	margin: 15px auto
}

.paperlessWorkflow .howToCreateSteps .whyContent p {
	line-height: 1.4
}

.paperlessWorkflow .howToCreateSteps .creativeHeading {
	width: 230px;
	position: absolute;
	bottom: 145px;
	left: 50%;
	transform: translateX(-50%)
}

.paperlessWorkflow .howToCreateSteps .creativeHeading h2 {
	font-size: 1.7rem;
	text-align: center;
	margin-bottom: 0;
	color: #757575
}

.paperlessWorkflow .howToCreateSteps {
	float: left;
	width: 100%;
	padding: 80px 0
}

.paperlessWorkflow .howToCreateSteps .theSteps .numberPoint {
	width: 30px;
	height: 30px;
	padding-top: 5px;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	text-align: center
}

.paperlessWorkflow .howToCreateSteps .theSteps p {
	margin-bottom: 10px;
	line-height: 1.5
}

.paperlessWorkflow .howToCreateSteps .theSteps {
	text-align: left;
	position: absolute;
	width: 24%
}

.paperlessWorkflow .howToCreateSteps .stepone {
	bottom: 145px;
	left: 0
}

.paperlessWorkflow .howToCreateSteps .steptwo {
	left: 0;
	top: 25%
}

.paperlessWorkflow .howToCreateSteps .stepthree {
	left: 50%;
	transform: translateX(-50%);
	text-align: center
}

.paperlessWorkflow .howToCreateSteps .stepfour {
	right: 0;
	top: 25%;
	text-align: right
}

.paperlessWorkflow .howToCreateSteps .stepfive {
	bottom: 145px;
	right: 0;
	text-align: right
}

.paperlessWorkflow .howToCreateSteps .mainCreativeHolder {
	margin-top: 180px;
	margin-bottom: 75px
}

.paperlessWorkflow .howToCreateSteps .mainCreativeHolder img {
	max-width: 62%
}

.paperlessWorkflow .howToCreateSteps .stepone .numberPoint {
	background-color: #00aadc
}

.paperlessWorkflow .howToCreateSteps .steptwo .numberPoint {
	background-color: #00c69c
}

.paperlessWorkflow .howToCreateSteps .stepthree .numberPoint {
	background-color: #00ad49
}

.paperlessWorkflow .howToCreateSteps .stepfour .numberPoint {
	background-color: #fac132
}

.paperlessWorkflow .howToCreateSteps .stepfive .numberPoint {
	background-color: #a055da
}

@media screen and (max-width:975px) {
	.calendly-overlay .calendly-popup {
		width: 90%!important;
		margin: 0 auto!important
	}
}

.calendly-overlay .calendly-popup {
	max-width: 700px!important;
	min-width: 700px!important
}


.customGPlusSignIn {
	display: block;
	background: #4285f4;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
	width: 260px;
	height: 50px;
	margin-left: 50%;
	transform: translateX(-50%);
	border-radius: 2px
}

.customGPlusSignIn:hover {
	cursor: pointer
}

.customGPlusSignIn:active {
	background: #3367d6
}

.customGPlusSignIn span.googleIcon {
	width: 46px;
	height: 46px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
	margin-top: 2px
}

.customGPlusSignIn span.googleIcon img {
	max-width: 55%;
	margin-top: 50%;
	transform: translateY(-50%)
}

.customGPlusSignIn span.buttonText {
	width: 205px;
	height: 50px;
	font-size: 1.3rem;
	display: inline-block;
	text-align: center;
	line-height: 50px
}


.webinarBannerContainer {
	position: relative;
	width: 100%;
	height: 400px;
	background: url(../dist/images/webinar_banner.png) no-repeat;
	background-position: 0 0;
	background-size: cover
}

.kfWebinarsDataParent,.kfWebinarsDataParent .webinarHeadings {
	float: left;
	width: 100%
}

.kfWebinarsDataParent .webinarHeadings .headingSegment1 {
	width: calc(100% - 200px);
	float: left;
	position: relative
}

.kfWebinarsDataParent .webinarHeadings .headingSegment2 {
	width: 200px;
	float: left;
	text-align: center
}

.kfWebinarsDataParent .webinarHeadings .headingSegment1 .subsection1,.kfWebinarsDataParent .webinarHeadings .headingSegment1 .subsection2 {
	width: 50%;
	float: left
}

.kfWebinarsDataParent .webinarHeadings .headingData {
	float: left;
	width: 100%;
	padding: 20px 0 20px 15px;
	color: #43A047;
	font-weight: 700
}

.kfWebinarsDataParent .webinarBody {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	position: relative
}

.kfWebinarsDataParent .webinarBody .bodysection1 {
	width: calc(100% - 200px);
	float: left;
	position: relative
}

.kfWebinarsDataParent .webinarBody .bodysection1 .subsection1 {
	width: 50%;
	padding: 20px 15px
}

.kfWebinarsDataParent .webinarBody .bodysection1 .subsection1 ul li:first-child {
	font-size: 1.1rem;
	font-weight: 600
}

.kfWebinarsDataParent .webinarBody .bodysection1 .subsection2 {
	width: 50%;
	padding: 20px 0 20px 15px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.kfWebinarsDataParent .webinarBody .bodysection2 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 200px;
	text-align: center;
	padding: 20px 0 20px 15px
}

.kfWebinarsDataParent .webinarBody .bodysection2 .registerButton {
	background: #43a047;
	padding: 10px 45px;
	border: none;
	color: #fff;
	font-size: 1rem;
	border-radius: 0
}

.attachDataFromHere {
	float: left;
	width: 100%
}

.onlyForYou .couponImage {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto
}

.onlyForYou .homeBannerContent .bannerContent {
	top: 50%
}

.onlyForYou .signupContainer .error-message {
	top: 50px
}

.onlyForYou .homeBannerContent .bannerContent h2,.onlyForYou .homeBannerContent .bannerContent p {
	color: #fff
}

.automationOnslaught .firstFold {
	background: url(../images/automation-bg.png) center center no-repeat rgba(0,0,0,.8);
	background-size: cover
}

.automationOnslaught .firstFold .promoBanner {
	height: 100vh
}

.automationOnslaught .firstFold .promoHeadingText {
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	overflow: hidden
}

.promoHeadingText img {
	margin-bottom: 30px;
	opacity: 0;
	animation: .5s ease 1.5s normal forwards fadein;
	-webkit-animation: .5s ease 1.5s normal forwards fadein
}

.promoHeadingText h2 {
	animation: comein 1.5s ease-in-out;
	-webkit-animation: comein 1.5s ease-in-out;
	font-size: 3rem
}

@keyframes comein {
	0% {
		transform: translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes comein {
	0% {
		transform: translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes comein {
	0% {
		transform: translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-o-keyframes comein {
	0% {
		transform: translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-ms-keyframes comein {
	0% {
		transform: translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

.promoHeadingText p {
	margin-top: 40px;
	font-size: 1.2rem;
	animation: bottomup 1.5s ease-in-out;
	-webkit-animation: bottomup 1.5s ease-in-out
}

.promoHeadingText .promoBot {
	animation: bottomup 1.5s ease-in-out;
	-webkit-animation: bottomup 1.5s ease-in-out
}

@keyframes bottomup {
	0% {
		transform: translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes bottomup {
	0% {
		transform: translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-o-keyframes bottomup {
	0% {
		transform: translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes bottomup {
	0% {
		transform: translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-ms-keyframes bottomup {
	0% {
		transform: translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

.automationOnslaught .firstFold .promoHeadingText small {
	font-size: .8rem;
	font-style: italic;
	animation: fadein 2.5s ease-in-out;
	-webkit-animation: fadein 2.5s ease-in-out
}

@keyframes fadein {
	0%,from {
		opacity: 0
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: .5
	}

	75% {
		opacity: .75
	}

	100%,to {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	0%,from {
		opacity: 0
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: .5
	}

	75% {
		opacity: .75
	}

	100%,to {
		opacity: 1
	}
}

@-o-keyframes fadein {
	0%,from {
		opacity: 0
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: .5
	}

	75% {
		opacity: .75
	}

	100%,to {
		opacity: 1
	}
}

@-moz-keyframes fadein {
	0%,from {
		opacity: 0
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: .5
	}

	75% {
		opacity: .75
	}

	100%,to {
		opacity: 1
	}
}

@-ms-keyframes fadein {
	0%,from {
		opacity: 0
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: .5
	}

	75% {
		opacity: .75
	}

	100%,to {
		opacity: 1
	}
}

.automationOnslaught .firstFold .downArrow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.automationOnslaught .firstFold .downArrow img {
	margin-bottom: 40px;
	max-width: 35px
}

.automationOnslaught .secondFold {
	margin: 60px 0 30px;
	background-color: #fefefe
}

.automationOnslaught .secondFold h3 {
	margin-bottom: 30px;
	text-align: center;
	font-weight: 700;
	font-size: 2rem
}

.automationOnslaught .secondFold .offerings {
	padding: 50px 0 0 30px
}

.automationOnslaught .secondFold .offerings h4 {
	line-height: 1.7
}

.automationOnslaught .secondFold .offerings hr {
	margin: 40px 0;
	width: 25%;
	height: 1px;
	background-color: #949494;
	color: #949494;
	margin-left: 0;
	text-align: left
}

.automationOnslaught .secondFold .offerings .youWillLearn p {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 15px
}

.automationOnslaught .secondFold .offerings .youWillLearn ul li {
	line-height: 24px;
	margin: 12px 17px;
	list-style-image: url(../dist/images/list_style_image.png);
	vertical-align: baseline;
	padding-left: 10px
}

.automationOnslaught .formParent {
	overflow: hidden;
	min-height: 560px;
	padding: 25px 40px 40px
}

.automationOnslaught .formParent .formHolder {
	padding-left: 40px;
	padding-right: 40px
}

.automationOnslaught .formParent .shadowProp {
	margin-top: 20px;
	margin-bottom: 20px;
	z-index: 100;
	padding-left: 0;
	padding-right: 0;
	box-shadow: 0 0 60px 12px #E4E4E4;
	-webkit-box-shadow: 0 0 60px 12px #E4E4E4;
	-moz-box-shadow: 0 0 60px 12px #E4E4E4;
	-o-box-shadow: 0 0 60px 12px #E4E4E4
}

.automationOnslaught .formHolder h4 {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 25px;
	line-height: 1.5
}

.automationOnslaught .formHolder .inputField input {
	box-shadow: none;
	border-radius: 0;
	border: 0;
	background: #fefefe;
	border-bottom: 1px solid #989898;
	height: 50px;
	margin-bottom: 20px
}

.automationOnslaught .formHolder .inputField:last-child {
	margin-bottom: 30px
}

.automationOnslaught .formParent .formHolder .inputField ul {
	margin-top: 50px
}

.automationOnslaught .formParent .formHolder .inputField ul li {
	display: inline-block;
	height: 50px;
	margin-bottom: 0;
	list-style-type: none;
	position: relative
}

.automationOnslaught .formParent .formHolder .inputField ul li:last-child {
	margin-left: 5%
}

.automationOnslaught .formParent .formHolder .inputField ul li input[type=radio] {
	display: none;
	height: auto;
	position: absolute;
	top: -10px;
	left: 0
}

.automationOnslaught .formParent .formHolder .inputField ul li label {
	vertical-align: middle;
	margin-top: -4px;
	font-weight: 400;
	padding-left: 23px
}

.automationOnslaught .formParent .formHolder .inputField ul li .radio--select {
	width: 17px;
	height: 17px;
	border: 1px solid #989898;
	border-radius: 50%;
	position: absolute;
	top: -1px;
	left: 0;
	pointer-events: none
}

.automationOnslaught .formParent .formHolder .inputField ul li:hover .radio--select {
	background: #ccc
}

.automationOnslaught .formParent .formHolder .inputField ul li .radio--select:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 11px;
	height: 11px;
	border: 1px solid #00ad49;
	background-color: #00ad49;
	border-radius: 50%;
	display: none
}

.automationOnslaught .formParent .formHolder .inputField ul li input[type=radio]:checked~.radio--select:after {
	display: block
}


.automationOnslaught .formParent .formHolder .voucherDetail {
	width: 0;
	margin-top: -15px;
	margin-bottom: 50px;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-webkit-transition: all .3s linear
}

.automationOnslaught .formParent .formHolder .error-message {
	position: absolute;
	top: 55px;
	left: 0;
	font-size: .9rem
}

.automationOnslaught .formParent .formHolder .error-message span {
	background: red;
	padding: 5px 10px;
	color: #fff;
	border-radius: 3px
}

.automationOnslaught .formParent .formHolder .error-message span:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	top: -25px;
	left: 40px;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: red;
	border-width: 10px;
	margin-left: -30px
}

.automationOnslaught .formParent .formSubmit button {
	border-radius: 0;
	border: 0;
	width: 100%;
	height: 55px;
	color: #fff;
	background-color: #00ad49;
	text-align: center;
	font-weight: 700;
	font-size: 1.2rem
}

.formPullUp {
	animation: pullUpwards .7s ease-in-out;
	-webkit-animation: pullUpwards .7s ease-in-out
}

@keyframes pullUpwards {
	from {
		transform: translateY(100%);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes pullUpwards {
	from {
		transform: translateY(100%);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@-o-keyframes pullUpwards {
	from {
		transform: translateY(100%);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes pullUpwards {
	from {
		transform: translateY(100%);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@-ms-keyframes pullUpwards {
	from {
		transform: translateY(100%);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

.automationOnslaught .formParent .thankyouParent {
	min-height: 400px;
	text-align: center;
	margin-top: 10px;
	opacity: 0;
	box-shadow: 0 3px 16px 4px #E4E4E4;
	-webkit-box-shadow: 0 3px 16px 4px #E4E4E4;
	-moz-box-shadow: 0 3px 16px 4px #E4E4E4;
	-o-box-shadow: 0 3px 16px 4px #E4E4E4
}

.automationOnslaught .formParent .thankyouParent .thankyouContent {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding: 30px
}

.automationOnslaught .formParent .thankyouParent img {
	margin-bottom: 30px;
	border: 2px solid #949494;
	border-radius: 50%;
	padding: 5px;
	width: 60px;
	transform: scale(0)
}

.automationOnslaught .formParent .thankyouParent p {
	font-size: 1.2rem;
	font-weight: 600
}

.okPop {
	animation: popin .5s linear;
	-webkit-animation: popin .5s linear
}

@keyframes popin {
	0% {
		transform: scale(0)
	}

	25% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1.1)
	}

	75% {
		transform: scale(.8)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes popin {
	0% {
		transform: scale(0)
	}

	25% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1.1)
	}

	75% {
		transform: scale(.8)
	}

	100% {
		transform: scale(1)
	}
}

@-moz-keyframes popin {
	0% {
		transform: scale(0)
	}

	25% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1.1)
	}

	75% {
		transform: scale(.8)
	}

	100% {
		transform: scale(1)
	}
}

@-ms-keyframes popin {
	0% {
		transform: scale(0)
	}

	25% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1.1)
	}

	75% {
		transform: scale(.8)
	}

	100% {
		transform: scale(1)
	}
}

@-o-keyframes popin {
	0% {
		transform: scale(0)
	}

	25% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1.1)
	}

	75% {
		transform: scale(.8)
	}

	100% {
		transform: scale(1)
	}
}

.ptBrHome .signupContainer .error-message {
	width: 100%
}

.noSplitTopFold .bannerContainer {
	background: 0 0
}

.noSplitTopFold .bannerContent {
	top: 50%
}

.noSplitTopFold .bannerContent .pricingText,.noSplitTopFold .bannerContent h2,.noSplitTopFold .bannerContent p {
	text-align: center
}

.noSplitTopFold .bannerContent h2 {
	font-size: 3rem
}

.noSplitTopFold .bannerContent p.firstFoldPara {
	font-size: 1.4rem
}

.noSplitTopFold .signupContainer button,.noSplitTopFold .signupContainer input {
	height: 50px
}

.noSplitTopFold .signupContainer button {
	font-weight: 700;
	font-size: 1.1rem
}

.noSplitTopFold .signupContainer .error-message {
	top: 50px;
	left: 15px
}

@media only screen and (min-width:1601px) {
	body,html {
		font-size: 16px
	}


	.customGPlusSignIn {
		width: 300px
	}

	.customGPlusSignIn span.buttonText {
		width: 243px;
		font-size: 1.1rem
	}

    .fullHeight { height:890px; max-height:640px;}
}

@media only screen and (max-width:1200px) {
	body,html {
		font-size: 13px
	}

	.mxWrap .signupContainer #footer-error span {
		display: block
	}
}

@media only screen and (min-width:1600px) {
	.container {
		width: 1390px;
		max-width: 1390px
	}

	.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
		float: left
	}

	.col-xl-12 {
		width: 100%
	}

	.col-xl-11 {
		width: 91.66666667%
	}

	.col-xl-10 {
		width: 83.33333333%
	}

	.col-xl-9 {
		width: 75%
	}

	.col-xl-8 {
		width: 66.66666667%
	}

	.col-xl-7 {
		width: 58.33333333%
	}

	.col-xl-6 {
		width: 50%
	}

	.col-xl-5 {
		width: 41.66666667%
	}

	.col-xl-4 {
		width: 33.33333333%
	}

	.col-xl-3 {
		width: 25%
	}

	.col-xl-2 {
		width: 16.66666667%
	}

	.col-xl-1 {
		width: 8.33333333%
	}

	.col-xl-pull-12 {
		right: 100%
	}

	.col-xl-pull-11 {
		right: 91.66666667%
	}

	.col-xl-pull-10 {
		right: 83.33333333%
	}

	.col-xl-pull-9 {
		right: 75%
	}

	.col-xl-pull-8 {
		right: 66.66666667%
	}

	.col-xl-pull-7 {
		right: 58.33333333%
	}

	.col-xl-pull-6 {
		right: 50%
	}

	.col-xl-pull-5 {
		right: 41.66666667%
	}

	.col-xl-pull-4 {
		right: 33.33333333%
	}

	.col-xl-pull-3 {
		right: 25%
	}

	.col-xl-pull-2 {
		right: 16.66666667%
	}

	.col-xl-pull-1 {
		right: 8.33333333%
	}

	.col-xl-pull-0 {
		right: auto
	}

	.col-xl-push-12 {
		left: 100%
	}

	.col-xl-push-11 {
		left: 91.66666667%
	}

	.col-xl-push-10 {
		left: 83.33333333%
	}

	.col-xl-push-9 {
		left: 75%
	}

	.col-xl-push-8 {
		left: 66.66666667%
	}

	.col-xl-push-7 {
		left: 58.33333333%
	}

	.col-xl-push-6 {
		left: 50%
	}

	.col-xl-push-5 {
		left: 41.66666667%
	}

	.col-xl-push-4 {
		left: 33.33333333%
	}

	.col-xl-push-3 {
		left: 25%
	}

	.col-xl-push-2 {
		left: 16.66666667%
	}

	.col-xl-push-1 {
		left: 8.33333333%
	}

	.col-xl-push-0 {
		left: auto
	}

	.col-xl-offset-12 {
		margin-left: 100%
	}

	.col-xl-offset-11 {
		margin-left: 91.66666667%
	}

	.col-xl-offset-10 {
		margin-left: 83.33333333%
	}

	.col-xl-offset-9 {
		margin-left: 75%
	}

	.col-xl-offset-8 {
		margin-left: 66.66666667%
	}

	.col-xl-offset-7 {
		margin-left: 58.33333333%
	}

	.col-xl-offset-6 {
		margin-left: 50%
	}

	.col-xl-offset-5 {
		margin-left: 41.66666667%
	}

	.col-xl-offset-4 {
		margin-left: 33.33333333%
	}

	.col-xl-offset-3 {
		margin-left: 25%
	}

	.col-xl-offset-2 {
		margin-left: 16.66666667%
	}

	.col-xl-offset-1 {
		margin-left: 8.33333333%
	}

	.col-xl-offset-0 {
		margin-left: 0
	}

	.welcomeBackText {
		margin-top: 30px
	}

	.justPrice,.pricingValue .price {
		font-size: 12rem
	}

	.ebookImage {
		width: 500px;
		max-width: 48%
	}


	.autoWrkflow .bannerContent {
		margin-top: 160px
	}

	.autoWrkflow .chaosImg {
		padding-top: 40px
	}

	.noSplitTopFold .bannerContent h2,.promoHeadingText h2 {
		font-size: 3.5rem
	}

}

@media only screen and (max-width:1200px) {
	.navbar-right {
		margin-right: 15px
	}

	.sectionImage img {
		max-width: 100%
	}

	#section1_1 .signupContainer input {
		border-right: 1px solid #999;
		margin-bottom: 20px
	}

	.servicesTextContainer {
		margin-top: 120px
	}

	.slide .wrapper {
		max-width: 30%;
		top: 35%
	}

	.welcomeBackText h3 {
		margin-top: 10px
	}

	.loginFormContainer input {
		height: 40px
	}

	h2 {
		font-size: 1.9em
	}

	.signupContainer button.linkedinBtn {
		height: 45px
	}

	.fullWdhFold .signupContainer button.linkedinBtn {
		height: 55px
	}


	.customGPlusSignIn span.buttonText {
		font-size: 1.3rem
	}


	.onlyForYou .navbar-right {
		margin-right: -10px
	}

	.automationOnslaught .firstFold .promoBanner {
		height: 75vh
	}

	.automationOnslaught .formParent .shadowProp {
		margin-top: 35px
	}
}

@media only screen and (max-width:992px) {
	.bannerContent .regular_para,.bannerContent p.subheading,.customerLogo,.homeBannerContent .bannerContent h2,.homeBannerContent .bannerContent p,.pricingText,.sectionImage,.slide .wrapper h2,.slide .wrapper p,.workflowBanner .workBannerContent .bannerContent h2,.workflowBanner .workBannerContent .bannerContent p {
		text-align: center
	}

	.automationOnslaught .automationWhiteLogo,.slide .wrapper br,h3 br {
		display: none
	}

	.bannerHeight {
		height: auto
	}

	.splContainer .homeBannerContent .bannerContent {
		margin-top: 50px
	}

	.workflowBanner.bannerHeight {
		height: 100%
	}

	#section1_1.bannerHeight {
		height: 700px
	}


	.bannerContainer {
		background: 0 0
	}

	.homeBannerContent,.workflowBanner .workBannerContent {
		background: rgba(67,160,71,1)!important
	}

	.homeBannerContent .bannerContent {
		position: relative;
		top: 0;
		margin-top: 130px;
		transform: none;
		padding-bottom: 50px
	}

	.customerLogo {
		line-height: initial;
		line-height: auto
	}

	.customerLogo:first-child img,.customerLogo:last-child img {
		padding: 15px 0;
		margin: 0;
		width: 80%
	}

	.sectionContainer {
		border-bottom: none;
		padding-bottom: 0px
	}

	.sectionImage img {
		margin: 40px 0;
		width: 90%
	}

	.ebookBodyContent .servicesTextContainer .reset,.servicesTextContainer h3 {
		margin-top: 0
	}

	.servicesTextContainer {
		margin-top: 0;
		padding: 0 5%
	}

	.testimonialWrapper {
		min-height: 500px
	}

	.testimonialFooter {
		bottom: 30px
	}

	.slide .wrapper {
		opacity: 1;
		width: 100%;
		max-width: 80%;
		top: 65%;
		left: 10%
	}

	.slide .img {
		width: 100%;
		transform: translate(-48%,-40%);
		top: 40%;
		background-repeat: no-repeat
	}

	.cawrapper .signupContainer .error-message {
		left: 0
	}

	.cawrapper .signupContainer .error-message span {
		padding: 5px 2px
	}

	.ebookBodyContent .container {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.ebookBodyContent .sideGreyBox {
		padding: 10%
	}

	.ebookBodyContent .servicesTextContainer h3 {
		margin-top: 30px
	}

	.ebookMarginTop {
		margin-top: 25px
	}

	.paperlessWorkflow .sectionContainer {
		border-bottom: 1px solid #efefef;
		padding-bottom: 0
	}

	.paperlessWorkflow .howToCreateSteps,.paperlessWorkflow .whyChooseDetails {
		padding: 20px 0 50px
	}

	.paperlessWorkflow .howToCreateSteps .creativeHeading {
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		bottom: initial;
		transform: none;
		width: initial
	}

	.paperlessWorkflow .howToCreateSteps .creativeHeading h2 {
		color: #333;
		font-weight: 700;
		font-size: 2rem
	}

	.paperlessWorkflow .howToCreateSteps .theSteps {
		width: 79%;
		text-align: left;
		position: relative;
		top: initial!important;
		left: 50%;
		right: initial!important;
		bottom: initial!important;
		transform: none;
		transform: translateX(-50%);
		margin-top: 50px
	}

	.paperlessWorkflow .howToCreateSteps .theSteps:first-child {
		margin-top: 0
	}


	.onlyForYou .signupContainer .error-message {
		left: 0
	}

	.automationOnslaught .secondFold .offerings {
		padding-top: 30px 0 0 30px
	}

	.automationOnslaught .secondFold .formParent {
		min-height: 620px
	}

	.automationOnslaught .formParent .formHolder .inputField ul li {
		display: block
	}

	.automationOnslaught .formParent .formHolder .inputField ul li:last-child {
		margin-left: 0
	}

}

@media only screen and (max-width:1023px) {
	.homeBannerContent .signupContainer button.linkedinBtn {
		background-size: 100%
	}

	.getStartedWrapper .signupContainer button.linkedinBtn {
		height: 40px;
		line-height: 30px
	}
}

@media only screen and (min-width:993px) {
	.ptBrHowItWorks .slide .wrapper {
		top: 45%;
		transform: translateY(-50%)
	}
}

@media only screen and (max-width:767px) {
	.patnerButtonContainer .patnerInnerContainer,.slide .wrapper {
		text-align: center
	}

	.homeBannerContent .bannerContent {
		margin-top: 80px
	}

	.bannerContent {
		top: 120px
	}

	#section1_1 .bannerContent {
		top: 100px
	}

	#section1_1.bannerHeight {
		height: 600px
	}

	.signupContainer {
		margin-top: 40px
	}

	.testimonialWrapper {
		min-height: 380px
	}

	.slide {
		overflow: visible;
		height: auto!important;
		position: initial;
		padding: 50px 0
	}

	#slide01 {
		padding-top: 100px
	}

	#slide02 .pin-wrapper,#slide03 .pin-wrapper,#slide04 .pin-wrapper,#slide05 .pin-wrapper,#slide06 .pin-wrapper,#slide07 .pin-wrapper {
		height: 100%!important;
		transform: none
	}

	.elems {
		position: relative;
		height: 100%!important
	}

	.slide .img {
		position: relative;
		top: auto;
		left: 0;
		max-width: 85%;
		height: 45vw;
		background-size: contain;
		background-repeat: no-repeat;
		transform: none;
		margin: auto;
		width: 450px;
		background-position-x: center;
		max-height: 200px
	}

	.slide .wrapper {
		opacity: 1;
		width: 100%;
		max-width: 80%;
		top: initial;
		left: 10%;
		position: relative
	}

	.patnerContainer {
		min-height: 260px
	}

	.patnerButtonContainer button {
		width: 80%;
		margin: 0 auto 20px;
		padding: 10px 40px
	}

	.signupContainer .error-message {
		left: 0
	}

	.ebookBodyContent .sideGreyBox {
		padding: 5%
	}

	.ebookBodyContent h3.reset {
		margin-top: 20px
	}

	.ebookBodyContent .servicesTextContainer .reset {
		margin-top: 25px
	}


	.paperlessWorkflow .whyChooseDetails .whyContent {
		margin-top: 40px
	}

	.paperlessWorkflow .whyChooseDetails .restoreCss {
		margin-top: 0
	}

}

@media only screen and (max-height:900px) {
	.slide .img {
		top: 55%
	}
}

@media screen and (min-width:0\0) {
	.slide .wrapper br {
		display: none
	}
}

@supports (-ms-accelerator:true) {
	.slide .wrapper br {
		display: none
	}
}

@media only screen and (min-width:1367px) and (max-width:1919px) {
	.bannerContainer {
		background: url(../images/home_banner_1440.jpg) no-repeat;
		background-size: cover
	}

	.bannerContainer.splContainer {
		background: #E5F4E6;
		background-size: auto
	}

	.googleapp .bannerContainer {
		background: url(../dist/images/google_banner_1440.jpg) no-repeat
	}

	.signupContainer button.linkedinBtn {
		height: 45px
	}

	.fullWdhFold .signupContainer button.linkedinBtn {
		height: 50px
	}

	.noSplitTopFold .homeBannerContent {
		background-attachment: fixed!important
	}
}

@media only screen and (min-width:1920px) {
    /*.fullHeight { max-height:920px;}*/

	.bannerContainer {
		background: url(../images/home_banner_1920.jpg) no-repeat;
		background-size: cover
	}

	.bannerContainer.splContainer {
		background: #E5F4E6;
		background-size: auto
	}

	#section1_1 .homeBannerContainer {
		background-size: 60%
	}

	#section1_1 .signupContainer input {
		padding: 12.5px 14px
	}

	#section1_1 .bannerContent {
		top: 200px
	}

	.googleapp .bannerContainer {
		background: url(../dist/images/google_banner_1920.jpg) no-repeat
	}

	.fullWdhFold .signupContainer button.linkedinBtn {
		height: 62px
	}

	.noSplitTopFold .homeBannerContent {
		background-attachment: fixed!important
	}
}

@media only screen and (max-width:1200px) {
	.bannerContainer {
		background-position-x: 23%
	}

	.ebookImage {
		max-width: 60%
	}

	.circleWrapper {
		left: 90px
	}
    
	.paperlessWorkflow .bannerContainer {
		background-size: 65%
	}

	.paperlessWorkflow .howToCreateSteps .mainCreativeHolder img {
		max-width: 53%
	}
}

@media only screen and (max-width:480px) {
	#section1_1 .homeBannerContainer {
		background: 0 0
	}

	#section1_1.bannerHeight {
		height: 550px
	}

	.mxWrap .pricingCTA .pricingButton {
		padding: 15px;
		font-size: 1rem
	}
}

@media only screen and (min-height:820px) and (max-height:920px) {
	#section1_1 .homeBannerContainer {
		background-size: 70%
	}

	#section1_1 .bannerContent {
		top: 220px
	}
}

@media only screen and (min-width:1367px) and (max-width:1919px) {
	#section1_1 .bannerContent {
		top: 160px
	}

	#section1_1 .homeBannerContainer {
		background-size: 60%
	}
}

@media only screen and (min-width:1200px) {
	.fullWdhFold .signContainer .signupContainer {
		width: 60%;
		margin: 40px auto 0
	}

	.ptBrHowItWorks .slide .wrapper {
		top: 50%;
		transform: translateY(-50%)
	}

	.cloudWorkflowManagementSoftware .getStartedWrapper input {
		padding: 11px
	}
}

@media only screen and (min-width:1440px) {
	.homeBannerContent h2 {
		font-size: 2.5rem
	}

	.fullWdhFold .signupContainer button.linkedinBtn {
		height: 68px
	}

}

@media only screen and (min-width:1280px) and (max-width:1600px) {
	.fullWdhFold .signupContainer button.linkedinBtn {
		height: 53px;
		width: 35%;
		margin-left: 33%
	}

	.getStartedWrapper button.linkedinBtn.getStartedButton {
		height: 53px;
		width: 80%;
		margin-left: 10%
	}

	.autoWrkflow .bannerContent .jumbotron {
		max-width: 450px;
		margin: 0 auto
	}
}

@media only screen and (max-width:375px) {
	.copyrightDetails .copyrightText {
		line-height: 20px;
		padding-top: 10px
	}
}

@media only screen and (max-width:1280px) and (min-device-height:1024px) {
	.ebookImage {
		max-width: 55%;
		left: 20%
	}

	.paperlessWorkflow .bannerContainer {
		background-size: 65%
	}
}

@media only screen and (min-width:1280px) and (max-width:1366px) {
	.fullWdhFold .signContainer .signupContainer {
		width: 60%;
		margin: 40px auto 0
	}
}

@media only screen and (min-width:992px) {
	.splitWdhFold .latamSignup {
		float: left;
		width: 80%;
		margin-left: 0!important;
		padding: 0!important
	}

	.autoWrkflow .discount {
		padding-left: 15px
	}

	.autoWrkflow .mainMenu .navbar-nav li a:hover:before {
		background-color: #333
	}

	.autoWrkflow .mainMenu .navbar-nav li.fixedHeaderButton a:hover:before,.autoWrkflow .mainMenu .navbar-nav li.scrollHeaderButton a:hover:before {
		background-color: transparent
	}
}

body,html {
	height: 100%
}

html.calendly-page-scroll-locked body {
	overflow: hidden
}

.calendly-badge-widget,.calendly-badge-widget *,.calendly-inline-widget,.calendly-inline-widget *,.calendly-overlay,.calendly-overlay * {
	font-size: 16px;
	line-height: 1.2em
}

.calendly-badge-widget iframe,.calendly-inline-widget iframe,.calendly-overlay iframe {
	display: inline;
	width: 100%;
	height: 100%
}

.calendly-popup-content {
	position: relative
}

.calendly-popup-content.mobile {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.calendly-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 9999;
	background-color: #a5a5a5;
	background-color: rgba(31,31,31,.4)
}

.calendly-overlay .calendly-close-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.calendly-overlay .calendly-popup {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	width: 80%;
	height: 90%;
	max-height: 680px;
	background-color: #fff
}

.calendly-overlay .calendly-popup .calendly-popup-content {
	height: 100%
}

.calendly-overlay .calendly-popup .calendly-popup-close {
	position: absolute;
	top: 0;
	right: -24px;
	color: #fff;
	font-size: 24px;
	cursor: pointer
}

.calendly-overlay .calendly-popup .calendly-popup-close:before {
	content: "×"
}

.calendly-badge-widget {
	position: fixed;
	right: 20px;
	bottom: 15px;
	z-index: 9998
}

.calendly-badge-widget .calendly-badge-content {
	display: table-cell;
	width: auto;
	height: 45px;
	padding: 0 30px;
	border-radius: 25px;
	box-shadow: rgba(0,0,0,.25) 0 2px 5px;
	font-family: sans-serif;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

.calendly-badge-widget .calendly-badge-content.white {
	color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
	display: block;
	font-size: 12px;
	font-weight: 100
}

@media screen and (max-width:975px) {
	.calendly-overlay .calendly-popup {
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: none;
		transform: none;
		width: 100%;
		height: auto;
		min-width: 0;
		max-height: none
	}

	.calendly-overlay .calendly-popup .calendly-popup-content {
		background-color: #fff
	}

	.calendly-overlay .calendly-popup .calendly-popup-close {
		top: -50px;
		right: 14px;
		font-size: 40px
	}
}

.spinner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: -1
}

.spinner>div {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #e1e1e1;
	border-radius: 50%;
	vertical-align: middle;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(0)
	}

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

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

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




h2.title {
    font-size: 36px;
    text-align: center;
    line-height: 48px;
}
#breadcrumb_nav {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
#breadcrumb_nav ul li {
    display: inline;
    padding-right: 15px;
}

#breadcrumb_nav ul li:first-child + li:before, #breadcrumb_nav ul li:first-child + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li + li + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li + li + li + li + li:before {
    content: url(/Assets/images/pic_breadcrumb_arrow.png);
    padding-right: 15px;
}


.navbar-collapse {max-height:auto;}

.s-web-list {
    float: right;
    background: #FFFFFF;
    min-height: 400px;
}
 .bn-bg-img { display:none;}
 .pc-bn{display:block;}
@media screen and (max-width:992px) {
    #global-network { display:none;}
    .s-web-list {float:none;}
}

.index-bottom p {
    text-align: left;
}
.user_data {
    float: left;
    margin-bottom: 63px;
}

.user_data .name input, .user_data .email input, .user_data .message textarea {
    font: 16px 'KHMERUI';
    width: 100%;
    padding-left: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: url(/Assets/images/user_data_bg.png);
    margin: 8px 0;
}

.user_data .name input, .user_data .email input, .user_data .submit input {
    height: 48px;
    line-height: 48px;
}

.user_data .message textarea {
    padding-top: 20px;
    height: 150px;
}
.user_data .submit{ text-align:center;}
.user_data .submit input {
    width: 138px;
    border: 1px solid #24bbe8;
    border-radius: 2px;
    background: transparent;
    font: 16px 'KHMERUI';
    color: #24bbe8;
    margin: 20px 0 0 8px;
    cursor: pointer;
}

.user_data div input, .user_data div textarea {
    color: white !important;
}

@media (min-width: 768px){
    .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }


	.navbar-nav > li.list_unset {
		position: unset;
	}

	ul.list_n {
		width: 100%;
		margin-top: -8px;
	}

		ul.list_n li {
			width: 25%;
			float: left;
		}

	.navbar-nav > li.box_solu {
		position: relative;
	}

	.navbar-right ul.list_solu {
		width: 720px;
		left: -300px;
		background: #ffffff;
	}

	.navbar-nav > li > ul.list_solu {
		width: 720px;
		left: -300px;
		background: #ffffff;
	}
	.navbar-nav > li > ul.list_solu .nav-solu-box{
		padding-right:0px;
	}
	.navbar-nav > li > ul.list_solu .nav-solu-box ul{
		padding:15px;
	}
	.navbar-nav > li > ul.list_solu .nav-solu-box ul li{
		line-height:50px;
		cursor:pointer;
		background:#ededed;
		padding-left:15px;
		text-transform: uppercase;
	}
	.navbar-nav > li > ul.list_solu .nav-solu-box ul li a{
		padding:0;
		color:#333333;
	}

	.navbar-nav > li > ul.list_solu .nav-solu-box ul li.current {
		background:#ffffff;
	}
	.navbar-nav > li > ul.list_solu .nav-solu-show{
		padding-left:0px;
		padding-top:30px;
	}

	.navbar-nav > li > ul.list_solu .nav-solu-item{
		display:none;
	}

	.navbar-nav > li > ul.list_solu .nav-solu-item ul li{
		line-height:35px;
	}

	.navbar-nav > li > ul.list_solu .nav-solu-item.current {
		display: block !important
	}

	.navbar-nav > li > ul.list_solu .nav-solu-item ul li a{
		padding:0;
		color:#333333;
	}

	/*ul.list_solu li {
			width: 25%;
			float: left;
		}*/
}
/*
@media screen and (max-width:1024px) {
    
    .bannerHeight {height:auto; max-height:auto}
    .bn-bg-img { display:block;}
    .pc-bn{display:none;}
    .sliderDown{ display:none;}
}*/

@media screen and (max-width:1200px) {
    
    .bannerHeight {height:auto; max-height:auto}
    .bn-bg-img { display:block;}
    .pc-bn{display:none;}
    .sliderDown{ display:none;}
    .swiper-slide{ background:none;}
}

.banner-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    padding: 5px 15px;
    background-color: #e50000;
    color: #ffffff;
    border-radius: 10px;
}

/*nav*/
.navbar:hover {
	background-color: #fff; /*opacity: 0.9;filter:alpha(opacity=90); transition: all .2s ease-in */
}
.nav > li .dropdown-menu {margin: 0; }
.nav > li:hover .dropdown-menu {display: block; }

.navbar-nav > li > .dropdown-menu {
	background: #fff;
	/* opacity: 0.9;
    filter:alpha(opacity=90); */
	color: #000000;
}

.navbar-nav > li > .dropdown-menu a{
    color:#222222;
	    font-size: 13px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color:none;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.events-viewBtn-outBox{ position: absolute; right: 10px; bottom: 50px; display: inline-block;}
.events-viewBtn-outBox .events-viewBtn{ font-size: 16px; line-height: 1.2; color: #e3e3e3; background-color: #e50000; display: inline-block; padding: 8px 32px; border-radius: 3px;}
.events-viewBtn-outBox .events-viewBtn:hover{ background-color: #ff0000; color: #ffffff;}

.n-crumbs { margin-top:110px;}
.n-banner{width: 100%; height: 100%; padding-top: 210px;}
.n-bannerHeight{max-height: 450px; min-height: 450px; position: relative;}
.mobile-nbanner{ display:none;}

.mobile-top {
    margin-top: 110px;
}
.mobile-show{ display:none;}
li.mobile-show{ display:none;}

.solu-list {margin-bottom:80px;}
.pro-m-show{ display:none}
.div_pos{ display:none;}
@media only screen and (max-width:767px){
    .mobile-top {
        margin-top: 50px;
    }

    .mobile-right { float:right; text-align:right;}

    .n-crumbs { margin-top:50px;}
    .n-banner{padding-top: 0px;}
    .n-bannerHeight{max-height:initial; min-height:initial;}
    .mobile-nbanner{ display:block;}
    .fullHeight { height:auto; max-height:auto;}
    .mobile-bg{ background-color:#222;}

    /*.nav > li:hover .dropdown-menu {display: none; }*/

    .navbar-nav > li > .dropdown-menu{opacity: 1; width:100%; clear:both; position:relative;  background: #eee;}
    .navbar:hover { background-color:#ffffff;opacity: 1;filter:alpha(opacity=100);}
    .mainMenu .navbar-nav.navbar-right li a{ width:100%; clear:both;}

    .mobile-show{ display:block;}
    li.mobile-show{ display:block;}

    .solu-list {margin-bottom:0px;}
    .solu-txt p { max-height:78px;overflow:hidden;}
    .pro-m-show{ display:block;}
    .pro-txt { max-height:78px;overflow:hidden;}

    .div_pos{ display:block;}
}
.newsletter_subscription input {
    margin-bottom: 10px; padding:10px 5px;
}
.btn {
    text-align: center;
    display: inline-block;
    color: #fff !important;
    background: #cc3333;
    border-radius: 5px;
    height: 38px;
    width: 185px;
    border: 0;
}

 .nav img {
    width: 25px;
    height: 25px;
}

.testimonialWrapper{position:relative;width:100%;min-height:460px;text-align:center;background:rgba(0,0,0,.65)}
.testimonialCompanyLogo{min-height:120px;position:relative;line-height:120px}
.testimonialWrapper img{max-width:70%;vertical-align:middle}
.testimonialWrapper p{color:#fff;padding:0 20px}
.testimonialFooter{bottom:50px;width:100%}
.testimonialFooter p{font-weight:300}

.getStartedWrapper {
    padding: 50px 15px;
}

table.gridtable {width:100%;font-size:14px;color:#333333;border-width: 1px;border-color: #cccccc;border-collapse: collapse;}
table.gridtable th {border-width: 1px;padding: 8px;border-style: solid;border-color: #cccccc;background-color: #dedede;}
table.gridtable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #cccccc;background-color: #ffffff;}

table.gridtable01 {width:100%;font-size:14px;color:#333333;border-width: 1px;border-color: #cccccc;border-collapse: collapse;}
table.gridtable01 th {border-width: 1px;padding: 8px;border-style: solid;border-color: #cccccc;background-color: #EFEFEF;}
table.gridtable01 td {border-width: 1px;padding: 8px;border-style: solid;border-color: #cccccc;background-color: #ffffff;}

.nobr {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.formstylebluesmall input, .formstylebluesmall select, .formstylebluesmall textarea {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    color: #333;

    border:1px solid #e50000;

    padding: 5px 10px;
    font-size: 17px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    border-radius: 0;
    font-family: 'Source Sans Pro',sans-serif;
}

.formstylebluesmall input.buttonsearch {
    width: 40px;
    height: 40px;
    background: #e50000 url(/Assets/images/nav-icon-search-background-white.png) center center no-repeat;
    background-size: 18px 18px;
    cursor: pointer;
}

a.a-underline:hover{ text-decoration:underline; color:#e50000;}